【web应用】前后端分离开源项目联调运行的过程步骤ruoyi
文章目录
- ⭐前言
- ⭐一、项目运行环境准备
- ⭐二、数据库创建
- 🌟1、新建数据库
- 🌟2、导入数据脚本
- ⭐三、运行后端项目
- 🌟1、打开后端项目
- 🌟2、后端项目配置项修改
- ⭐四、运行前端项目VUE3
- 🌟1、在IDEA另一个窗口中打开前端项目
- 🌟2、前端项目配置项修改
- ⭐五、运行成功，浏览器中运行
- ⭐总结
| 标题 | 详情 |
|---|---|
| 作者 | JosieBook |
| 头衔 | CSDN博客专家资格、阿里云社区专家博主、软件设计工程师 |
| 博客内容 | 开源、框架、软件工程、全栈（,NET/Java/Python/C++）、数据库、操作系统、大数据、人工智能、工控、网络、程序人生 |
| 口号 | 成为你自己，做你想做的 |
| 欢迎三连 | 👍点赞、✍评论、⭐收藏 |
⭐前言
ruoyi开源框架官网：
https://doc.ruoyi.vip/ruoyi/
下载前后端分离项目。
⭐一、项目运行环境准备
前后端工具：IDEA2023
其余环境安装这里不做详细记录。
⭐二、数据库创建
创建数据库ry并导入数据脚本ry_2021xxxx.sql，quartz.sql
🌟1、新建数据库
🌟2、导入数据脚本
数据库脚本存放路径：
依次选择两个文件并运行，便可将数据导入到新建的数据库ry中。
运行成功后显示已导入所有数据表。
⭐三、运行后端项目
🌟1、打开后端项目
打开IDEA软件，项目——打开项目——选中整个前后端框架的文件夹——打开
🌟2、后端项目配置项修改
后端项目运行准备，修改端口、数据库密码等。
将服务设置为正确的端口，不能使用已经占用的端口。
redis数据库如果设置了密码，进行密码修改。
打开后端程序执行入口文件，点击项目运行。
修改MySQL数据库密码
后端项目运行成功！！！
暂时就先让其运行着，接着进行前端项目的运行。
⭐四、运行前端项目VUE3
默认运行前端项目之前已经安装好了node
🌟1、在IDEA另一个窗口中打开前端项目
打开的时候选择新窗口中打开。
打开后的前端项目窗口。
🌟2、前端项目配置项修改
将前端项目vue配置文件中的服务端口，设置成和后端中一样的端口。需要设置两处，server下的port和http中的端口号，与服务中设置的保持一致。
点击左下角终端，开始运行前端项目。这里运行前端项目需要一点时间。
命令分别是：
npm installnpm run dev
运行成功！！！！！
⭐五、运行成功，浏览器中运行
在后端项目运行成功并且开启的情况下，前端项目可以调用后端项目的API，所以可以在浏览器中运行前端项目的链接.
⭐总结
| 标题 | 详情 |
|---|---|
| 作者 | JosieBook |
| 头衔 | CSDN博客专家资格、阿里云社区专家博主、软件设计工程师 |
| 博客内容 | 开源、框架、软件工程、全栈（,NET/Java/Python/C++）、数据库、操作系统、大数据、人工智能、工控、网络、程序人生 |
| 口号 | 成为你自己，做你想做的 |
| 欢迎三连 | 👍点赞、✍评论、⭐收藏 |