这个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

相关推荐
是梦终空20 小时前
JAVA毕业设计259—基于Java+Springboot+vue3工单管理系统的设计与实现(源代码+数据库+开题报告)
java·spring boot·vue·毕业设计·课程设计·工单管理系统·源代码
@AfeiyuO1 天前
封装表格操作列按钮
vue
千寻技术帮1 天前
10382_基于Springboot的高校排课管理系统
mysql·vue·毕设·spingboot·高校排课
IT教程资源C1 天前
(N_115)基于springboot,vue教务管理系统
mysql·vue·前后端分离·springboot教务系统
沧澜sincerely1 天前
WebSocket 实时聊天功能
网络·websocket·vue·springboot
苏打水com1 天前
第二十篇:Day58-60 前端性能优化进阶——从“能用”到“好用”(对标职场“体验优化”需求)
前端·css·vue·html·js
Jeking2171 天前
进阶流程图绘制工具 Unione Flow Editor-- 直击行业痛点:高扩展性解决方案解析
vue·流程图·workflow·unione flow·flow editor·unione cloud
旧梦星轨1 天前
掌握 Vite 环境配置:从 .env 文件到运行模式的完整实践
前端·前端框架·node.js·vue·react
sg_knight1 天前
模块热替换 (HMR):前端开发的“魔法”与提速秘籍
前端·javascript·vue·浏览器·web·模块化·hmr
Jeking2171 天前
进阶流程图绘制工具 Unione Flow Editor-- 巧用Event事件机制,破解复杂业务交互难题
流程图·vue3·workflow·unione flow·flow editor·unione cloud