[ Flowable ] 与modeler流程设计器整合教程

Flowable 与 modeler 流程设计器整合方案

本教程基于Flowable 6.2.1 ,破解 flowable-idm的权限登录,整合SpringMVC实现maven动态导入jar包,期间遇坑无数,写下此文,还望对各位学习工作流的小伙伴有所帮助!


一、准备工作

1、flowable-modeler 获取

[ Flowable ] 与modeler流程设计器整合教程_第1张图片
下载链接>>>

2、资源文件解压并导入SpringMVC项目

[ Flowable ] 与modeler流程设计器整合教程_第2张图片

/** 配置静态资源路由*/














3、调整flowable-modeler前端访问路径

[ Flowable ] 与modeler流程设计器整合教程_第3张图片

4、模拟登录接口(破解idm的权限校验)

  • 后台登录(可在此处向己方人员系统做切换,前端缓存人员token信息或是利用session皆可)
package cn.com.showclear.activiti.controller.data;

import cn.com.showclear.common.resp.RespMapJson;
import com.wordnik.swagger.annotations.Api;
import com.wordnik.swagger.annotations.ApiOperation;
import org.flowable.idm.pojo.AppUser;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;


/**
 * 模拟登录
 * @author YF-XIACHAOYANG
 * @date 2018/1/30 11:18
 */
@RestController
@RequestMapping("/data/modeler/")
public class FlowableModelerRestController {

    @RequestMapping("account")  
    public RespMapJson account() {
        AppUser user = new AppUser("2017","activiti","scooper","scooper-activiti");
        return new RespMapJson().setData(user);
    }
}

  • 前端登录接口替换

[ Flowable ] 与modeler流程设计器整合教程_第4张图片

二、app-rest接口导入和破解

由于flowable-modeler的流程设计器页面很多操作会访问后台接口,在非maven的框架下,有人是通过导入jar包来实现的,在maven的框架下,我采用导入jar包源码并覆盖扫描的方式来实现后台servlet接口的实现。

1、pom



    org.flowable
    flowable-ui-modeler-rest
    ${flowable.version}




    org.flowable
    flowable-ui-modeler-conf
    ${flowable.version}

2、源码覆盖二度扫描注入

解决扫描注入失败的问题,解决部分接口和配置文件加载路径调整的问题,其他可能涉及到需要修改接口的问题。

> 源码导入(方便复写)

[ Flowable ] 与modeler流程设计器整合教程_第5张图片

> web.xml 添加路由映射
/*在web.xml中添加路由映射*/


     springmvc
     org.springframework.web.servlet.DispatcherServlet
     
     
         contextConfigLocation
         classpath:/config/spring/spring-servlet.xml
     
     1
 
 
 
     springmvc
     /
 

 
 
     appDispatcherServlet
     org.springframework.web.servlet.DispatcherServlet
     
     
         contextConfigLocation
         classpath:/config/flowable/app-servlet.xml
     
     1
 
 
     appDispatcherServlet
     /app/*
 
> 添加配置:扫描注入

[ Flowable ] 与modeler流程设计器整合教程_第6张图片

> 汉化:主要是修改stencilset_bpmn.json文件(百度一下可以找到很多)

[ Flowable ] 与modeler流程设计器整合教程_第7张图片

效果:

[ Flowable ] 与modeler流程设计器整合教程_第8张图片

[ Flowable ] 与modeler流程设计器整合教程_第9张图片

[ Flowable ] 与modeler流程设计器整合教程_第10张图片

备注

1、数据库操作请使用c3p0,因为flowable-modeler中使用的是这个,避免冲突。
2、由于静态资源在项目中,所以样式的修改完全可以自定义。

参考

# 基本知识
    1、c3p0 Spring 配置
    http://blog.csdn.net/l1028386804/article/details/51162560
    2、Flowable基础五 Flowable 数据库配置
    http://www.shareniu.com/article/98.htm
    3、[ github ] flowable-engine
    https://github.com/flowable/flowable-engine/tree/flowable-6.2.1
    4、flowable使用
    http://www.shareniu.com/article/19.htm
    5、flowable 集成spring boot
    http://www.shareniu.com/article/81.htm
    6、Flowable基础十四 Flowable modeler汉化
    http://www.shareniu.com/article/108.htm
    7、Flowable无法登录
    http://www.shareniu.com/article/174.htm
    8、flowable 官网
    http://www.flowable.org/
    9、activiti自定义流程之Spring整合activiti-modeler实例(一):环境搭建
    http://blog.csdn.net/hj7jay/article/details/51149026
    10、如何整合Flowable-modeler到自己的项目中
    http://veevv.com/2017/03/17/flowable-modeler-integrate/
    11、springboot整合flowable
    http://blog.csdn.net/zl1zl2zl3/article/details/78921162
    12、flowable与modeler整合
    http://www.shareniu.com/article/52.htm
    13、取消验证
    http://veevv.com/2017/03/17/flowable-modeler-integrate/
    14、国际化
    https://www.cnblogs.com/liukemng/p/3750117.html
    

# 通用

    1、maven 源码
    http://www.mvnjar.com/

    2、手册
    https://tkjohn.github.io/flowable-userguide/

更多

扫码关注“架构探险之道”,获取更多源码和文章资源

[ Flowable ] 与modeler流程设计器整合教程_第11张图片

知识星球(扫码加入获取源码和文章资源链接)

[ Flowable ] 与modeler流程设计器整合教程_第12张图片


加入“知识星球”直接获取源码

Tips

  1. 此处导入的源码是针对需要修改的conf、rest部分的代码

  2. 分享的链接在整合前请先整体浏览下,本文主要是介绍思路来源和实现方案介绍(个人觉得思路非常重要)


20190331

  • 增加最新Flowable 6.4.1和Spring Boot 整合流程设计器的源码[含鉴权破解、汉化](知识星球)
    文章链接点这里>>>>
  • 上传Spring MVC和Flowable Modeler 破解源码(知识星球)

你可能感兴趣的:(Activiti)