<b>小爱Admin</b>
**A magical vue element touzi admin.**
- [效果演示地址](http://www.jiouai.com/permission/#/login)
**分支说明:**
**master分支**:前后端统一开发的版本;可以用于学习nodejs+mongodb+express相关知识;
**dev分支**:进行了前后端分离的版本;用户只关注于前端部分,可忽略服务端;下载下来,即可运行;
**dev-permission分支**:<b color="#87DE75">增加了权限管理(包括页面权限和按钮权限)的功能和顶栏三级菜单显示,完全剥离nodejs后台,使用mockjs模拟数据,让用户只需关注前端,更容易上手学习。目前此分支为正常维护分支。如有需要,请大家clone本分支代码运行。</b>
## 提示
<p style="display:flex;align-items:center;">
如果你觉得该项目对你有帮忙,记得给我点赞吧!<img src="https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-base/src/assets/img/zan.png" width="80px" /></p>
## About
本文主要讲解dev-permission分支内容:
```bash
如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢! ^_^
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
开发环境 windows 64 、nodejs 6.11.0
如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR
```
## 技术栈
**前端技术栈:** vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui
**服务端技术栈:** mockjs
## 参考文档
- [vue](https://vuejs.bootcss.com/v2/guide/):Vue是一套用于构建用户界面的渐进式框架。
- [vuex](https://vuex.vuejs.org/zh/):Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
- [vue-router](https://router.vuejs.org/zh/):Vue Router 是 Vue.js 官方的路由管理器。
- [webpack](https://webpack.js.org/concepts/):前端模块打包器。
- [less](http://lesscss.cn/):Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。
- [element-ui](https://element.eleme.io/):Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
- [mockjs](https://github.com/nuysoft/Mock/wiki/Getting-Started):生成随机数据,拦截 Ajax 请求。
## 前序准备
**运行前准备:**
由于此项目是基于nodejs的前后端结合项目,你需要进行nodejs的相关准备工作。项目运行之前,请确保系统已经安装以下应用:
(1)、node (6.0 及以上版本)。使用细节,请参考:[node的下载及安装。](https://nodejs.org/en/download/)
## 开发:
1. git clone -b dev-permission https://github.com/wdlhao/vue2-element-touzi-admin (注意:要从dev-permission分支拉取代码)
1. cd vue2-element-touzi-admin
1. npm install
**本地运行:**
**npm run serve** 运行之后,会默认打开本地访问路径:http://localhost:8012
**发布:**
**npm run bulid** (生成打包之后的项目文件,此文件主要用于项目部署)。
## 演示
测试账号:
1. username: admin / password: 123456
2. username: editor / password: 123456
注意:
admin:拥有最高权限,可以查看所有的页面和按钮;
editor:只有被赋予权限的页面和按钮才可以看到;
## [查看更多demo](http://www.jiouai.com/permission/#/login)
![image](https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-permission/src/assets/github/1.png)
![image](https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-permission/src/assets/github/2.png)
![image](https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-permission/src/assets/github/3.png)
![image](https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-permission/src/assets/github/4.png)
![image](https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-permission/src/assets/github/5.png)
## 技术答疑,交流QQ群
项目说明:小爱ADMIN 是完全开源免费的管理系统集成方案,可以直接应用于相关后台管理系统模板;很多重点地方都做了详细的注释和解释。如果你也一样喜欢前端开发,欢迎加入我们的讨论/学习群,群内可以提问答疑,分享学习资料;
欢迎添加群主微信和qq群答疑:
![image](https://github.com/wdlhao/vue2-element-touzi-admin/blob/dev-permission/src/assets/img/qcode.jpg)
没有合适的资源?快使用搜索试试~ 我知道了~
isom-bardon
共313个文件
vue:53个
js:31个
png:16个
需积分: 5 0 下载量 168 浏览量
2022-07-03
22:50:59
上传
评论
收藏 2.94MB RAR 举报
温馨提示
isom-bardon
资源详情
资源评论
资源推荐
收起资源包目录
isom-bardon (313个子文件)
00085670d11901cefcff22cfee7698bdff0282 186B
003023433f2e1fa98e356699e9c720672b00c9 1KB
00fa694a72ab2bf433b2add4903337c7c774de 232KB
01b38849e54c04245e5c54b078dc1705c4469a 153B
0220784e2e8d25780be75c612e86d271ba32d7 12KB
03165c4b617c87c7e421ad04b18391bca2fe34 104B
07bcb901818ed2d37ad74f5b0d2db99b794dc4 548B
09e5948f4e7c75b60ad0c8c0e148e04c9c1c2c 2KB
0a47f7a1cb00d648999ddddcdeacc118c10fc3 199B
0e4eade4e9f3ad24081fdb25a5e863a7103fc3 1KB
0ece5840e86594c17b17aa7cbc735e5c09a3e1 754B
105787d1995e2c36cb6cdf930e50fbfc679ab4 811B
1454db971840a145f41703a00e2155529d8db7 3KB
1545799e90291ca99b765ddddb215773ff4280 332B
154daa8ca2362cbbbf38ad2a1fa98cb495ba9c 942B
16ce1b843cbe97eadb9d920b4b13b16d6ce1d5 2KB
1ca7e26a83b86c8d15b02e237d1c0e9d028dd0 88B
1da6efe555fc8289af796fd5dc67434dcfe681 619B
1ecea9cabb19dfa6c4a51a107516112621d591 3KB
206485af5dbb0f0e34e15fc1211d35e4301f87 473B
23639dbdb5079a222548e5743cb5e0360639c6 3KB
2b47bf49e9ab63fded0c6c892051f737279d39 90B
2bcb7d2c19d8a906c95fcb63ba10d68df35fec 551B
2c949bdeee2dac9ee8640fba57b1a19f59021f 804B
2e43c8a8ff9f8526f53b033ac81ad9b0bab45d 891B
2f7f7c0afe67dc559792636dc5b511c3e4633d 88B
3065dbf37c053ea1c4ae191a36d0e5916ea94f 1KB
31c670d99dca8fc1bb5644bf2023d2dbb45367 1KB
32a21f3ab5d0ac52c79e29e804c229a819c4cb 9KB
37def4fd1267df06fff1ca0ac3b353b13371a6 4KB
382b580cebac4663198f4dbcb15e13b0679582 513B
39d5c459d6ca77d318165a8460100e94f1d6fd 2KB
3b3571de52913ced3808e7097f55db07e81fb6 1KB
3dbbfef375152f434c61323f8610f294ce9b2e 703B
3de9ee0178ffdb730cf05f3fedf104b082cf8b 213B
403bcc2ec59eb0e685153e9df028243d85fd8e 831B
411deb6f9c7a5172858d03d18b856da46597ff 1KB
42913ac0ddf7133f5f91e66aed85b109a13ff3 2KB
43a7dbce6587c98a70e62dc67b9f71aad25cdb 29KB
44e1d69eca50ad5572d5b9489731d3d7ca2772 814B
45c37dd95f757f792bbfc080dd4708986a0329 1KB
48ccea5c73e7d299503ef4ffd90c08ddc5b962 1KB
4a73501ec99dd1d256243c9c54a740e7b0f1ed 1013B
4e6edf3b10186cbb369521591d07cae6ce578f 98KB
4ea166f612730e9a92904bb42f5aa24f1fda6c 270B
4f1bd51554e7223ec8717fe3677f28bfc04be4 679B
4f39c4975e5a2d4910db9cc36e9ee55e518a04 578B
50df5e4e76a3b27c81d2f38e6666ea639f93d0 547B
530d5a0eda09e64d683955d33a3394c81e8f71 171B
53394ee4f94e8e61978d5f92f9ff51f75a1222 369B
5452b6fa5ef636d2b145aee3ca8c615013d90b 1KB
5783a4156765793c060fb9ccbc4d7c94f92d30 738B
582af34d5de789e0ba140c94b08736834c83b0 844B
5a5754ea2082e243432a484ddec89bcca361ee 9KB
5ab9712856a2ddd36138ed9df42eea58909c97 54B
5c592c83067f3ae4fcce3ffbd9249ac124bd2d 147B
5d81648e2d5c83cd4e32daddc4ad85e0be44cf 141B
61dab9d041b2278132af2bc5e4f57b309b08e9 14KB
61eee5c04a9b520a1310d236794a94df85cf26 1KB
65c548a2c3f9b3bb37406bb9404591ce277217 412B
667dab738980a69fb15e9f1fad470862b252fd 155B
66a8b52f92c3e2d496f0e6fa5a9404717067d7 564B
6b652c97fea3875baa0451b95680d648bc2755 155B
7158a6982aa01b59b328605891b026dc314e1f 1KB
71593dbb09e0488635a9b2e2a36abf905fd503 86B
7197c6ab77866ce82f1e31c189ce830b1bb4bb 53B
71999dced61ee0eb1bdbf6d2b50762aa9b61f0 57B
73a253a2b436836098b1fb6134685fa107c94f 421B
74bae2ce23a499d278f3598384327b8b6a4743 1KB
74ceb5b19a086b36d9320e4ffc5805e598c769 383B
7542ebc32af75b19906733cd447495ff09af12 898B
761d1dce14602fbe6f44c30c90d228aa16fbdb 624B
766b8821d11c9b9406d38b8b962a2ff1a12f4c 2KB
76f40ad0e96384ecfb74a478e03c5fe59e2c06 160B
7c5ca6ccdbfe28c21239092df8337ff396d1d6 154B
7d39a766fcc43cd16aced15795902932e5abf5 984B
7d7368ea3d26a509c558fcef2bee9ffc09fb32 869B
7e00139a53a8118e280c5333a22d23bce8d6d5 479B
7ec042b07a722228581e5d7b125726bbc7e0b6 205KB
808d186b44829be820d06c2b80b71f3c19ab87 117B
850a752592cf3cb24adb2c7312f951bcc58cf9 906B
8670272735cdb3c3df1eb84cad5d8cd98ef36c 10KB
8897ae9c023a92dac33c2829254a9becc9f4b8 86B
88bf4ec08fa1e3db0dde04a1d272ccd5db23e0 1KB
8a332b5195556c902bfc9ccfbccd4383b66e2d 358B
8b129ecf265312c3cc1edede9f90d49431ed81 1KB
8e780c2a0f33daec225b00bae4dddcc87d5eb3 212B
8ee75dd8e3b3b876904efa744c3cfcad596ab8 1KB
906e8b10f94e0bf66705ffb481c607dc75ea8c 1KB
90b4a33a0be5c296f428bdcbd676037aaf2b2a 94B
91e9555e10b58b6421fa7872a882732662c2ab 191B
93a9c85fdfeaa9fb6da95979811b8302c464b3 15KB
947ca8879f8a9072fe485c566204e3c2929e80 249B
94fe1b5455f8bc03a018c308bf8e87a9ec4aae 113B
968435ff355aa7b7c50018aea1e1e3d9550814 254B
9867eceda4640303a2d7f45ee26c350d99e9bd 649B
99ff1158445e90978c3cc70f753c50eeca843e 250B
9a0fa94a22ff640157ea648543e4d19dfe6a19 1KB
9aedf8fc235c3b858b5643a7042ff63166402b 2KB
9bb655b155ec1251a487ba1d0d610b94b1fc94 271B
共 313 条
- 1
- 2
- 3
- 4
qq_36987708
- 粉丝: 6
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0