若依前后端分离版学习笔记(一)——本地部署

609 阅读2分钟

一 部署环境

因为是学习ruoyi的代码,这里我们部署只是本地把前后端都运行起来而非部署的服务器上

我们学习的若依版本为RuoYi-Vue v3.9.0,前端为vue3,后端为spring boot 2.x(jdk8)

环境系统需求部署版本
JDK>=1.81.8
Maven>=3.03.8.1
MySQL>=5.75.7.44
Redis>=36.2.18
Node>=1224.4.1

这里JDK及Maven的本地安装省略

二 安装MySQL

1.下载MySQL的Yum源:通过运行以下命令来下载MySQL的Yum仓库:

wget https://dev.mysql.com/get/mysql-community-release-5.7.44-1.el7.x86_64.noarch.rpm

2.安装MySQL的Yum仓库: 运行以下命令来安装MySQL的Yum仓库

yum localinstall mysql-community-release-5.7.44-1.el7.x86_64.noarch.rpm

3.安装MySQL软件包: 运行以下命令来通过Yum安装MySQL软件包

yum install mysql-community-server

4.启动MySQL服务: 运行以下命令来启动MySQL服务

systemctl start mysqld

5.设置开机启动: 运行以下命令来设置MySQL服务在开机时自动启动:

systemctl enable mysqld

6.获取初始密码并修改 获取临时 root 密码

sudo grep 'temporary password' /var/log/mysqld.log

输出示例:

2023-01-01T00:00:00.000000Z 6 [Note] A temporary password is generated for root@localhost: Abc123!xyz

登录 MySQL (使用上一步获取的密码)

mysql -u root -p

修改 root 密码 (在 MySQL shell 中执行)

ALTER USER 'root'@'localhost' IDENTIFIED BY 'YourNewStrongPassword!';
FLUSH PRIVILEGES;

7.配置远程访问权限

-- 创建远程访问用户 (示例用户: remote_user)
CREATE USER 'remote_user'@'%' IDENTIFIED BY 'SecureRemotePass123!';

-- 授予所有权限 (按需调整权限范围)
GRANT ALL PRIVILEGES ON *.* TO 'remote_user'@'%' WITH GRANT OPTION;

-- 刷新权限
FLUSH PRIVILEGES;

8.配置监听外部连接 编辑 MySQL 配置文件

sudo vi /etc/my.cnf

在 [mysqld] 部分添加:

bind-address = 0.0.0.0  # 允许所有 IP 连接

重启 MySQL 服务

sudo systemctl restart mysqld

三 安装Redis

可参考Redis安装步骤——离线安装与在线安装- 掘金

四 安装Node

1.下载安装包 官方下载地址:Node.js — Download Node.js®

2.安装 双击安装包,使用默认配置则一直next即可,安装路径默认:C:\Program Files 也可修改。 我这里修改为:D:\Program Files\NodeJs

3.验证是否安装成功 打开CMD并执行

node -v
npm -v

在这里插入图片描述

4.环境配置 在安装目录下新建两个文件夹node_globalnode_cache 在CMD窗口(管理员权限打开)输入

npm config set prefix "D:\Program Files\NodeJs\node_global"
npm config set cache "D:\Program Files\NodeJs\node_cache"

配置环境变量 在这里插入图片描述 在这里插入图片描述 查看是否设置成功

npm root -g 

在这里插入图片描述

五 拉取代码并修改

从gitee上拉取代码或直接下载代码到本地,打开后端代码修改MySQL和Redis连接。

在这里插入图片描述 在这里插入图片描述

将代码中sql文件夹中的sql在数据库中执行,进程数据表创建及数据初始化

在这里插入图片描述

六 启动程序

后端程序直接通过ruoyi-admin模块下的RuoyiApplication启动类启动即可

在这里插入图片描述

启动前端

cd ruoyi-ui
npm install --registry=https://registry.npmmirror.com
npm run dev

启动成功即可看到ruoyi页面 在这里插入图片描述