免费开源基于Vue3/vite3等最新前端技术栈的中后台模板——Soybean Admin

Soybean Admin是基于vue 3/vite 3/TypeScript/naive ui/Pinia和UnoCSS的中后台模板。它采用了最新流行的前端技术栈，拥有丰富的主题配置，拥有极高的代码规范，基于文件的路由系统和基于mock的动态权限路由，是开箱即用的中后台前端解决方案，也可以作为学习参考。

免费开源和商用说明：

Soybean Admin是一个完全免费开源的 admin 项目，源码基于 MIT 开源协议托管在 Github 上，任何人都可以免费下载代码来使用，也可以用于商业用途。

Soybean Admin 的技术特性：

1、使用最新流行的前端技术栈：使用 Vue3 / Vite 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
2、支持 TypeScript
3、丰富可配置的主题、暗黑模式，基于原子 css 框架 – UnoCss 的动态主题颜色
4、优良的代码规范：丰富的规范插件及极高要求的代码规范，学习价值也很大
5、文件路由系统：基于文件的路由系统，根据页面文件自动生成路由声明、路由导入和路由模块
6、权限路由：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由能快速实现后端动态路由
7、网络请求函数：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器

Admin 中后台系统功能：

1、用户管理：允许管理员管理用户账户、权限和角色。他们可以创建、编辑、删除用户账户，设置用户权限和角色，以确保不同用户拥有适当的访问权限；
2、内容管理：提供管理网站或应用程序内容的功能。管理员可以创建、编辑、删除页面、文章、产品等内容，并进行分类、标签、搜索等管理操作；
3、数据管理：支持让管理员管理和维护系统中的数据。他们可以查看、编辑、删除数据库中的数据，执行数据导入、导出操作，监控数据的状态和完整性；
4、统计和分析：后台管理系统提供了统计和分析功能，帮助管理员了解网站或应用程序的使用情况、访问量、用户活动等数据。这些数据可以用于优化和改进系统的性能和用户体验；
5、系统设置和配置：后台管理系统允许管理员进行系统设置和配置。他们可以管理网站的主题、样式、布局，配置系统参数和选项，集成第三方服务和插件等。
6、安全管理：后台管理系统提供了安全管理功能，允许管理员管理用户访问权限、密码策略、安全设置等。他们可以监控系统日志、检测异常活动，并采取必要的安全措施来保护系统免受潜在的威胁。

Soybean Admin 轻松上手：

需要注意的是，本地环境运行 Soybean Admin 需要安装 pnpm 7.x+ 、Node.js 14.18+ 和 Git，然后从 GitHub 获取代码：

# 克隆代码
git clone https://github.com/honghuangdc/soybean-admin.git

安装项目依赖

pnpm i

安装全局依赖

bash

# 用于执行git cz命令，代替git commit, 或者不安装执行 yarn cz | pnpm cz
pnpm i -g commitizen

初始化 husky

pnpm prepare

然后执行 npm script 中的 dev，就能在本地运行 Soybean Admin，官网也给出了较为详细的文档说明。

进入Soybean Admin官网