如果你是一个 Java 后端开发者 或者 全栈开发者,那你大概率听过 RuoYi 系列框架。
在国内开源后台管理系统里,RuoYi 可以说是 使用人数最多的框架之一。
但传统的 RuoYi 项目也有一个问题:
前端架构逐渐显得“老派”。
而最近,我在做项目的时候发现了一个让我眼前一亮的项目:
RuoYi-Plus-Soybean
简单一句话概括:
RuoYi 的强大后端 + Soybean Admin 的现代化前端 + SaaS 多租户架构
在实际体验了一段时间之后,我觉得这个项目非常适合 企业后台系统开发、SaaS平台搭建、以及技术学习。
这篇文章我就结合 真实使用体验,给大家详细介绍一下这个项目。
一、RuoYi-Plus-Soybean 是什么?
RuoYi-Plus-Soybean 是一个 现代化企业级多租户管理系统。
它的核心思路非常简单:
后端使用 RuoYi-Vue-Plus
前端使用 Soybean Admin
然后整合成为一个 完整的企业级后台解决方案。
简单来说,它帮开发者解决了三个核心问题:
1️⃣ 企业级后台系统架构
2️⃣ 现代化前端技术栈
3️⃣ SaaS 多租户支持
项目作者的定位也很明确:
为开发者提供一套 开箱即用的企业管理系统解决方案。
二、为什么我会选择这个项目?
一开始我也是用传统的 RuoYi-Vue。
但在做项目的时候,我遇到了几个比较明显的问题:
1 前端技术栈稍微有点旧
传统 RuoYi-Vue 使用的是:
Vue2ElementUIWebpack
虽然稳定,但对于现在来说技术栈确实有点老了。
而 RuoYi-Plus-Soybean 使用的是:
Vue3TypeScriptViteNaive UIPiniaUnoCSS
整个前端技术栈可以说是 非常现代化。
2 支持 SaaS 多租户
现在很多系统都不是单租户系统,而是 SaaS模式。
比如:
企业管理系统CRMERP教育平台电商管理后台
这些系统往往需要:
一个系统 → 多个企业使用
这就涉及到 多租户架构。
RuoYi-Plus-Soybean 在这一点上做得非常完整:
租户管理租户隔离租户配置租户数据管理
可以直接拿来做 SaaS平台。
三、项目技术栈(非常现代)
这个项目的技术栈其实非常漂亮。
我们先看 前端部分。
前端技术栈
核心技术:
Vue 3.5TypeScriptViteNaive UIPiniaVue RouterAxios / AlovaUnoCSSpnpm
简单解释几个关键技术。
Vue3 + TypeScript
Vue3 + TS 基本已经成为 现在企业级前端标配。
优点很明显:
类型安全代码更规范可维护性更高
Vite
相比传统的 Webpack:
Vite 的启动速度 快很多。
开发体验也非常丝滑。
Naive UI
这是一个 Vue3时代非常优秀的组件库。
特点:
设计现代组件丰富TypeScript支持非常好
很多企业后台系统现在都在使用它。
UnoCSS
这个东西很多人第一次看到会有点懵。
其实它类似:
Tailwind CSS 的升级版。
写样式可以直接写在 class 里:
<divclass="flexflex-colitems-centerjustify-centerp-4bg-blue-100rounded-md">
开发效率非常高。
后端技术栈
后端基本继承了 RuoYi-Vue-Plus 的架构:
Spring BootSpring SecuritySa-TokenMyBatis-PlusMySQL
这一套组合基本就是:
Java 企业级后台黄金组合。
四、项目架构设计
这个项目的工程结构其实也很有意思。
它使用的是:
Monorepo 架构
项目核心目录如下:
root
├build
├docs
├packages
├public
├src
└vite.config.ts
其中比较有意思的是:
packages 目录
这个目录是 monorepo 多包管理。
例如:
packages
├axios
├alova
├hooks
├materials
├utils
好处是:
代码复用更高结构更清晰模块化更强
对于大型项目来说,这种结构非常舒服。
五、项目核心功能
这个项目其实已经自带了一整套 企业后台能力。
用户管理
包括:
用户信息角色分配权限控制
角色权限管理
支持:
角色权限菜单权限按钮权限
权限控制粒度非常细。
租户管理
这是整个项目的 核心亮点之一。
支持:
租户创建租户配置租户隔离
适合做:
SaaS平台企业系统多组织系统
字典管理
很多系统都会有:
状态类型标签
这些都可以通过 数据字典管理。
系统监控
系统自带:
登录日志操作日志在线用户缓存监控
对于后台系统来说非常实用。
代码生成器
这是 RuoYi 系列的 经典功能。
通过数据库表结构可以直接生成:
ControllerServiceMapper前端页面
对于 CRUD 系统来说:
开发效率直接翻倍。
六、项目安装其实非常简单
项目强制使用:
pnpm
所以第一步:
安装 pnpm
npminstallpnpm-g
然后克隆项目:
gitclonehttps://gitee.com/xlsea/ruoyi-plus-soybean.git
进入目录:
cdruoyi-plus-soybean
安装依赖:
pnpminstall
启动项目:
pnpmdev
浏览器打开:
http://localhost:5173
基本就能跑起来了。
七、我真实使用后的感受
我简单说一下 真实体验。
优点
1 技术栈非常新
Vue3 + Vite + TS
开发体验很好。
2 组件封装非常完善
项目自带很多:
表格组件表单组件字典组件布局组件
开发后台系统效率很高。
3 SaaS支持很好
多租户能力是这个项目最大的价值。
如果你想做:
企业平台管理系统SaaS产品
这个项目真的非常合适。
4 UI非常现代
相比传统 RuoYi:
这个 UI 真的好看很多。
不足
当然也有一点点小问题。
比如:
文档还在不断完善生态还在发展
不过整体来说:
项目质量已经非常高。
八、适合哪些人使用?
我觉得这个项目特别适合以下几类人:
1 Java 后端开发者
想学习 企业后台系统架构。
2 全栈开发者
想快速搭建:
管理系统SaaS平台企业后台
3 想做毕业设计的同学
这个项目其实也很适合:
毕设课程设计项目练习
技术栈也很主流。
九、总结
如果让我用一句话评价这个项目:
它是目前 RuoYi 生态里,最现代化的后台管理系统之一。
它解决了几个关键问题:
前端技术栈升级SaaS 多租户支持企业级后台能力开箱即用
如果你正在找一个:
现代化 + 企业级 + Java后台框架
我真的建议你试试这个项目。
项目地址(gitee和github上都有项目地址,gitee更好获取):
https://gitee.com/xlsea/ruoyi-plus-soybean
如果你觉得项目不错,也可以:
⭐ 点个 Star🐛 提 Issue🔧 提 PR
一起把这个项目做得更好。
感谢大家,我们下篇文章见 👋
RuoYi-Plus-Soybean 企业级框架,您用了一段时间,全面体验如何?
摘要:如果你是一个 Java 后端开发者 或者 全栈开发者,那你大概率听过 RuoYi 系列框架。 在国内开源后台管理系统里,RuoYi 可以说是 使用人数最多的框架之一。 但传统的 RuoYi 项目也有一个问题: 前端架构逐渐显得“老派”。 而
