若依框架二次开发 - 前后端分离版

简介

RuoYi-Vue 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务。

以上是来自若依官网的一段简介。

若依官网:http://ruoyi.vip
演示地址:http://vue.ruoyi.vip
代码下载:https://gitee.com/y_project/RuoYi-Vue

环境搭建

可以考虑把 Redis 和 MySQL 环境部署在 Docker 或虚拟机中,这样可以保持物理机干净整洁。

IDE

JetBrains IDEA 或 VSCode,本文均使用 IDEA。

如果您是在校大学生,使用教育邮箱可以申请免费使用教育版。

JDK

JDK >= 1.8

如果需要学习如何下载,可以看我的另一篇文章:OpenJDK - LibericaJDK

Maven

Maven >= 3.0

如果需要学习如何搭建环境,可以看这篇文章:Maven 环境搭建

Node

Node >= 12

如果需要学习如何搭建 NVM 环境,看这里:NVM 环境 - Windows

Redis

Redis >= 3

Docker 部署:Docker 部署 Redis

MySQL

MySQL >= 5.7

Docker 部署:Docker 部署 MySQL

VMware 环境(可选)

下载和安装虚拟机软件:安装 VMware Workstation Pro

虚拟机安装 CentOS 7.6:安装 CentOS 7.6 - VMware

CentOS 7.6 安装 Docker:CentOS 7.6 中安装 Docker

安装 Docker 图形化操作界面:Docker 部署 Portainer

开始使用

拉取代码

官方仓库下载:https://gitee.com/y_project/RuoYi-Vue

方法一:直接下载解压

直接打开上方 URL,点击下载即可。

前提是要先登录,否则会弹窗提示:

前往登录,登录后会自动刷新,然后再点击下载。

有个滑动验证码,需要先过验证。

下载完成后解压,直接解压到一个地方存着。

方法二:git clone

找一个存放项目的位置,然后打开命令行。

执行:

1
git clone https://gitee.com/y_project/RuoYi-Vue.git

前提是已经安装好了 git 工具。

方法三:GitHub Desktop

git 的可视化操作工具

选择 URL,填写若依的仓库 URL,选择保存的路径,点“Clone”拉取。

项目

整体结构

数据库

定位文件

先把 sql 文件夹的数据库文件导入到 mysql 数据库中。

quartz 为可选,与任务调度框架有关,需要使用时再导入。

ry_20230706 为必须,若依框架的核心 sql。

可以使用 Navicat 或者 DataGrip 等管理工具导入。

这里使用 DataGrip 演示。

导入

首先,连接 MySQL 数据库。(连接方法参考:传送门

在连接的数据库上右键,新建一个数据库,如图操作:

名称可以自定义,编码选择:

1
utf8mb4_general_ci

编码部分支持智能补全,可以直接复制粘贴过去。

点击“OK”即创建完成。

接着在新建的数据库上右键,导入 sql 脚本执行。

可以按住 CTRL 键多选,选好后直接点击“OK”。

导入完成后,可以展开看一看:

后端

导入到 IDEA

方法一:直接拖入

把文件夹拖到 IDEA 的 LOGO 上,可以直接打开导入。

方法二:手动打开

有个弹窗,点击信任项目。

修改 Java 配置

如图点击。

添加一个 JDK,如果已经有 SDK 可用,可以用默认的,否则需要手动 指定。

例如,选择 JDK 1.8

然后还有几个地方需要同步改一下。

然后点击底部的“OK”按钮。

修改 Maven 配置(按需)

一般自带的够用了。如果有特别的设置,可以修改为自己的。

首先打开设置

进入 Maven 设置,选择 Use Maven wrapper

点击后面的三个点,选择自己的 Maven(参考:Maven 环境搭建

顺手把 User settings file 也选一下

Local repository 同理

修改完成的设置

然后左边选择 Maven - Runner,把第一个框框勾上

设置完成。

修改工程配置

文件上传路径修改,按自己的实际情况修改,配置文件路径:

1
ruoyi-admin/src/main/resources/application.yml

修改样例,例如直接放在工程目录下:

修改 mysql 数据库连接信息,配置文件路径:

1
ruoyi-admin/src/main/resources/application-druid.yml

只需将图中打箭头的部分改成自己的就可以。

修改 redis 配置,配置文件路径:

1
ruoyi-admin/src/main/resources/application.yml

修改成自己的就可以。

修改日志路径,配置所在文件:

1
ruoyi-admin/src/main/resources/logback.xml

例如,修改成工程目录下:

运行

打开主方法所在文件

点击主方法旁边的小三角形,运行

启动成功

如果有报错,可以尝试重启 IDEA,并执行一下 mvn clean 然后 mvn install。

mvn 的操作如图,直接双击即可执行:

浏览器访问一下测试:

1
localhost:8080

后端运行成功。

前端

IDEA 非常强大,可以直接在 IDEA 中再运行一个前端。

后端可以不关闭,保持运行。

运行

展开 ruoyi-ui 目录,在 package.json 上右键,点 Show npm Scripts

得到一个 npm 的菜单

可以按住 npm 三个字母的地方,将菜单拖到右边

这样会更方便操作

打开控制台

进入 ruoyi-ui 文件夹

1
cd ruoyi-ui

执行:

1
npm install

如果比较慢,可以配置镜像源。(参考:NVM 环境 - Windows:配置镜像源

不出意外的话,前端跑起来了。

可能的意外:高版本 Node 可能会报错。(如果没有报错滑过去这部分就可以)

1
emitting CompressionPlugin ERROR  Error: error:0308010C:digital envelope routines::unsupported

报错原因:

Node 17 版本开始 OpenSSL 3.0 对允许算法和密钥大小增加了严格的限制。

解决方案:

简单粗暴,使用 Node 17 以下的版本。如果想折腾,使用搜索引擎寻找其他解决方案。

换用版本可以参考:NVM 环境 - Windows

IDEA 修改 Node 版本的方法:

首先,进入配置页面

选到 node.exe

看一眼这个是否与上面选好的一致

点击下方的“OK”保存。

然后点一下运行

如果还是报错,就复制错误到浏览器搜索即可。

访问

直接访问,运行成功后也会自动打开跳转。

默认是:

1
localhost

控制台也有输出:

默认账号密码:

1
2
3
4
5
# 用户名
admin

# 密码
admin123

默认已经填写

登录成功


··· EOF ···


> 喜欢文章,支持一下 <

若依框架二次开发 - 前后端分离版
https://www.lechnolocy.cn/2023/07/04/若依框架二次开发 - 前后端分离版/
作者
Lechnolocy
发布于
2023年7月4日
许可协议