Bee：从 0 到 1 打造一套现代化的全栈后台管理系统（React + Spring Boot）
一套开源的前后端分离后台系统，专为个人学习、学生项目、以及中小型企业后台搭建而生。
让前端与后端开发者，都能在高质量架构中快速上手与学习。
一、前言
很多初学者在想做一个后台管理系统时，常常遇到这样的问题：
- ❓ 前后端项目该如何分层设计？
- ❓ 权限系统、动态菜单怎么做才规范？
- ❓ React + Spring Boot 如何优雅对接？
- ❓ 想练手，但找不到既现代又结构清晰的项目？
于是，我决定做一个可以真正「拿来学、拿来改、拿来用」的全栈系统。
这就是我开源的 —— **Bee 后台管理系统 **
它基于 ** React + TypeScript + Vite** 构建前端，
结合 Spring Boot + JWT 打造稳定后端，
不仅能直接用于中小企业系统开发，也非常适合学习前后端分离架构。
项目概览
| 模块 | 仓库地址 | 技术栈 |
|---|---|---|
| 🖥️ 前端 | GitHub - yi-echo/bee-react-admin: 一个基于 React + TypeScript + Vite 的轻量级后台管理模板，适合个人开发者学习前后端分离与前端工程化 | React · Vite · TypeScript |
| ⚙️ 后端 | GitHub - yi-echo/bee-spring-boot-server: 一个基于 Spring Boot 的通用后台服务模板，提供用户认证、角色权限等功能，适合学习后端开发与接口联调 | Spring Boot 3 · JWT · Swagger3 |
项目定位
Bee 不是一个臃肿的企业模板，而是一套「结构清晰、易学易改、面向实战」的全栈系统。
它适合：
- 🧑💻 学生、初学者：学习前后端分离架构的最佳项目
- 🏗️ 前端开发者：快速上手一个真实的后台系统
- 🚀 全栈开发者：深入理解从 API 设计到权限体系的整体逻辑
技术架构
(1) 前端（bee-react-admin）
前端使用 React + TypeScript + Vite，
结合现代化的组件化思维与模块化路由，注重性能与可扩展性。
🔧 核心功能模块
- 动态菜单与权限控制：基于角色动态生成菜单与路由
- 多语言与暗黑模式支持：一键切换主题与语言
- 通用 CRUD 模板：内置封装好的表格、搜索、分页、表单组件
- 自定义 Hooks：对表单校验、请求管理、权限判断进行统一封装
- 响应式布局：适配 PC 与移动端后台使用场景
- 系统国际化（i18n）完善
- 组件库与 Hooks 封装优化
📁 目录结构简洁清晰
src/
├── api/ # 请求接口
├── components/ # 通用组件
├── hooks/ # 自定义 Hooks
├── layouts/ # 布局组件
├── router/ # 动态路由与权限控制
├── store/ # 状态管理（Zustand）
├── views/ # 各页面模块
└── utils/ # 工具函数
👉 前端仓库地址：GitHub - yi-echo/bee-react-admin: 一个基于 React + TypeScript + Vite 的轻量级后台管理模板，适合个人开发者学习前后端分离与前端工程化
(2) 后端（bee-spring-boot-server）
后端采用 Spring Boot 3 + MyBatis + JWT + Swagger3，
注重清晰的分层结构与接口规范化。
🏗️ 核心功能模块
- 用户与角色管理
- 权限控制与菜单分配
- 登录认证（JWT Token）
- 系统日志记录
- 接口文档（Swagger3 + Knife4j）
- 全局异常与统一返回封装
👉** 前端仓库地址：**GitHub - yi-echo/bee-spring-boot-server: 一个基于 Spring Boot 的通用后台服务模板，提供用户认证、角色权限等功能，适合学习后端开发与接口联调
启动前端
git clone https://github.com/yi-echo/bee-react-admin
cd bee-react-admin
npm install
npm run dev
浏览器访问：http://localhost:9091
二、 为什么叫 Bee？
蜜蜂代表高效、协作与秩序。
Bee 系统的目标也是如此——让前后端开发能够高效协作，模块清晰、接口统一。
每一个模块就像蜂巢中的单元，既独立又紧密配合。
三、未来规划
✅ Docker 一键部署方案
✅ 后端多数据源支持
✅ Electron + Web 打通（桌面端后台）
Bee 不只是一个项目，更是一套「成长型学习框架」。
我会持续优化，帮助更多开发者快速入门并深入理解全栈架构。
四、 开源地址
- 🖥️ 前端项目：https://github.com/yi-echo/bee-react-admin
- ⚙️ 后端项目：https://github.com/yi-echo/bee-spring-boot-server
如果你觉得这个项目对你有帮助，
⭐ 请为仓库点个 Star 支持一下！
这将是我持续优化和维护的最大动力 💪
🐝 「高效、结构、协作」是 Bee 的核心理念。
无论你是学生、前端开发者、还是全栈工程师，
都希望这套系统能成为你通向更高层次的学习起点。
📫 GitHub: https://github.com/yi-echo