/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 的后台管理系统模板

vscode 配置

安装项目根目录.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 默认开放多点登录,其他新建的账号默认都是单点登录。建议自己拉后端代码到本地跑,避免多人同时操作时产生冲突和误解。

todolist

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

Project setup

yarn install
#
yarn --frozen-lockfile

赞赏

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

微信 支付宝
donate donate

致谢

感谢 JetBrains 免费的开源授权