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

相关推荐
小葛要努力4 天前
安装nvm 管理node.js版本实现vue2和vue3项目共存
node.js·vue·nvm
雨季mo浅忆5 天前
首个Vue3项目边写边学边记
前端·vue3
这里是杨杨吖5 天前
SpringBoot+Vue高校在线考试系统 附带详细运行指导视频
vue·在线考试·springboot
wuxia21185 天前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
Sweet锦5 天前
Vue3 集成 ApexCharts 避坑指南:从动画失效到自定义指令的完美解决方案
vue·echarts
#麻辣小龙虾#6 天前
基于vue3.0开发一款【固废与废气运维管理系统】(支持源码)
前端·vue.js·vue3
王小王-1236 天前
基于深度学习的个性化音乐推荐系统的设计与开发
人工智能·深度学习·mysql·vue·推荐算法·个性化音乐推荐系统·音乐预测
alexander0686 天前
使用vite脚手架,快速创建一个vue3的项目
vue
toooooop88 天前
UniApp Vue2 动态修改 SCSS 伪类颜色
vue
这是个栗子8 天前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex