/vue3-antd-admin

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

Primary LanguageVueMIT LicenseMIT

vue3-antd-admin

基于 vue-cli5.x 重构整个前后端项目,完善后端权限控制细粒度,封装更多场景化组件...正在完善中

基于 vue-cli5.x / vite2.x + vue3.x + antd-design-vue3.x + typescript4.x 的后台管理系统模板

部分设计参考了 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)

加入QQ群

赞赏

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

微信 支付宝

感谢 JetBrains 免费的开源授权