若依框架的基本使用

目录

一、若依简介

二、环境搭建

三、代码部署

3.1 代码下载

3.2 在idea中部署后端

3.2.1 连接MySQL

3.2.2 连接Redis

3.2.3 修改SpringBoot运行端口（可跳过）

3.2.4 启动服务

3.3 在idea中部署前端

3.3.1 打开项目

3.3.2  修改连接的后端端口（非必选）

 3.3.3 构建并运行

 3.3.4 登录

一、若依简介

官网：https://ruoyi.vip/

若依（RuoYi） 是一个基于 Spring Boot 和 Vue 的开源权限管理系统，用于快速搭建企业级后台管理系统。通过部署若依源码，我们可以快速在此框架的基础上进行二次开发。

此篇文章主要介绍若依的前后端分离项目。

二、环境搭建

本地电脑需要包含的环境包括：

JDK1.8+

MySQL

Redis

Maven

Vue

请先安装好以上的环境

三、代码部署

3.1 代码下载

打开官网，下载前端分离版的

点击克隆，下载zip文件即可。

3.2 在idea中部署后端

将下载的代码进行解压缩，然后使用idea打开RuoYi-Vue-master文件夹

3.2.1 连接MySQL

在本地电脑新建ruoyi_vue数据库，然后直接运行以下两个sql文件

打开ruoyi-admin/src/main/resources/application-druid.yml文件 ，将数据库信息修改为自己的

3.2.2 连接Redis

先将本地的Redis服务运行起来，然后打开 ruoyi-admin/src/main/resources/application.yml文件，在第70行的位置可以看见Redis配置信息。将端口和密码改为自己的即可。

3.2.3 修改SpringBoot运行端口（可跳过）

打开 ruoyi-admin/src/main/resources/application.yml文件，在第17行的位置可以看见端口为8080，将其修改为8087。当然，如果8080端口没有被占用，也可以不修改。

3.2.4 启动服务

打开ruoyi-admin/src/main/java/RuoYiApplication文件，点击运行按钮即可。

可以看到启动成功了，端口为8087 

打开localhost:8087进行查看，至此，后端部署完毕。

3.3 在idea中部署前端

3.3.1 打开项目

在idea新窗口中打开ruoyi-ui文件夹

3.3.2  修改连接的后端端口（非必选）

打开vue.config.js文件，可以看见原来的后端端口为8080，将其改为我们使用的端口，即8087

 3.3.3 构建并运行

打开命令行，在ruoyi-ui目录下依次执行npm install ，npm run dev命令，即可将项目运行起来

可以看见我们的前端项目的端口为81，打开进行查看 

 3.3.4 登录

重新返回后端代码文件，打开README.md文件，可以看见登录用户和密码为admin和admin123，输入验证码，然后点击登录

至此，前端部署完毕。