veadmin
veadmin copied to clipboard
一个基于vue3和element-plus开发的后台管理模板 在线预览https://penndev.github.io/veadmin
VEAdmin 微后台
🎉 预览
⚡️ VEAdmin 微后台 GitHub Pages 预览地址 免费商用,支持 PC、平板、手机。
🔑 未验证账号密码可以随便输入 例如 admin 123456
快速上手
使用
vue3
与element-plus
作为基础框架。vite
做打包工具,pinia
做数据持久化,axios
做api交互。功能齐全,容易上手。
-
页面路由: 在文件
src/router/index.js
中添加相应的菜单,和页面内容。参考example添加新的。 移除老的不需要的模块,删除menu中的菜单和views中的vue文件即可。 -
用户认证: 用户登录
src/views/login/index.vue
中处理用户登录接口。当permission
对象被赋值,则用户登录完成。在src/utils/request.js
行中进行jwt服务器认证。 -
用户鉴权: 在用户登录接口
permission.routes
对象中设置所有放行的菜单(直接='*'则全放行),菜单名称在页面路由
中的name
字段中定义。 具体实现验证代码位于src/router/auth.js
中进行菜单校验。
如果有疑问或者建议欢迎随时与我交流(24小时内回复)。
接口支持
-
预览接口: 免费托管在了 apifox 可根据上面的预览数据来确定数据结构。
-
真实接口: 参阅本人另外一个基于
koajs
的项目 vod (一个简单的视频转码系统),实现了后台登录,管理员与权限,日志,视频管理,媒体转码等功能。 -
自己实现: 自己开发一个后台程序,并联系我给你添加一个链接。
🙏致谢
-
vue-element-admin 曾节约我大量的开发时间成本。
-
gin-vue-admin 给予我UI与配色的启发。