一款轻量、干净的 Vue 后台管理框架

全新前后端微商城项目，手把手教学！

全新前后端微商城项目，手把手教学！

全新前后端微商城项目，手把手教学！

开始之前

在开始介绍之前我想谈谈为什么要自己做一个后台管理，我知道很多人都用一些开源的后台管理项目，这些老前辈有很多亮点值得学习，但是存在的一些问题同样不可忽视，我认为很多开发者会被困扰(仅代表个人观点)

• 技术栈老旧不升级：因为一些历史原因仓库的依赖不再升级，不能做到开箱即用。一些便利性新特性也没有在项目中使用

• 过度封装：为了追求大而全，展示一个完备的，高复用性的项目而做了层层封装，但是很多组件或方法完全没必要这样做，导致开发者使用后难以订制修改和调试，出现问题溯源难

• 莫名其妙的轮子和库包：一些老项目在开发中为了便捷开发用了一些陈旧的库或无法稳定维护的个人库来实现功能，而在后续中又因为严重耦合不方便更换而导致一些开发问题或者构建产物问题

• 简洁与二次开发友好：大部分开发者在使用开源框架只是想快速搭建起自己的业务，但是一些大而全的框架过多的依赖和封装成为了开发者的心智负担，在项目开始后被繁杂的目录和文件所困扰。

• 代码规范：不少开源项目中为了体现规范，严谨，为项目加上了eslint、prettier、stylelint、husky、commitlint规范是没有问题的，但是也因此部分开发者在开发中产生一些附带负担，“我只是拉下跑一下，对接一下项目，怎么这么多报错和限制？”此类规范我认为不应被添加，如果团队有需要自行添加即可

我认为一个好的，优秀的框架应当在提供足够的功能前提下尽量解决这些问题，并让框架在提供的功能、二次开发友好、代码组件的封装复用这三者之间保持一种适度的平衡

介绍

Nova-admin^[1]是一个基于Vue3、Vite5、Typescript、Naive UI, 简洁干净后台管理模板，用简单的方式实现完整功能，并尽可能的考虑代码规范，易读易理解无过度封装，方便二次开发。

特性

• 基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技术栈开发

• 基于alova^[2]封装和配置，提供统一的响应处理和多场景能力

• 完善的前后端权限管理方案

• 支持本地静态路由和后台返回动态路由，路由简单易配置

• 对日常使用频率较高的组件二次封装,满足基础工作需求

• 黑暗主题适配, 界面样式保持naive风格

• 仅在提交时进行eslint校验，没有过多限制，开发更简便

• 界面样式布局灵活可配置

项目预览

• Nova-Admin 预览^[3]

开源地址

https://github.com/chansee97/nova-admin

参考资料

[1]

Nova-admin: https://github.com/chansee97/nova-admin

[2]

alova: https://alova.js.org/

[3]

Nova-Admin 预览: https://admin-nova.vercel.app/

来源 | juejin.cn/post/7351581179017035810

推荐全新学习项目
全新基于springboot+vue+vant的前后端分离的微商城项目，包括手机端微商城项目和后台管理系统，整个电商购物流程已经能流畅支持，涵盖商品浏览、搜索、商品评论、商品规格选择、加入购物车、立即购买、下单、订单支付、后台发货、退货等。功能强大，主流技术栈，非常值得学习。
线上演示：https://www.markerhub.com/vueshop

从文档到视频、接口调试、学习看板等方面，让项目学习更加容易，内容更加沉淀。全套视频教程约35小时，共222期，讲解非常详细细腻。下面详细为大家介绍：
架构与业务使用主流的技术架构，真正手把手教你从0到1如何搭建项目手脚架、项目架构分析、建表逻辑、业务分析、实现等。涵盖SpringBoot、Mybatis Plus、Jwt、Redis、Lombok、Hutool、Shiro、Elasticsearch、RabbitMq、Docker、Jenkins等技术。
vueshop微商城的整个购物流程已经完善，各个模块的业务都是已经实现，涵盖商品模块、搜索模块、购物车模块、订单模块、退款模块、后台权限模块、业务数据管理模块等

更多详情请查看：
手把手教学，从0开发前后端微商城项目，主流Java技术一网打尽！

手把手教学，从0开发前后端微商城项目，主流Java技术一网打尽！

手把手教学，从0开发前后端微商城项目，主流Java技术一网打尽！