ruoyi-vue-pro快速入门:10分钟搭建完整后台管理系统
2026-02-04 05:03:51作者:滕妙奇
还在为搭建企业级后台管理系统而烦恼?ruoyi-vue-pro作为一款基于Spring Boot + Vue.js的现代化后台管理系统,提供了完整的RBAC权限管理、工作流引擎、多租户支持等企业级功能。本文将带你10分钟快速搭建完整的后台管理系统!
🚀 读完本文你将获得
- ✅ 完整的ruoyi-vue-pro环境搭建指南
- ✅ Docker一键部署实战经验
- ✅ 核心功能模块快速上手
- ✅ 生产环境最佳实践建议
- ✅ 常见问题排查解决方案
📦 技术栈全景图
graph TB
A[ruoyi-vue-pro架构] --> B[后端技术栈]
A --> C[前端技术栈]
A --> D[数据库支持]
A --> E[部署方式]
B --> B1[Spring Boot 2.7.18]
B --> B2[MyBatis Plus 3.5.7]
B --> B3[Redis + Redisson]
B --> B4[Flowable工作流]
B --> B5[Spring Security]
C --> C1[Vue 3.2 + Element Plus]
C --> C2[Vue 3 + Ant Design Vue]
C --> C3[Vue 2 + Element UI]
C --> C4[Uni-app移动端]
D --> D1[MySQL 5.7/8.0]
D --> D2[Oracle]
D --> D3[PostgreSQL]
D --> D4[SQL Server]
D --> D5[国产数据库]
E --> E1[Docker Compose]
E --> E2[传统部署]
E --> E3[Kubernetes]
⚡ 10分钟快速开始
环境要求
| 组件 | 版本要求 | 说明 |
|---|---|---|
| JDK | 1.8+ 或 17+ | 推荐JDK 17 |
| MySQL | 5.7+ | 推荐8.0版本 |
| Redis | 5.0+ | 必需组件 |
| Maven | 3.6+ | 构建工具 |
| Node.js | 14+ | 前端构建 |
步骤一:克隆项目并初始化数据库
# 克隆项目
git clone https://gitcode.com/GitHub_Trending/ruoy/ruoyi-vue-pro.git
cd ruoyi-vue-pro
# 创建数据库(MySQL示例)
mysql -uroot -p -e "CREATE DATABASE IF NOT EXISTS \`ruoyi-vue-pro\` CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;"
# 导入初始数据
mysql -uroot -p ruoyi-vue-pro < sql/mysql/ruoyi-vue-pro.sql
mysql -uroot -p ruoyi-vue-pro < sql/mysql/quartz.sql
步骤二:Docker一键部署(推荐)
ruoyi-vue-pro提供了完整的Docker Compose部署方案:
# docker-compose.yml 核心配置
version: "3.4"
services:
mysql:
image: mysql:8
environment:
MYSQL_DATABASE: ruoyi-vue-pro
MYSQL_ROOT_PASSWORD: 123456
ports:
- "3306:3306"
volumes:
- mysql_data:/var/lib/mysql
- ./sql/mysql/ruoyi-vue-pro.sql:/docker-entrypoint-initdb.d/init.sql
redis:
image: redis:6-alpine
ports:
- "6379:6379"
server:
build: ./yudao-server
ports:
- "48080:48080"
depends_on:
- mysql
- redis
启动命令:
cd script/docker
docker-compose up -d
步骤三:传统方式部署
如果需要传统部署方式,配置application-local.yaml:
spring:
datasource:
dynamic:
datasource:
master:
url: jdbc:mysql://localhost:3306/ruoyi-vue-pro?useSSL=false
username: root
password: 123456
slave:
url: jdbc:mysql://localhost:3306/ruoyi-vue-pro?useSSL=false
username: root
password: 123456
redis:
host: localhost
port: 6379
启动后端服务:
cd yudao-server
mvn clean package -DskipTests
java -jar target/yudao-server.jar
🎯 核心功能模块详解
1. 系统管理模块
flowchart TD
A[系统管理] --> B[用户管理]
A --> C[角色管理]
A --> D[菜单管理]
A --> E[部门管理]
A --> F[岗位管理]
A --> G[租户管理]
B --> B1[用户增删改查]
B --> B2[用户状态管理]
B --> B3[密码重置]
C --> C1[角色权限分配]
C --> C2[数据权限控制]
D --> D1[动态菜单配置]
D --> D2[按钮权限控制]
2. 工作流引擎(Flowable)
ruoyi-vue-pro集成了Flowable工作流引擎,支持:
| 功能 | 描述 | 状态 |
|---|---|---|
| BPMN设计器 | 标准流程设计 | ✅ |
| 仿钉钉设计器 | 简易流程配置 | ✅ |
| 会签/或签 | 多人审批模式 | ✅ |
| 流程抄送 | 消息通知 | ✅ |
| 转办/委派 | 任务转移 | ✅ |
| 条件分支 | 智能路由 | ✅ |
3. 多租户SaaS支持
// 多租户数据隔离示例
@Service
public class UserServiceImpl implements UserService {
@TenantIgnore // 忽略租户过滤
public User getByUsername(String username) {
return userMapper.selectByUsername(username);
}
@DataPermission(enable = false) // 禁用数据权限
public List<User> listUsers() {
return userMapper.selectList();
}
}
🔧 代码生成器使用
ruoyi-vue-pro内置强大的代码生成器:
-- 1. 配置数据源
INSERT INTO infra_data_source_config (name, url, username, password)
VALUES ('主数据源', 'jdbc:mysql://localhost:3306/ruoyi-vue-pro', 'root', '123456');
-- 2. 生成代码流程
代码生成器支持:
- ✅ 单表CRUD生成
- ✅ 树形表结构生成
- ✅ 主子表关联生成
- ✅ Vue前端页面生成
- ✅ 单元测试生成
📊 系统监控与运维
监控指标配置
# Spring Boot Admin监控
spring:
boot:
admin:
client:
url: http://localhost:8080
instance:
service-url: http://localhost:48080
# SkyWalking链路追踪
skywalking:
agent:
service_name: yudao-server
collector:
backend_service: localhost:11800
健康检查端点
| 端点 | 路径 | 说明 |
|---|---|---|
| 健康检查 | /actuator/health | 服务健康状态 |
| 信息端点 | /actuator/info | 应用信息 |
| 指标端点 | /actuator/metrics | 性能指标 |
| 日志端点 | /actuator/loggers | 日志级别管理 |
🚨 常见问题排查
问题1:数据库连接失败
# 检查MySQL服务
systemctl status mysql
# 检查防火墙
firewall-cmd --list-ports
# 测试数据库连接
mysql -h127.0.0.1 -uroot -p -e "SELECT 1"
问题2:Redis连接异常
# 检查Redis服务
redis-cli ping
# 查看Redis配置
cat /etc/redis/redis.conf | grep -E "bind|port|requirepass"
问题3:端口冲突处理
# 查看端口占用
netstat -tlnp | grep :48080
# 终止占用进程
kill -9 <PID>
🏆 最佳实践建议
1. 生产环境部署
# 使用Nginx反向代理
server {
listen 80;
server_name your-domain.com;
location / {
proxy_pass http://127.0.0.1:48080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
location /admin/ {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
}
}
2. 数据库优化配置
# my.cnf优化配置
[mysqld]
innodb_buffer_pool_size = 1G
innodb_log_file_size = 256M
max_connections = 1000
query_cache_size = 64M
3. 安全加固措施
- [ ] 修改默认密码
- [ ] 启用SSL加密
- [ ] 配置防火墙规则
- [ ] 定期备份数据
- [ ] 监控系统日志
📈 性能调优指南
JVM参数优化
# 生产环境JVM配置
java -Xms2g -Xmx2g -XX:+UseG1GC \
-XX:MaxGCPauseMillis=200 \
-XX:InitiatingHeapOccupancyPercent=45 \
-jar yudao-server.jar
Redis缓存优化
spring:
redis:
lettuce:
pool:
max-active: 8
max-idle: 8
min-idle: 0
max-wait: -1ms
🎉 总结
通过本文的10分钟快速入门指南,你已经成功搭建了ruoyi-vue-pro后台管理系统。这个强大的框架提供了:
- 🚀 开箱即用:完整的RBAC权限管理系统
- 🔧 高度可扩展:模块化架构,易于二次开发
- 📊 企业级功能:工作流、多租户、监控等
- 🛡️ 安全可靠:Spring Security安全保障
- 📱 多端支持:PC+移动端全覆盖
现在你可以开始探索更多高级功能,如自定义模块开发、第三方集成、性能优化等。ruoyi-vue-pro将成为你企业级应用开发的得力助手!
下一步建议:
- 深入阅读官方文档了解高级特性
- 尝试自定义业务模块开发
- 学习Docker和Kubernetes部署
- 探索微服务架构升级路径
祝你使用愉快!如有问题,欢迎在社区交流讨论。
登录后查看全文
热门项目推荐
相关项目推荐
Kimi-K2.5Kimi K2.5 是一款开源的原生多模态智能体模型,它在 Kimi-K2-Base 的基础上,通过对约 15 万亿混合视觉和文本 tokens 进行持续预训练构建而成。该模型将视觉与语言理解、高级智能体能力、即时模式与思考模式,以及对话式与智能体范式无缝融合。Python00
GLM-4.7-FlashGLM-4.7-Flash 是一款 30B-A3B MoE 模型。作为 30B 级别中的佼佼者,GLM-4.7-Flash 为追求性能与效率平衡的轻量化部署提供了全新选择。Jinja00
VLOOKVLOOK™ 是优雅好用的 Typora/Markdown 主题包和增强插件。 VLOOK™ is an elegant and practical THEME PACKAGE × ENHANCEMENT PLUGIN for Typora/Markdown.Less00
PaddleOCR-VL-1.5PaddleOCR-VL-1.5 是 PaddleOCR-VL 的新一代进阶模型,在 OmniDocBench v1.5 上实现了 94.5% 的全新 state-of-the-art 准确率。 为了严格评估模型在真实物理畸变下的鲁棒性——包括扫描伪影、倾斜、扭曲、屏幕拍摄和光照变化——我们提出了 Real5-OmniDocBench 基准测试集。实验结果表明,该增强模型在新构建的基准测试集上达到了 SOTA 性能。此外,我们通过整合印章识别和文本检测识别(text spotting)任务扩展了模型的能力,同时保持 0.9B 的超紧凑 VLM 规模,具备高效率特性。Python00
KuiklyUI基于KMP技术的高性能、全平台开发框架,具备统一代码库、极致易用性和动态灵活性。 Provide a high-performance, full-platform development framework with unified codebase, ultimate ease of use, and dynamic flexibility. 注意:本仓库为Github仓库镜像,PR或Issue请移步至Github发起,感谢支持!Kotlin07
compass-metrics-modelMetrics model project for the OSS CompassPython00
最新内容推荐
终极Emoji表情配置指南:从config.yaml到一键部署全流程如何用Aider AI助手快速开发游戏:从Pong到2048的完整指南从崩溃到重生:Anki参数重置功能深度优化方案 RuoYi-Cloud-Plus 微服务通用权限管理系统技术文档 GoldenLayout 布局配置完全指南 Tencent Cloud IM Server SDK Java 技术文档 解决JumpServer v4.10.1版本Windows发布机部署失败问题 最完整2025版!SeedVR2模型家族(3B/7B)选型与性能优化指南2025微信机器人新范式:从消息自动回复到智能助理的进化之路3分钟搞定!团子翻译器接入Gemini模型超详细指南
项目优选
收起
deepin linux kernel
C
27
11
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
525
3.72 K
Ascend Extension for PyTorch
Python
329
391
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
877
578
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
335
162
暂无简介
Dart
764
189
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
12
1
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.33 K
746
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
67
20
React Native鸿蒙化仓库
JavaScript
302
350