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

相关推荐
V+zmm101346 小时前
springcloud分布式架构网上商城 LW +PPT+源码+讲解
java·数据库·后端·vue·idea·springclud
alicca12 小时前
Vue3 Hooks 用法 scrollTop, mousemoveHandler,useCountDown
前端·javascript·vue.js·vue3
Winson.J14 小时前
Vue3学习笔记<->创建第一个vue项目(2)
vue.js·vue·vite+js+vue3·创建第一个vue项目
€键盘人生20 小时前
跟我一起学习和开发动态表单系统-前端用vue、elementui实现方法(3)
java·vue·mvc·mybatis·web·动态表单·element ui·srping boot
ChristopherKeith21 小时前
低代码表单配置平台替代普通表单配置平台,前端部分重构的设计和思路
前端·低代码·重构·vue·平台·表单
艳艳子呀1 天前
Vue 2 与 ECharts:结合使用实现动态数据可视化
vue·echarts·数据可视化·js
欣慰的三叶草(● ̄(エ) ̄●)1 天前
WebStorm 2024 for Mac JavaScript前端开发工具
javascript·macos·vue·js·webstorm·前端开发工具·web开发工具
是Yu欸1 天前
【前端实现】在父组件中调用公共子组件:注意事项&逻辑示例 + 将后端数组数据格式转换为前端对象数组形式 + 增加和删除行
前端·vue.js·笔记·ui·vue
java一只鱼1 天前
基于Spring Boot的先进时尚室内管理系统
spring boot·mysql·elementui·vue·layui
V+zmm101341 天前
springboot+vue企业客户信息反馈平台 LW+ PPT+源码+讲解
java·数据库·spring boot·tomcat·vue·intellij idea