基于 vite3.x 重构整个前后端项目,完善后端权限控制细粒度,封装更多场景化组件...正在完善中
基于 vite3.x + vue3.x + antd-design-vue3.x + typescript4.x 的后台管理系统模板
- 账号:rootadmin,密码:123456
- 在线预览( gitee / vercel )
- swagger 文档
- 后台地址
- 根据 JSON 生成 typescript 的工具:http://json2ts.com/
部分设计参考了 vue-vben-admin
- 获取项目代码
git clone https://github.com/buqiyuan/vite-vue3-admin
- 安装依赖
cd vite-vue3-admin
pnpm install
- 运行
pnpm serve
- 打包
pnpm 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 动态分页
- 其他...