当前位置：首页 > java >正文

【web应用】前后端分离开源项目联调运行的过程步骤ruoyi

java 2025/8/21 4:32:15

标题	详情
作者	JosieBook
头衔	CSDN博客专家资格、阿里云社区专家博主、软件设计工程师
博客内容	开源、框架、软件工程、全栈（,NET/Java/Python/C++）、数据库、操作系统、大数据、人工智能、工控、网络、程序人生
口号	成为你自己，做你想做的
欢迎三连	👍点赞、✍评论、⭐收藏

⭐前言

ruoyi开源框架官网：
https://doc.ruoyi.vip/ruoyi/

下载前后端分离项目。
在这里插入图片描述

前后端工具：IDEA2023

其余环境安装这里不做详细记录。
在这里插入图片描述

创建数据库ry并导入数据脚本ry_2021xxxx.sql，quartz.sql

在这里插入图片描述

数据库脚本存放路径：
在这里插入图片描述
依次选择两个文件并运行，便可将数据导入到新建的数据库ry中。

在这里插入图片描述

运行成功后显示已导入所有数据表。

在这里插入图片描述

打开IDEA软件，项目——打开项目——选中整个前后端框架的文件夹——打开
在这里插入图片描述

在这里插入图片描述

后端项目运行准备，修改端口、数据库密码等。

将服务设置为正确的端口，不能使用已经占用的端口。
在这里插入图片描述

redis数据库如果设置了密码，进行密码修改。

在这里插入图片描述
打开后端程序执行入口文件，点击项目运行。

在这里插入图片描述
修改MySQL数据库密码

在这里插入图片描述
后端项目运行成功！！！

暂时就先让其运行着，接着进行前端项目的运行。

默认运行前端项目之前已经安装好了node

在这里插入图片描述
打开的时候选择新窗口中打开。

打开后的前端项目窗口。

将前端项目vue配置文件中的服务端口，设置成和后端中一样的端口。需要设置两处，server下的port和http中的端口号，与服务中设置的保持一致。

在这里插入图片描述

点击左下角终端，开始运行前端项目。这里运行前端项目需要一点时间。

命令分别是：

npm installnpm run dev

在这里插入图片描述

运行成功！！！！！

在这里插入图片描述

在后端项目运行成功并且开启的情况下，前端项目可以调用后端项目的API，所以可以在浏览器中运行前端项目的链接.

在这里插入图片描述

标题	详情
作者	JosieBook
头衔	CSDN博客专家资格、阿里云社区专家博主、软件设计工程师
博客内容	开源、框架、软件工程、全栈（,NET/Java/Python/C++）、数据库、操作系统、大数据、人工智能、工控、网络、程序人生
口号	成为你自己，做你想做的
欢迎三连	👍点赞、✍评论、⭐收藏