一个基于Vue3+Typescript+Vite+Less+UnoCSS开发的课程后台管理系统,采用动态权限设计,前端路由由后台进行返回,菜单有三种类型:目录、菜单和按钮,菜单对应查看权限,按钮对应增加|修改|删除权限,由前端(按钮控制)和后台(用户拥有权限验证)共同控制权限。
本着对新技术的热爱发现了vue-vben-admin这个仓库,让我学习到了与 Vue3 相关的新技术以及中后台系统的设计方案(感谢作者的开源),为了更好的吸收这些知识就准备了这个项目进行实践。为了确保前后端接口类型的统一,使用了对 TS 支持最好的 Nest 框架作为后端开发框架,该项目目前只实现了系统的基本功能,将会继续进行更新。
- i18n由ts文件转为yml文件
- 添加登陆验证码
- 替换WindiCSS为UnoCSS
- ...一些小改进
basic-admin-api - 使用 Nestjs+Mongodb+Redis 开发的后台api。
用户名 | 密码 | 说明 |
---|---|---|
admin | password | 管理员账号,拥有所有权限 |
test | 123456 | 测试用户,拥有查看和添加权限 |
- 获取项目代码
git clone https://github.com/lhj-web/basic-admin.git
- 安装依赖
cd basic-admin
pnpm i
- 运行
pnpm serve
- 打包
pnpm build
本地开发推荐使用Chrome 80+
浏览器
支持现代浏览器, 不支持 IE
IE |
Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |