基于vue-cli5.x/vite2.x + vue3.x + ant-design-vue3.x + typescript hooks 的基础后台管理系统模板 RBAC的权限系统, JSON Schema动态表单,动态表格,漂亮锁屏界面

vue3-antd-admin

基于 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 配置

安装项目根目录.vscode 推荐的插件，再安装 Volar，并禁用 Vetur，重启 vscode 即可，更多详细的 vue3 IDE 配置点这里。

使用了 Vue3.x 全家桶、ant-design-vue3.x 和 typescript4.x，实践 vue3.x 的新特性以及玩法，不得不说 vue3.x 的 Composition API 相比于 vue2.x 的 Options API 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考vueuse

项目简要说明

rootadmin 默认开放多点登录，其他新建的账号默认都是单点登录。建议自己拉后端代码到本地跑，避免多人同时操作时产生冲突和误解。

todolist

• 动态表格(完善中)
• 动态表单(完善中)
• 电商 SKU 功能演示
• 纯前端导出 PDF 自动分页
• 其他...

更新日志

CHANGELOG

Git 贡献提交规范

• 参考 vue 规范 (Angular)

  • feat 增加新功能
  • fix 修复问题/BUG
  • style 代码风格相关无影响运行结果的
  • perf 优化/性能提升
  • refactor 重构
  • revert 撤销修改
  • test 测试相关
  • docs 文档/注释
  • chore 依赖更新/脚手架配置修改等
  • workflow 工作流改进
  • ci 持续集成
  • types 类型定义文件更改
  • wip 开发中

QQ 交流群（2022-3-8）

赞赏

如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持!

微信	支付宝

感谢 JetBrains 免费的开源授权