这个vue3的后台管理系统虽然简洁但不简单

vue3 · 浏览次数 : 0

小编点评

**Nova-admin：一个基于Vue3、Vite5等最新技术的后台管理框架** Nova-admin是一个前后端分离的后台管理框架，基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技术栈开发。它旨在提供一个干净、简洁的用户界面，同时考虑到代码规范、易读性和易理解性，以便于二次开发。 **主要特点：** 1. **技术栈**：Nova-admin采用了最新的技术栈，包括Vue3、Vite5、TypeScript、NaiveUI和Unocss等，确保了系统的性能和可维护性。 2. **响应式设计**：通过基于Alvana的封装和配置，Nova-admin提供了统一的响应处理和多场景能力，使得后台管理界面在不同设备和分辨率下都能保持良好的展示效果。 3. **权限管理**：该框架提供了完善的前后端权限管理方案，确保用户只能访问其权限范围内的功能和数据。 4. **路由管理**：支持本地静态路由和后台返回动态路由，路由配置简单易上手，方便管理员根据实际需求进行扩展。 5. **组件封装**：对于日常使用频率较高的组件，Nova-admin提供了二次封装功能，以满足基础工作需求。 6. **主题适配**：黑暗主题适配功能使得界面样式在各种环境下都能保持一致，提升了用户体验。 7. **界面布局**：界面样式布局灵活可配置，支持多语言（i18n），满足了不同国家和地区用户的需求。 8. **开发辅助**：仅在提交时进行eslint校验，减少了不必要的限制，使得开发过程更加简便。 **安装与使用：** 要开始使用Nova-admin，首先需要安装Node.js，要求版本大于20。然后，通过pnpm安装依赖并启动开发环境。启动服务后，可以通过pnpm dev命令查看开发环境。如果需要进行打包构建，可以使用pnpm build命令。此外，作者还贴心地配置了apifox的文档，方便开发者快速上手和了解全栈相关知识。前后端分别位于GitHub的对应仓库中：前端仓库：https://github.com/chansee97/nova-admin；后端仓库：https://github.com/chansee97/nova-admin-nest。总之，Nova-admin是一个功能丰富、易于扩展和定制的后台管理框架，适合希望快速搭建后台管理系统的开发者。

正文

今天介绍一个新的Vue后台管理框架，相比其他后台功能丰富管理系统，这个后台管理系统可以用干净简洁来形容——Nova-admin

Nova-admin

Nova-admin 是一个基于Vue3、Vite5等最新技术的后台管理平台。用简单的方式实现完整功能，并尽可能的考虑代码规范，易读易理解无过度封装，方便二次开发。

特点

基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技术栈开发
基于alova封装和配置，提供统一的响应处理和多场景能力
完善的前后端权限管理方案
支持本地静态路由和后台返回动态路由，路由简单易配置
对日常使用频率较高的组件二次封装,满足基础工作需求
黑暗主题适配, 界面样式保持Naive风格
仅在提交时进行eslint校验，没有过多限制，开发更简便
界面样式布局灵活可配置
多语言（i18n）支持

安装使用

Node.js 需要大于 20

本地开发环境建议使用 pnpm 8.x

// 安装依赖
pnpm i

// 启动服务
pnpm dev

// 打包构建
pnpm build

首页

异常页

后端

nova-admin 是一个前后端分离的项目，前端使用的是Vue3、Vite5、Typescript、Naive UI

nove-admin-nests是nova-admin对应的后端，使用 Nest.js和 Typescript进行开发

安装启动

// 安装
pnpm i

// 启动
npm run start

同时作者也贴心的配置了apifox的文档

https://nova-admin-nest.apifox.cn/

如果你想要了解和学习全栈的相关知识，这个项目是一个不错的切入点

前端：https://github.com/chansee97/nova-admin

后端：https://github.com/chansee97/nove-admin-nest