快速上手

技术栈

环境要求

• JDK = 1.8
• MySQL = 8.0
• Maven = 3.8.x
• Node = 14
• Redis = 6

java 后端使用框架主要技术

• 基础框架：Spring Boot 2.1.3.RELEASE
• 持久层框架：Mybatis-plus_3.1.2
• 安全框架：Apache Shiro 1.4.0，Jwt_3.7.0
• 数据库连接池：Druid 1.1.10
• 缓存框架：redis
• 日志打印：logback
• 其他：fastjson，poi，Swagger-ui，quartz, lombok
• Flowable：工作流和业务流程管理引擎，支持复杂的流程设计和管理。
• 文件存储：OSS对象存储,aws-java-sdk-s3_1.12

Vue 前端使用框架主要技术

• node_v12/16
• Webpack
• vue-cropper - 头像裁剪组件
• Ant Design of Vue
• @antv/g2 - Alipay AntV 数据可视化图表
• Viser-vue - antv/g2 封装实现

获取源码

# GitHub仓库地址
git clone https://github.com/huangxing2010/ry-vue-flowable-xg

# Gitee仓库地址
git clone https://gitee.com/xnqysabout/ry-vue-flowable-xg

安装

JDK、Maven、Mysql、Node.js安装及有关环境变量安装步骤省略...

后端安装步骤

• 1、git拉取源码；
• 2、导入开发环境idea；
• 3、配置maven;
• 4、导入数据库

# 数据库存放目录：
script/sql/mysql/ry-vue-flowable-xg.sql

• 5、数据库链接配置修改

# 本地开发环境配置文件：src/main/resources/application-dev.yml
 url: jdbc:mysql://localhost:3308/ry-vue-flowable-xg?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8&autoReconnect=true&rewriteBatchedStatements=true&nullCatalogMeansCurrent=true
 username: root
 password: root

• 6、启动项目

# 当出现下面字符，恭喜你，启动成功！
(♥◠‿◠)ﾉﾞ  RuoYi-Flowable-Plus启动成功   ლ(´ڡ`ლ)ﾞ

前端安装

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev

浏览器访问 http://localhost:80

前端发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

接口配置

ruoyi-ui/vue.config.js

  # webpack-dev-server 相关配置
  devServer: {
    host: '0.0.0.0',
    port: port,
    open: false,
    proxy: {
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
      # 改为后端地址和端口
        target: `http://localhost:8078`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },
    disableHostCheck: true
  },

登录

本地前后端运行启动成功后输入超级管理员账号密码：admin/admin123