0.前置条件

(1)git
(2)maven
(3)jdk
(4)mysql
(5)nodejs

1.代码下载

打开若依官网:https://ruoyi.vip/

选择:“Ruoyi Vue前端分离版”

打开后如下所示,点击“克隆/下载”

这里选择下载ZIP压缩包和使用git工具下载代码。

代码下载下来后如下所示:

注意:上面是通过git方式下载的,所以文件夹上会有绿色对号和红色叹号的一些标记。

3.运行后端

运行后端前:需要正确配置:jdk(1.8)和maven

如果不会的话,参考下面的文章:

IDEA 如何配置java jdk – 每天进步一点点

IDEA搭建maven环境 – 每天进步一点点

打开IDEA,复制上面文件夹所示的地址,在IDEA中打开。

项目打开如下:

注意右下角进度条,一开始加载比较慢,因为maven在下载相关的依赖。

(1)创建数据库

ruoyi给我们预制了sql,我们需要创建数据库并执行这个sql,这样启动的时候才不会报错。

我们打开navicat,创建一个数据库就叫ruoyi。

然后名字输入ruoyi,其他的可以暂时不选,点击确定。

然后右击这个数据库,选择“运行SQL文件”

SQL文件的位置在ruoyi这个项目的sql文件夹底下

找到这个sql文件的位置,

右击这个sql文件,点击“复制路径/引用”,然后选择绝对路径

然后复制到下面的框里

点击开始,出现”Finished successfully”就可以点击关闭了

(2)修改ruoyi的数据库配置文件

数据库配置文件的地址如下:

RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml

参考修改如下:

注意:请修改成你电脑上的mysql的数据库配置。

(3)修改redis配置

我们首先启动本地redis,如果你的redis没有修改过,那它默认是没有密码的,

ruoyi有关redis的配置在下面这个文件中

RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml

这些默认是不需要修改的。

(4)启动

选择DEBUG启动

看到控制台输出下面的内容表示后台启动成功

4.运行前端

首先需要安装node,若依推荐安装node8.9以上版本,版本太低无法正常构建项目。不会安装的可以参考下面的文章。

windows下npm的安装配置及使用 – 每天进步一点点

我们右击“ruoyi-ui”文件夹,选择“打开于”——“终端”

我们首先切换一下淘宝源:

npm config set registry https://registry.npmmirror.com

然后查看一下是否切换成功

npm config get registry

过程如下:

然后在控制台里输入

npm instal

等待下载前端依赖文件

然后打开package.json文件,查看运行脚本

在控制台里输入

npm run dev

等待一会,前端开始启动,启动以后会自动打开浏览器。

浏览器打开如下:

输入验证码后,点击“登录”,默认界面如下:

这样,一个初始的若依就搭建完毕了。