⚡️基于 Vue3 + Vite + Pinia + Unocss + Naive UI 的轻量级后台管理模板。
Vue Naive Admin 是一款极简风格的后台管理模板,包含前后端解决方案,前端使用 Vite + Vue3 + Pinia + Unocss,后端使用 Nestjs + TypeOrm + MySql,简单易用,赏心悦目,历经十几次重构和细节打磨,诚意满满!!
Vue Naive Admin 2022年2月开始开源,从 1.0 到现在的 2.0,一直秉持着简单即正义
的理念,旨在帮助中小企业、在校大学生及个人开发者快速上手开发后台管理项目,为了降低使用者的学习成本,没有使用看似主流的 TypeScript(前端),这也使得 Vue Naive Admin 成为了市面上少有的 使用 JavaScript 的 Vue3 后台管理模板
,而且还算优秀,得到了大量朋友的认可和喜爱。
Vite + Vue3 + Pinia
Unocss
,优雅、轻量、易用Pinia
状态管理,支持状态持久化iconify + unocss
图标方案,支持自定义图标,支持动态渲染极致简洁的代码风格和清爽的页面设计
,审美在线,主题轻松定制扁平化路由
设计,每一个组件都可以是一个页面,告别多级路由 KeepAlive
难实现问题基于权限动态生成路由
,无需额外定义路由,403和404页面可区分
,而不是无权限也跳404无感刷新
,用户登录态可控,安全与体验缺一不可message
全局工具方法,支持批量提醒,支持跨页面单例模式Page
组件、CRUD
表格组件及 Modal
组件等,简单易用,减少大量重复性工作
Vue Naive Admin 提供一套后端代码,技术栈使用 Nestjs + TypeOrm + MySql,内置 JWT、RABC及模板所需的一些基础接口。
注:有个比较常见的问题,就是如何添加菜单和修改菜单,由于项目是由后端控制菜单资源的,所以需要对接后端后在资源管理功能对菜单进行增删改,然后在角色管理功能给对应角色进行授权。具体如何对接后端,请参考 项目文档。当然,可能有些菜单你不想通过权限控制,那么你可以在
/src/settings.js
文件添加 basePermissions,只需对齐菜单资源的结构即可,结构可以参照 接口文档。
或者使用 degit
克隆此仓库,这样将没有任何历史提交记录:
npx degit zclzone/vue-naive-admin
本项目使用 MIT协议
,默认授权给任何人,被授权人可免费地无限制的使用、复制、修改、合并、发布、发行、再许可、售卖本软件拷贝、并有权向被供应人授予同等的权利,但必须满足以下条件:
简单来说,作者只想保留版权,没有任何其他限制。