Vue Admin Design基于Vue和ElementUI的后台管理系统模板

黑白配色的简洁 UI 风格,加上Vue + ElementUI的组合,vue-admin-design这个后台模板用起来还挺顺手的。功能模块比较全,像权限管理、动态路由、菜单配置这些都有现成的,拿来改一改就能直接上项目。

页面结构清晰,组件划分也挺合理。基本上看一眼目录你就知道哪里该改,哪里该加功能。适合做中后台项目,像企业后台、CMS 系统、OA 系统这种,用它能省不少功夫。

Vue CLI搭起来的架子,配合ElementUI的组件,开发效率还挺高的。权限管理那块是通过路由元信息加角色来控制的,逻辑不复杂,但挺实用。

如果你项目初期就想稳定一点的结构,建议看看它的路由和 store 的写法,封装得挺干净的。还有一点,UI 虽然用的是经典的 Element,但配色风格比较现代,整体不老气。

对了,1M 带宽的部署访问起来有点慢,建议 clone 到本地跑会更舒服点。GitHub 地址有点长,可以点这个:gitee 地址

如果你正打算搭一个中后台,或者懒得从头撸页面逻辑,可以先把这个跑起来看看,再决定要不要用。

folder
vue-admin-design:基于vue + elementUI的管理系统模板 预估大小:143个文件
file
vue.config.js 3KB
file
.env.development 339B
file
iconfont.eot 8KB
file
iconfont.js 29KB
file
iconfont.css 8KB
file
login-background-origin.jpg 219KB
file
login-background.jpg 87KB
file
mind-data.js 3KB
file
data.js 4KB
file
iconfont.js 17KB
file
index.js 4KB
file
excel.js 3KB
file
index.js 2KB
file
routes.js 7KB
file
.eslintrc.js 5KB
file
.gitignore 231B
file
index.html 845B
file
favicon.ico 1KB
file
.eslintignore 40B
file
.editorconfig 121B
zip 文件大小:826KB