前端开发后端开发若依开发开发笔记前端后端若依笔记

若依开发笔记-1：若依搭建

知无涯2025-03-212025-03-22

若依搭建

若依版本

官方

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

● 前后端混合版本：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作为构建工具，并支持TypeScript，使得开发过程更加高效和灵活

引用站外地址

RuoYi-Vue3

owen0o0

● RuoYi-Vue-Plus：这是一个集成了Mybatis-Plus、Hutool、OSS存储、分布式锁等组件的若依版本，提供了丰富的功能和工具，使得开发过程更加便捷和高效

引用站外地址

RuoYi-Vue-Plus

owen0o0

● RuoYi-Cloud-Plus：这是一个基于Spring Cloud & Alibaba的若依版本，提供了微服务架构的支持，适用于构建大型分布式系统。它集成了多种微服务组件，如服务发现、配置管理、负载均衡等，使得开发过程更加便捷和高效

引用站外地址

RuoYi-Cloud-Plus3

owen0o0

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

RuoYi-Vue

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

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

技术选型：Spring Boot、Spring Security、MyBatis、Jwt、Vue3、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克隆若依源码，仓库地址：：

owen0o0

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启动

引用站外地址

Redis下载（window），仓库地址：：

owen0o0

配置信息

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

项目运行

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

运行前端项目

初始化项目

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

开发路径

cmd回车

# 克隆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