A magical vue element touzi admin.
More demo show
Branch instructions
- master branch : the front and rear end unified development version; can be used to learn nodejs + mongodb + express knowledge;
- dev branch : the front and rear ends were separate versions; user attention only to the front-end section, you can ignore the server; download it, you can run;
- dev-permission branch : increased rights management (including buttons and page permissions permissions) function; the same time, the project has been restructured;
About
This article explains dev-permission branch content:
如果对您对此项目有兴趣，可以点 "Star" 支持一下 谢谢！ ^_^
或者您可以 "follow" 一下，我会不断开源更多的有趣的项目
开发环境 windows 64 、nodejs 6.11.0
如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR
Technology stack
- Technical distal Stack: vue2 vuex + + + WebPACK VUE-Router for ES6 + / + less +. 7-UI Element
- Server technology stack: the Easy-mock, mockjs
Reference Documents
- easy-mock, please refer to the official documentation ;
- mockjs use, please refer to the official documentation ;
Preamble ready
Before running to prepare:
Since this project is based on a combination of the front and rear end nodejs project, you need to make the relevant preparatory work nodejs. Before running the project, make sure that the system has been installed the following applications:
(1), node (6.0 and above). Details, please refer to: the Node to download and install.
Develop
- dev-permission clone -b Git github.com/wdlhao/vue2... (Note: dev-permission from pulling branch code)
- cd vue2-element-touzi-admin
- npm install
本地运行：
- npm run dev 运行之后，会默认打开本地访问路径：http://localhost:8012
发布：
- npm run bulid (生成打包之后的项目文件,此文件主要用于项目部署)。
演示
测试账号:
- username: admin password: 123456
- username: editor password: 123456
注意：
- admin拥有最高权限，可以查看所有的页面和按钮；
- editor只有被赋予权限的页面和按钮才可以看到；
技术答疑
项目说明：小爱ADMIN 是完全开源免费的管理系统集成方案，可以直接应用于相关后台管理系统模板；很多重点地方都做了详细的注释和解释。如果你也一样喜欢前端开发，欢迎加入我们的讨论/学习群，群内可以提问答疑，分享学习资料；
欢迎加入答疑qq群：602515030