简单步骤介绍

本地启动

  1. 下载代码

  2. 导入基础数据,下载的代码中有个sql文件夹,在数据库运行这里面的两个sql文件

  3. 分别将前后台代码导入IDEA里(可直接拖入)

  4. 启动Redis

  5. 在后台代码的application-druid.yml文件里修改数据库连接信息

    在application.yml里修改端口号以及Redis连接信息

  6. 分别启动前后端项目

服务器部署

若部署到一个远程服务器,服务器上需要有nginx、jdk、redis以及node环境。

  1. 前后台项目打包
  2. 将打包后的文件放在要部署的服务器上。
  3. 配置nginx信息,并重新加载。
  4. 启动redis服务。
  5. 启动后台jar包。

结束。(在浏览器中输入ip地址即可访问)

参考了很多教程,其中有一个我觉得讲的比较好的视频教程:
具体操作可参考此教程:去看教程

详细操作演示

本地启动

1、下载代码

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

下载并解压:
在这里插入图片描述
RuoYi-Vue文件夹里有一个ruoyi-ui文件夹,ruoyi-ui里为前端项目代码,将ruoyi-ui剪切出来:
在这里插入图片描述
此时:ruoyi-ui为前端项目代码;RuoYi-Vue为后端项目代码。

2、导入基础数据

打开RuoYi-Vue里有一个名为sql的文件夹
在这里插入图片描述

(自行提前创建数据库连接和建立库,注意记住账号密码)

在数据库运行这两个文件:

在这里插入图片描述
共30张表。

3、启动Redis

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-faJMdXL0-1623309205135)(Ruoyi启动并部署.assets/1623306208672.png)]
在这里插入图片描述

在这里插入图片描述

如果执行redis-server.exe redis.windows.conf出错的话,依次执行以下语句:

reids-cli.exe
shutdown
exit
然后再执行启动语句。

在这里插入图片描述

启动成功。

4、启动后端项目

将RuoYi-Vue文件夹直接拖入IDEA中:

在这里插入图片描述

导入后查看pom.xml文件是否报红,右键pom.xml文件:

在这里插入图片描述

Reimport后若还是不行,则可能需要设置一下Maven库的地址,请百度解决。

配置数据库连接信息:(application-druid.yml)

在这里插入图片描述

设置项目端口号信息:(application.yml)

在这里插入图片描述

默认为8080,但我的用8080会提示端口被占用。因此设置的是8081,也可以是别的。

设置Redis连接信息:(application.yml)

在这里插入图片描述

启动:

在这里插入图片描述

或者右键main方法启动:

在这里插入图片描述

出现如图所示则启动成功:

在这里插入图片描述

5、启动前端项目

前端项目可以像后端项目一样拖到IDEA启动,也可以在dos窗口命令启动,这里演示在dos窗口命令启动。

首先查看环境是否支持:

在这里插入图片描述

能显示出node和npm的版本号即可。

修改端口号使其与后端一致。打开ruoyi-ui文件夹中的vue.config.js文件:

在这里插入图片描述

cd到前端项目代码所在位置:

在这里插入图片描述

输入命令:

npm install --registry=https://registry.npm.taobao.org

在这里插入图片描述

在这里插入图片描述

结束后ruoyi-ui里会产生node_modules文件:

在这里插入图片描述

输入启动命令:

在这里插入图片描述

启动成功后会自动打开登录页面:(不要急,多等会儿)

在这里插入图片描述

前后端项目本地启动结束!

服务器部署

(待续。。。)

Logo

快速构建 Web 应用程序

更多推荐