RuoYi-Vue-前后端分离单体架构篇-项目搭建

软件环境： JDK11 、 MySQL8 、 Redis5(win)  、 Maven3.6 、 Node16(vue3)

官方地址：https://gitee.com/y_project/RuoYi-Vue

前端扩展地址：https://gitee.com/ys-gitee/RuoYi-Vue3

一、搭建后端项目

（1）Git克隆并初始化项目

1.1.1  使用浏览器打开 官方地址：https://gitee.com/y_project/RuoYi-Vue ，选择"克隆/下载"

1.1.2 复制SSH地址

1.1.3 打开Idea，选择Get from VCS

1.1.4 将1.1.2复制的SSH地址粘贴到URl中，并在下一行选择项目存放的路径（建议放在纯英文目录），然后点击右下方Clone按钮（等待项目自动下载，需要一段时间）

1.1.5项目自动下载完成后，模块名称高亮说明项目导入成功

（2）MySQL导入与配置      

 1.2.1打开ruoyi-admin目录下的application-druid.yml文件，将数据库名（没有的话创建一个数据库）、用户名和密码修改为自己的

1.2.2在数据库（数据库名与上面连接的数据库保持一致）中分别执行以下两个sql脚本

1.2.3执行后的表如下

（3）启动Redis

1.3.1进入redis目录

1.3.2在目录框中输入cmd再回车进入命令窗口

1.3.3进入命令窗口后，输入命令：redis-server redis.windows.conf 启动redis

1.3.4如图，启动成功

（4）运行后端项目

1.4.1打开Idea,找到项目的启动类

1.4.2 点击Run

1.4.3项目启动成功

1.4.4使用浏览器访问8080端口

二、搭建前端项目

(1)Git克隆并初始化项目

2.1.1  使用浏览器打开 前端扩展地址：https://gitee.com/ys-gitee/RuoYi-Vue3，选择"克隆/下载"

2.1.2复制命令

2.1.3创建一个空的文件夹（路径使用全英文）

2.1.4在文件的空白处点击鼠标右键，打开Git Bash（需要提前下载Git）

2.1.5 将2.1.2中复制的命令粘贴到命名行，回车运行

2.1.6下载完成

(2)安装依赖

2.2.1前端项目文件以创建好

2.2.2进去前端项目的文件夹，在文件路径输入cmd，回车打开命名窗口

2.2.3在命令窗口输入"code ." （需要提前安装好VSCode）

2.2.4选择信任

2.2.5新建终端

2.2.6在终端输入：npm install 命令，下载项目所需要的依赖

(3)运行前端项目

3.3.1输入 npm run dev 启动项目，等待一会儿，项目会在浏览器中自动打开

3.3.2运行成功，输入验证码，点击登录

3.3.3成功进入系统