RuoYi-Vue教程

最新推荐文章于 2025-03-07 15:22:36 发布

爽爽学编程

最新推荐文章于 2025-03-07 15:22:36 发布

阅读量3.5k

点赞数 33

分类专栏：前端后端框架文章标签： vue.js 前端 javascript spring boot redis 数据库缓存

本文链接：https://blog.csdn.net/weixin_45072119/article/details/139865158

版权

若依搭建

若依版本

官方

若依官方针对不同开发需求提供了多个版本的框架，每个版本都有其独特的特点和适用场景：

前后端混合版本：RuoYi结合了SpringBoot和Bootstrap的前端开发框架，适合快速构建传统的Web应用程序，其中前端和后端代码在同一项目中协同工作。
前后端分离版本：RuoYi-Vue利用SpringBoot作为后端开发框架，与Vue.js结合，实现了前后端分离的开发模式。这种架构有助于提高开发效率，前后端可以独立开发和部署，更适合现代化的Web应用开发。
微服务版本：RuoYi-Cloud基于Spring Cloud & Alibaba微服务架构，为构建大型分布式系统提供了完整的解决方案。它支持服务发现、配置管理、负载均衡等微服务特性，适合需要高可扩展性和高可用性的企业级应用。
移动端版本：RuoYi-App采用Uniapp进行开发，结合了Vue.js的优势，可以实现跨平台的移动端应用开发。一次编写，多端运行的能力使得它成为开发iOS和Android应用的理想选择。

这些版本的框架为开发者提供了多样化的选择，无论是传统的Web应用、现代化的前后端分离应用，还是复杂的微服务架构和跨平台的移动端应用，都能找到合适的若依框架版本来满足开发需求。

非官方

若依框架因其强大的功能和灵活性，吸引了众多第三方开发者基于其核心架构进行扩展和优化，从而形成了丰富的生态系统。

这些扩展不仅增强了若依框架的功能性，也满足了开发者在不同场景下的具体需求。例如：

RuoYi-Vue3（前端升级Vue3 Element Plus Vite）
- https://github.com/yangzongzhuan/RuoYi-Vue3
RuoYi-Vue-Plus（后端集成Mybatis-Plus、Hutool、OSS存储、分布式锁等组件）
- RuoYi-Vue-Plus: 多租户后台管理系统重写RuoYi-Vue所有功能集成 Sa-Token、Mybatis-Plus、Flowable、SpringDoc、Hutool、OSS 定期同步

这些扩展版本的推出，使得若依框架能够更好地适应不同规模和类型的项目需求，从小型快速开发到大型企业级应用，都能提供相应的解决方案。开发者可以根据自己的具体需求选择合适的版本进行开发。

RuoYi-Vue

lRuoYi-Vue版本，采用了前后端分离的单体架构设计：

软件环境：JDK、MySQL 、Redis 、Maven、Node

技术选型：Spring Boot、Spring Security、MyBatis、Jwt、Vue3、Element-Plus

官方地址：RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本

扩展地址：RuoYi-Vue3: 🎉 (RuoYi)官方仓库基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统

官方推荐	课程版本
JDK >= 1.8	JDK 11
Mysql >= 5.7.0	MySQL 8
Redis >= 3.0	Redis 5（Win）
Maven >= 3.0	Maven 3.6
Node >= 12	Node 16（Vue3）

为了确保教学活动的顺利进行，建议所有学生在开始前安装并配置好这些软件的版本。

如果学生在安装或配置过程中遇到问题，可以联系播妞获取帮助，播妞将提供详细的安装文档和安装包，

运行后端项目

初始化项目

Git下载

通过idea克隆若依源码，仓库地址：RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本

Maven构建

使用idea打开项目后，等待环境检查（主要是Maven下载项目依赖）

MySQL相关

导入sql

1、创建数据库create schema ry-vue;

2、执行下图的sql脚本文件，完成导入

3、导入后ry-vue库内置30张表

配置信息

在ruoyi-admin模块下，编辑resources目录下的application-druid.yml，修改数据库连接

# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: 数据库地址
                username: 数据库账号
                password: 数据库密码

Redis相关

启动

在redis解压目录下，执行redis-server.exe redis.windows.conf启动

配置信息

在ruoyi-admin模块下，resources目录下的application.yml，可以设置redis密码等相关信息

项目运行

在ruoyi-admin模块下，运行com.ruoyi.RuoYiApplication.java，出现如下图表示启动成功

后端运行成功可以通过([http://localhost:8080 )访问，但是不会出现静态页面，可以继续参考下面步骤部署前端，然后通过前端地址来访问。

运行前端项目

初始化项目

进入开发目录下，使用vscode命令code打开项目

  # 克隆vue3项目
  git clone https://gitee.com/ys-gitee/RuoYi-Vue3.git
  
  # 通过vscode打开项目
  code ./RuoYi-Vue3

项目运行

在vscode终端中输入以下命令：

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev