Skip to content

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

License

Notifications You must be signed in to change notification settings

honorsuper/vite-vue3-admin

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vite-vue3-admin

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

基于 vite3.x + vue3.x + antd-design-vue3.x + typescript4.x 的后台管理系统模板

部分设计参考了 vue-vben-admin

安装使用

  • 获取项目代码
git clone https://github.com/buqiyuan/vite-vue3-admin
  • 安装依赖
cd vite-vue3-admin

pnpm install
  • 运行
pnpm serve
  • 打包
pnpm build

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 动态分页
  • 其他...

Git 贡献提交规范

  • 参考 vue 规范 (Angular)

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

更新日志

CHANGELOG

QQ 交流群(2022-3-8)

加入QQ群

赞赏

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

微信 支付宝

感谢 JetBrains 免费的开源授权

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 75.7%
  • TypeScript 19.5%
  • JavaScript 3.4%
  • Less 0.9%
  • Shell 0.2%
  • Dockerfile 0.2%
  • HTML 0.1%