Skip to content

快速开始

何文强 edited this page Mar 30, 2022 · 1 revision

准备工作

开发环境

  • JDK:1.8 11
  • Mysql:5.7+
  • Maven:3.6+
  • redis:5.0+
  • nodejs:12+
  • npm:6.X 8.X (7.X确认有问题)

推荐IDE

  • 后端使用 IntelliJ IDEA
  • 前端使用 IntelliJ WebStorm

IDE插件

  • Lombok Plugin(必装)

工程导入

导入 RuoYi-Flowable-Plus 项目

  1. 进入项目首页:https://gitee.com/KonBAI-Q/ruoyi-flowable-plus

  2. 复制 RuoYi-Flowable-Plus 的git地址

复制git地址

  1. 使用 IDEA Clone项目 输入图片说明

输入图片说明

若右下角弹出如下提示,则点击 Add as Maven Project,等待依赖jar包下载完毕。 若没有弹出窗口,并且左边栏的pom.xml显示如下图标样式。则按下图操作。 输入图片说明

  1. 若看到工程如下图,则说明导入成功 输入图片说明

打开前端 ruoyi-ui 项目

  1. 使用 WebStorm 打开 输入图片说明

  2. 导入成功 输入图片说明

  3. npm 安装

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

输入图片说明

导入数据库

  1. 打开Navicat(此处可以选择其他的客户端),新建一个数据库ry-flowable-plus 输入图片说明

  2. 找到 RuoYi-Flowable-Plus 项目 script->sql 文件夹下的sql脚本

目前只有MySQL的脚本是最完善的

输入图片说明

  1. 运行SQL脚本 输入图片说明 输入图片说明 输入图片说明

刷新即可看到导入的表了。

配置数据库信息

  1. 配置数据源信息 输入图片说明

  2. 配置redis信息 输入图片说明

工程运行

启动顺序

  1. 启动redismysql服务

  2. 启动后端和前端项目

前端项目运行

  1. 配置npm启动脚本 输入图片说明 输入图片说明

  2. 启动项目 输入图片说明 输入图片说明

后端项目运行

  1. 启动项目 输入图片说明 输入图片说明

  2. 首次启动会自动加载Flowable所需要的表 输入图片说明

访问项目

输入图片说明