{"id":13626509,"url":"https://github.com/x-cold/N3-admin","last_synced_at":"2025-04-16T14:33:52.123Z","repository":{"id":79358185,"uuid":"80019729","full_name":"x-cold/N3-admin","owner":"x-cold","description":"vue / vuex / N3 / vue-router / axios v2","archived":false,"fork":false,"pushed_at":"2018-09-03T02:44:32.000Z","size":2506,"stargazers_count":193,"open_issues_count":0,"forks_count":58,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-11-08T16:44:14.831Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://x-cold.github.io/N3-admin/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/x-cold.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-01-25T14:03:14.000Z","updated_at":"2024-07-09T16:06:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"4d4719e9-7cf7-4ec5-a893-4f9ed47d8519","html_url":"https://github.com/x-cold/N3-admin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-cold%2FN3-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-cold%2FN3-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-cold%2FN3-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/x-cold%2FN3-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/x-cold","download_url":"https://codeload.github.com/x-cold/N3-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249250821,"owners_count":21237961,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T21:02:20.901Z","updated_at":"2025-04-16T14:33:51.567Z","avatar_url":"https://github.com/x-cold.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# N3-admin\n\nvue / vuex / vue-router / N3-components /axios\n\n简述\n---\n\n本项目基于N3-components提供基本组件，是入门vue全家桶较全面的demo，同时也是一套可扩展的Admin模板。N3-admin适用于单页应用的快速上手，并不仅限于N3-components的使用，而是提供一个**比较完善的项目构建的思路和结构**，提供给初学者学习。\n\n特性\n---\n\n+ [x] 项目工程相关\n  * [x] 开发环境；静态文件服务器、HTTP代理、热更新\n  * [x] 生产构建：代码编译提取压缩合并混淆hash命名base64~\n  * [x] eslint\n  * [x] babel\n  * [x] webpack 2.x\n  * [x] 组件库样式hook\n+ [x] vue\n  * [x] 组件分级 [路由级组件、复用型组件、基础组件(N3)]\n  * [x] Vue扩展 [filters、directives等]\n+ vue-router\n  * [x] 二级路由\n  * [x] 转场动画\n  * [x] 路由拦截器\n+ vuex\n  * [x] 多模块(module)支持\n+ [x] axios\n  * [x] 支持多实例\n  * [x] 请求、响应拦截器\n  * [x] Vue 扩展，通过实例的方法可访问\n+ [x] layout 布局\n+ [x] 全局进度条 Nprogress\n+ [x] css 预处理\n  * [x] less\n  * [x] postcss\n  * [] stylus         \u003c=  仅需安装预处理器和loader\n  * [] sass / scss    \u003c=  仅需安装预处理器和loader\n+ [x] API 调用支持\n  * [x] 接口配置\n  * [x] mock\n\n布局\n---\n\n\u003e 二级路由下生效\n\n![Layout](./screenshot/layout.png)\n\n文件结构\n---\n\n```\n.\n├── README.md                           \u003c=  项目介绍\n├── build                               \u003c=  工程构建相关 \u003cVue-cli\u003e\n│   ├── build.js                        \u003c=  构建脚本\n│   ├── check-versions.js               \u003c=  Node Npm版本检查\n│   ├── dev-client.js                   \u003c=  开发客户端：浏览器刷新\n│   ├── dev-server.js                   \u003c=  开发服务器：静态文件服务器、代理、热更新\n│   ├── utils.js                        \u003c=  utils\n│   ├── webpack.base.conf.js            \u003c=  webpack基础配置\n│   ├── webpack.dev.conf.js             \u003c=  webpack开发配置\n│   └── webpack.prod.conf.js            \u003c=  webpack生产配置\n├── config                              \u003c=  工程构建配置：开发服务器端口、代理，静态资源打包位置等\n│   ├── dev.env.js                      \u003c=  开发环境配置\n│   ├── index.js                        \u003c=  入口\n│   ├── prod.env.js                     \u003c=  生产环境配置\n│   └── test.env.js                     \u003c=  测试环境配置\n├── index.html                          \u003c=  单页应用入口\n├── package-lock.json                   \u003c=  Npm Package 版本锁\n├── package.json                        \u003c=  Npm Package 配置\n├── src                                 \u003c=  项目源代码\n│   ├── App.vue                         \u003c=  Vue 根组件\n│   ├── api.js                          \u003c=  api 配置\n│   ├── assets                          \u003c=  静态资源\n│   │   ├── font\n│   │   │   ├── iconfont.eot\n│   │   │   ├── iconfont.svg\n│   │   │   ├── iconfont.ttf\n│   │   │   └── iconfont.woff\n│   │   ├── images\n│   │   │   └── logo.png\n│   │   ├── logo.png\n│   │   └── styles\n│   │       └── base.css\n│   ├── config.js                       \u003c=  项目配置\n│   ├── extend                          \u003c=  Vue 扩展相关\n│   │   ├── filters.js                  \u003c=  全局过滤器\n│   │   ├── directive.js                \u003c=  全局指令\n│   │   └── index.js                    \u003c=  扩展入口\n│   ├── layout                          \u003c=  布局组件\n│   │   ├── container.vue\n│   │   ├── header.vue\n│   │   ├── index.vue\n│   │   ├── levelbar.vue\n│   │   └── navbar.vue\n│   ├── main.js                         \u003c=  Vue 入口\n│   ├── mock                            \u003c=  Mock\n│   ├── router                          \u003c=  路由配置\n│   │   ├── index.js\n│   │   └── routes.js\n│   ├── store                           \u003c=  Vuex\n│   │   ├── actions\n│   │   │   └── user.js\n│   │   ├── index.js\n│   │   ├── modules\n│   │   │   ├── app.js\n│   │   │   └── user.js\n│   │   └── mutation-types.js\n│   ├── style                           \u003c=  样式文件 \n│   │   └── define.less\n│   ├── utils                           \u003c=  utils\n│   │   ├── axios.js                    \u003c=  axios\n│   │   ├── const.js                    \u003c=  常量\n│   │   ├── index.js\n│   │   └── storage.js                  \u003c=  storage\n│   └── widgets                         \u003c=  可复用组件\n│   └── views                           \u003c=  路由级别的组件\n│       ├── Login.vue\n│       ├── form\n│       │   └── index.vue\n│       ├── table\n│       │   └── index.vue\n│       └── test\n│           └── query.vue\n├── static                              \u003c=  服务器静态资源\n│   └── favicon.ico\n└── test                                \u003c=  测试文件夹  \n    └── unit\n        ├── index.js\n        ├── karma.conf.js\n        └── specs\n            └── Hello.spec.js\n```\n\n使用说明\n---\n\n+ 开发环境\n\n```\nnpm run dev\n```\n\n+ 生产环境\n\n```\nnpm run build\n```\n\n效果图\n---\n\n+ 总览\n\n![总览](./screenshot/index.png)\n\n+ 登录\n\n![登录](./screenshot/login.png)\n\n+ Table\n\n![Table](./screenshot/table.png)\n\n+ Form\n\n![Form](./screenshot/form.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx-cold%2FN3-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fx-cold%2FN3-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fx-cold%2FN3-admin/lists"}