基于 vue-cli5.x 重构整个前后端项目,完善后端权限控制细粒度,封装更多场景化组件...正在完善中
基于 vue-cli5.x / vite2.x + vue3.x + antd-design-vue3.x + typescript4.x 的后台管理系统模板
- 账号:rootadmin,密码:123456
- 在线预览( gitee / vercel )
- swagger 文档
- 后台地址
- react 版 coding
- vite 版
- gitee 地址
- 根据 JSON 生成 typescript 的工具:http://json2ts.com/
部分设计参考了 vue-vben-admin
- 获取项目代码
git clone https://github.com/buqiyuan/vue3-antd-admin
- 安装依赖
cd vue3-antd-admin
yarn install
- 运行
yarn serve
- 打包
yarn build
安装项目根目录.vscode 推荐的插件,再安装 Volar,并禁用 Vetur,重启 vscode 即可。
使用了 Vue3.x 全家桶、ant-design-vue3.x 和 typescript4.x,实践 vue3.x 的新特性以及玩法,不得不说 vue3.x 的 Composition API 相比于 vue2.x 的 Options API 灵活很多,让我们可以灵活地组合组件逻辑,我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考vueuse
rootadmin
默认开放多点登录,其他新建的账号默认都是单点登录。建议自己拉后端代码到本地跑,避免多人同时操作时产生冲突和误解。
- 动态表格(完善中)
- 动态表单(完善中)
- 电商 SKU 功能演示
- 纯前端导出 PDF 自动分页
- 其他...
-
feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中
如果你觉得这个项目对你有帮助,你可以帮作者买一杯咖啡表示支持!
微信 | 支付宝 |
---|---|