RuoYi-Vue下载与运行

pingcode / 2023-05-14 / 原文

一、源码下载

若依官网:RuoYi 若依官方网站

鼠标放到"源码地址"上,点击"RuoYi-Vue 前端分离版"。

image

跳转至Gitee页面,点击"克隆/下载",复制HTTPS链接即可。

源码地址为:https://gitee.com/y_project/RuoYi-Vue.git

image

打开IDEA,选择"Get from VCS"。

image

将源码地址粘贴到URL输入框中,并选择本地项目路径,点击"Clone"。

image

源码下载完成后,点击"Trust Project",即可打开项目。

image

附:Git下载与安装

二、启动后端项目

1.确认运行环境

运行后端项目需要JDK环境(JDK >= 1.8)。

image

附:JDK8下载安装与配置环境变量(windows)

2.修改Maven配置

将Maven设置为本地版本(Maven >= 3.0),修改完成后记得刷新右侧的Maven,等待其下载后端依赖。

image

附:Maven下载安装与配置

3.搭建MySQL数据源

启动本地MySQL服务(MySQL >= 5.7.0),使用客户端进行连接,并创建数据库ry-vue

image

image

ry-vue数据库环境下,执行项目中的以下两个sql脚本。

image

执行完成后会在该数据库下生成以下表。

image

附:MySQL8免安装版下载安装与配置(windows)

DBeaver下载安装与连接MySQL数据库

4.启动Redis服务

image

附:Redis下载安装与配置(windows)

5.修改配置文件的密码

5.1修改Redis密码

修改ruoyi-admin模块下的application.yml文件。

image

5.2修改MySQL密码

修改ruoyi-admin模块下的application-druid.yml文件。

image

6.启动后端项目

找到ruoyi-admin模块下的RuoYiApplication.java文件,点击"run RuoYiApplication",启动后端项目。

控制台打印如下日志。

image

浏览器输入localhost:8080,可访问如下页面,则后端项目启动成功。

image

三、启动前端项目

1.确认运行环境

运行前端项目需要node环境。

image

附:Node.js下载安装与配置(windows)

2.打开前端项目

在新窗口打开ruoyi-ui目录。

image

image

3.安装依赖

打开Terminal,在ruoyi-ui路径下执行npm install命令,等待其下载前端依赖。

image

依赖下载完成后,会在项目下生成一个node_modules文件夹。

image

4.启动前端项目

继续在ruoyi-ui路径下执行npm run dev命令,启动前端项目。

image

5.访问项目

浏览器输入访问地址:http://localhost/login,即可访问登录页面。

一般情况下,前端项目启动完成后会自行弹出登录页面,验证码加载成功则表示前后端交互成功。

image