【限时免费】 【保姆级超详细还免费（RuoYi-Vue） 新手指导】

1. 项目基础介绍与编程语言

RuoYi-Vue 是一款基于SpringBoot与Vue的前后端分离快速开发框架，采用Java（后端）和JavaScript（前端）作为核心编程语言。其设计目标是帮助开发者快速搭建企业级管理系统，提供丰富的内置功能模块和代码生成工具，显著降低开发成本。

2. 项目优势

• 开源免费：完全开源，个人和企业均可免费使用。
• 模块化设计：前后端分离架构，便于扩展和维护。
• 高效开发：内置代码生成器，可一键生成CRUD代码。
• 多版本支持：提供Vue3、单应用、Oracle等多种衍生版本。
• 完善权限控制：基于JWT的动态菜单和细粒度权限管理。

3. 技术栈与依赖环境

后端技术栈

• Spring Boot 2.x
• Spring Security
• Redis（缓存与会话管理）
• JWT（认证）
• MySQL/Oracle（数据库）

前端技术栈

• Vue 2.x/3.x
• Element UI/Element Plus
• Axios（HTTP请求）

环境要求

• JDK 1.8+
• Maven 3.5+
• Node.js 14+
• MySQL 5.7+ 或 Oracle 11g

4. 下载安装与配置准备

1. 下载项目：通过官方仓库获取最新版本代码包。
2. 安装依赖工具：
   • 后端：配置Maven并导入JDK。
   • 前端：安装Node.js和npm/yarn。
3. 数据库准备：创建空数据库并配置账号权限。

5. 详细安装步骤

后端配置

1. 修改数据库连接：
   编辑 application-druid.yml 文件，更新数据库URL、用户名和密码。
2. 启动Redis：确保Redis服务运行在默认端口（6379）。
3. 编译项目：

   mvn clean package  
   

4. 运行后端：

   java -jar ruoyi-admin.jar  
   

前端配置

1. 安装依赖：

   npm install  
   

2. 修改API地址：
   在 .env.development 中设置后端接口地址。
3. 启动前端：

   npm run dev  
   

流程图示意

[下载代码] → [配置数据库] → [启动Redis] → [编译后端] → [修改前端API] → [启动前端]  

6. 常见问题与解决方案

• 端口冲突：检查8080（后端）和80（前端）端口是否被占用。
• 依赖安装失败：切换npm镜像源或使用yarn。
• 数据库连接失败：确认账号权限及MySQL/Oracle服务状态。

7. 应用案例

• 企业内部管理系统：如OA、CRM等。
• 教育平台：学生与课程管理模块。
• 电商后台：订单与权限控制。