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

今天介绍一个新的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 是一个前后端分离的项目,前端使用的是Vue3Vite5TypescriptNaive UI

nove-admin-nestsnova-admin对应的后端,使用 Nest.jsTypescript进行开发

安装启动

复制代码
// 安装
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

相关推荐
Pu_Nine_92 天前
Vue3+TS+Express 转 Nuxt4 全栈开发笔记(Drizzle ORM + MySQL)
前端·vue·express·nuxt.js·全栈框架
脾气有点小暴3 天前
ECharts 伪 3D 柱状图完整注释 + 实现原理说明
前端·3d·信息可视化·vue·echarts
sugar__salt3 天前
Vue3 核心特性深度解析:v-model、ref 属性与 nextTick 完全指南
前端·javascript·vue.js·前端框架·vue
gis开发之家4 天前
《Vue3 从入门到大神40篇》Vue3 源码详解(十):diff 算法全解析 —— 为什么 Vue3 比 Vue2 更快?
javascript·算法·typescript·前端框架·vue3·vue3源码
勇往直前plus4 天前
Vue3(篇四)单页面应用到路由管理
javascript·typescript·前端框架·vue
勇往直前plus4 天前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
shawxlee5 天前
vue3+axios挑战最简洁实用的配置封装+接口调用:请求拦截器、响应拦截器、通用请求方法(单个请求/并发请求/下载文件)、统一接口管理
前端·经验分享·vue·接口·axios·api
想你依然心痛6 天前
让数据会说话,Vue 结合 ECharts 打造电力可视化大屏
echarts·vue3·数据大屏·电力可视化
路光.7 天前
Vue2升级Vue3处理原 UMD/CommonJS 打包文件,不是标准 ESM
前端·javascript·vue.js·vue3
RuoyiOffice7 天前
超级个体接私活必看:后端+前端+移动端三端一体企业管理系统怎么选(2026)
java·spring boot·vue·uniapp·全栈·企业管理·接私活