SoybeanAdmin

英文 | 中文

[!注意] 如果你认为SoybeanAdmin对你有帮助，或者你喜欢我们的项目，请在GitHub上给我们一个⭐️。你的支持是我们继续改进和添加新功能的动力！感谢你的支持！

简介

SoybeanAdmin是一个干净、优雅、美观且功能强大的管理模板，基于最新的前端技术栈，包括Vue3、Vite5、TypeScript、Pinia和UnoCSS。它内置了丰富的主题配置和组件、严格的代码规范和自动化的文件路由系统。此外，它还使用了基于ApiFox的在线模拟数据解决方案。SoybeanAdmin为你提供了一站式的管理解决方案，无需额外配置，开箱即用。它也是快速学习前沿技术的最佳实践。

特性

前沿技术应用：使用最新流行的技术栈，如Vue3、Vite5、TypeScript、Pinia和UnoCSS。
清晰的项目架构：使用pnpm monorepo架构，结构清晰，优雅易懂。
严格的代码规范：遵循SoybeanJS规范，集成eslint、prettier和simple-git-hooks以确保代码标准化。
TypeScript：支持严格的类型检查，提高代码可维护性。
丰富的主题配置：内置多种主题配置，与UnoCSS完美集成。
内置国际化解决方案：轻松实现多语言支持。
自动化文件路由系统：自动生成路由导入、声明和类型。详情请参阅Elegant Router。
灵活的权限路由：同时支持前端静态路由和后端动态路由。
丰富的页面组件：内置多种页面和组件，包括403、404、500页面，以及布局组件、标签组件、主题配置组件等。
命令行工具：内置高效的命令行工具，git提交、删除文件、发布等。
移动端适配：完美支持移动端，实现自适应布局。

版本

NaiveUI版本：
AntDesignVue版本：
旧版本：
- 预览链接
- Github仓库

文档

示例图片

使用

环境准备

确保你的环境满足以下要求：

git：你需要git来克隆和管理项目版本。
NodeJS：>=18.12.0，推荐18.19.0或更高版本。
pnpm：>= 8.7.0，推荐8.14.0或更高版本。

克隆项目

git clone https://github.com/soybeanjs/soybean-admin.git

安装依赖

pnpm i

由于本项目使用pnpm monorepo管理方式，请不要使用npm或yarn安装依赖。

启动项目

pnpm dev

构建项目

pnpm build

生态系统

react-soybean-admin：基于SoybeanAdmin的React版本。
electron-mock-admin：一个帮助前端开发人员快速实现接口模拟的Mock Api管理系统。
T-Shell：一个带有可配置命令提示符的终端模拟器和SSH客户端。
pea：采用SpringBoot3.2 + JDK21、MyBatis-Plus、SpringSecurity安全框架等，适用于soybean-admin开发的简单权限系统。
MalusAdmin：基于Vue3/TypeScript/NaiveUI和NET7 & Sqlsugar开发的后台管理框架。以最原始和最简单的方式实现，前端清新优雅，后端结构清晰优雅，功能强大。
PanisAdmin：采用SpringBoot 3、SaToken、MySQL等框架，对soybean-admin进行二次开发和修改，适配动态菜单/按钮级别授权。保留原有风味，清新优雅，高颜值的后台管理系统脚手架。
snail-job：一个"高性能、高颜值、高活跃度"的分布式任务重试和任务调度平台。
SuperApi：快速将您的想法变成在线稳定产品！无实体的库表构建，无实体库表的增删改查，支持15种条件查询，以及分页、列表、无限级树列表等功能的API部署！具备接口文档、Auth授权、接口流量限制、获取客户端真实IP、高级服务器缓存组件、动态API等特性，期待您的体验！
FastSoyAdmin：一个基于FastAPI+Vue3+Naive UI的现代管理平台。