项目介绍
Vue Naive Admin 是一款开源(MIT License)、极简风格的后台管理模板,包含前后端解决方案,前端使用 Vite + Vue3 + Pinia + Unocss,后端使用 Nestjs + TypeOrm + MySql,简单易用,赏心悦目,历经十几次重构和细节打磨,诚意满满!

设计理念
旨在帮助中小企业、在校大学生及个人开发者快速上手开发后台管理项目。该项目自 2022 年 2 月开始开源,历经多次重构和细节打磨,以其简单易用、赏心悦目的特点得到了大量用户的认可和喜爱。
应用场景
Vue Naive Admin 适用于各种需要后台管理系统的场景,包括但不限于:
-
中小型企业内部的管理系统。 -
在校大学生的课程设计或项目实践。 -
个人开发者的后台管理工具。 -
需要快速搭建后台管理界面的项目等。
功能模块
-
用户管理:支持用户注册、登录、权限分配等 -
角色管理:支持角色的创建、编辑、删除及权限授权 -
菜单管理:支持菜单的增删改查,以及菜单与角色的关联 -
权限管理:基于角色的权限控制,实现细粒度的权限划分 -
基础接口:内置 JWT、RABC 及模板所需的一些基础接口 -
其他模块:如数据统计、日志管理等,可根据实际需求进行扩展
功能特点
-
-
极简风格:界面简洁明了,操作方便,用户体验极佳 -
前后端分离:前端使用 Vite + Vue3 + Pinia + Unocss,后端使用 Nestjs + TypeOrm + MySql,易于维护和扩展 -
无 TypeScript:前端未使用 TypeScript,降低了学习成本,适合 JavaScript 开发者 -
原子 CSS 框架:使用 Unocss,优雅、轻量、易用,提高开发效率 -
状态管理:集成 Pinia 状态管理,支持状态持久化,方便管理全局状态 -
图标方案:使用主流的 iconify + unocss 图标方案,支持自定义图标和动态渲染
-
-
主题定制:使用 Naive UI,极致简洁的代码风格和清爽的页面设计,主题轻松定制 -
扁平化路由设计:每一个组件都可以是一个页面,告别多级路由 KeepAlive 难实现问题 -
基于权限动态生成路由:无需额外定义路由,403 和 404 页面可区分 -
无感刷新:基于 Redis 集成无感刷新,用户登录态可控,安全与体验缺一不可
项目技术栈
-
Vite:构建工具,快速启动和打包 -
Vue3:前端框架,响应式编程,易于上手 -
Pinia:状态管理库,替代 Vuex,更加简洁易用 -
Unocss:原子 CSS 框架,提高样式开发效率 -
Naive UI:基于 Vue3 的 UI 组件库,简洁美观
功能演示









开源地址
https://gitee.com/isme-admin/vue-naive-admin