Vue3+Spring Boot 若依 RuoYi-Vue3 快速搭建企业级后台

其中代码生成器是核心亮点！操作流程如下：

1. 选择数据库表；
2. 配置模块名、包名、作者等信息；
3. 点击生成，下载完整 zip 包；
4. 解压到项目目录，前后端代码自动整合（含 Controller、Service、Vue 页面、API 接口）。

四、项目架构与目录结构

1. 目录结构（分离版）

# 前端项目（ruoyi-vue）
ruoyi-vue/
├── public/ # 静态资源（如 favicon）
├── src/
│   ├── api/ # API 接口请求封装
│   ├── assets/ # 图片、样式等静态资源
│   ├── components/ # 通用组件（如分页、弹窗）
│   ├── router/ # 动态路由配置
│   ├── store/ # Vuex/Pinia 状态管理
│   ├── utils/ # 工具函数（如权限判断、请求拦截）
│   ├── views/ # 页面组件（核心业务页面）
│   ├── App.vue # 根组件
│   └── main.js # 入口文件
├── vite.config.js # Vite 构建配置
└── package.json # 依赖配置

# 后端项目（ruoyi-admin）
ruoyi-admin/
├── src/main/java/com.ruoyi/
│   ├── RuoYiApplication.java # 启动类
│   ├── controller/ # 接口控制器（接收前端请求）
│   ├── service/ # 业务逻辑层
│   ├── mapper/ # MyBatis Mapper 接口
│   ├── domain/ # 实体类（对应数据库表）
│   └── framework/ # 框架核心（权限、日志、异常处理）
└── pom.xml # Maven 依赖配置

2. 前后端交互流程

携带 JWT Token -> 验证通过 -> 返回结果 Vue 组件 -> API 请求 -> Spring Security 认证 -> Controller 接收请求 -> Service 处理业务逻辑 -> Mapper 操作数据库/Redis

五、快速上手：3 步启动项目

1. 环境准备

提前安装以下依赖：

• JDK 1.8+
• MySQL 5.7+/PostgreSQL/Oracle
• Redis（缓存支持）
• Node.js 14+（前端运行环境）
• Maven 3.6+（后端构建工具）

2. 克隆项目

# 克隆后端项目
git clone https://gitee.com/y_project/RuoYi-Vue.git
# 克隆前端项目（Vue3 分离版）
git clone https://gitee.com/y_project/RuoYi-Vue3.git

3. 启动项目

1. 初始化数据库：
   • 新建数据库（如 ruoyi-vue3）；
   • 导入后端项目中 sql 目录下的初始化脚本；
   • 修改后端配置文件 application-druid.yml，配置数据库连接信息和 Redis 地址。
2. 访问系统：
   • 浏览器打开 http://localhost:5173；
   • 默认账号/密码：admin/admin123。

启动前端：

cd RuoYi-Vue3
npm install
npm run dev # 启动前端，默认端口 5173

启动后端：

cd RuoYi-Vue/ruoyi-admin
mvn spring-boot:run # 启动 Spring Boot 应用，默认端口 8080

六、Vue3 vs Vue2 版本：核心差异

七、适用场景与总结

RuoYi-Vue3 适合以下场景：

• 企业级后台管理系统（OA、ERP、CRM、CMS）；
• 权限控制复杂的业务系统；
• 快速原型开发（MVP）；
• 外包项目（交付快、成本低、维护简单）。

作为一款开源免费（MIT 协议可商用）的框架，RuoYi-Vue3 具备成熟的企业级最佳实践（统一异常处理、接口响应封装、多环境配置），并有活跃社区支持。无论是新手快速入门，还是资深开发者提升效率，都是不错的选择！