一款开源免费、让人眼前一亮的 Vue3 后台管理模板，无过度封装、方便二次开发！

项目介绍

Nova-Admin 是一个基于 Vue3、Vite5、TypeScript 和 Naive UI 的简洁且功能完备的后端管理模板。它以简单的方式实现了完整的功能，同时考虑了代码标准、可读性，并避免了过度封装，从而方便进行二次开发。

应用场景

Nova-Admin 适用于需要快速搭建中大型后台管理系统的场景，如企业内部管理系统、电商平台后台、内容管理系统等。其简洁的设计和强大的功能使得开发者能够更专注于业务逻辑的实现，而不是底层框架的搭建。

功能模块

权限管理模块

• 前端权限管理: 基于角色的访问控制，实现页面、按钮级别的权限控制。
• 后端权限管理: 提供完整的接口权限验证，确保数据安全。

路由管理模块

• 静态路由: 支持本地定义的静态路由，方便快速配置。
• 动态路由: 支持从后端动态生成路由，实现灵活的路由管理。

组件封装模块

• 常用组件封装: 对常用组件进行二次封装，满足基本工作需求，提高开发效率。
• 主题适配: 支持暗黑模式，保持 Naive 风格界面美观。

国际化模块

• 多语言支持: 支持 i18n 国际化，方便不同语言环境下的使用。

接口管理模块

• 统一响应处理: 基于 alova 的封装和配置，提供统一的响应处理机制。
• 多场景支持: 支持多种请求场景，满足不同业务需求。

功能特点

• 最新技术栈: 基于 Vue3、Vite5、TypeScript、NaiveUI、Unocss 等最新技术栈开发。
• 简洁高效: 代码简洁，避免过度封装，方便二次开发。
• 权限管理全面: 提供完整的前后端权限管理解决方案。
• 路由配置灵活: 支持静态路由和动态路由，路由配置简单易用。
• 界面美观: 支持暗黑模式，保持 Naive 风格界面美观。
• 开发体验友好: 仅在提交时进行 eslint 校验，减少开发过程中的限制。
• 布局灵活: 基于 pro-naive-ui 的灵活可配置界面布局。
• 多语言支持: 支持国际化，方便不同语言环境下的使用。

项目技术栈

• 前端框架: Vue3
• 构建工具: Vite5
• 编程语言: TypeScript
• UI 库: Naive UI
• 样式工具: Unocss
• 状态管理: 基于 alova 的封装和配置
• 国际化: i18n
• 开发环境推荐: pnpm 10.x, Node.js 版本 21.x
• 部署方式: 支持 docker-compose 部署

安装使用

本地开发环境建议使用 pnpm 10.x 、Node.js 21.x

# install dependencies
pnpm i

# Run
pnpm dev

# Build product
pnpm build

在生产环境也可以使用 docker-compose 部署 nova-admin

# Build product
docker compose -f docker-compose.product.yml up --build -d

功能演示

开源地址

https://github.com/chansee97/nova-admin