Flowable 與 modeler 流程設計器整合方案

本教程基於Flowable 6.2.1 ，破解 flowable-idm的許可權登入，整合SpringMVC實現maven動態匯入jar包，期間遇坑無數，寫下此文，還望對各位學習工作流的小夥伴有所幫助！

一、準備工作

1、flowable-modeler 獲取

2、資原始檔解壓並匯入SpringMVC專案

/** 配置靜態資源路由*/
<!-- don't handle the static resource -->
<mvc:default-servlet-handler />
 

<!-- if you use annotation you must configure following setting -->
<mvc:annotation-driven />

<!-- 靜態資原始檔對映，不會被Spring MVC攔截 -->
<mvc:resources mapping="/js/**" location="/static/js/"/>
<mvc:resources mapping="/css/**" location="/static/css/"/>
<mvc:resources mapping="/plugin/**" location
 
="/static/plugin/"/>
<mvc:resources mapping="/images/**" location="/static/images/"/>
<mvc:resources mapping="/resource/**" location="/static/resource/"/>
<mvc:resources mapping="/html/**" location="/static/html/"/>
<mvc:resources mapping="/swagger/**" location="/swagger/"/>
<mvc:resources mapping
 
="/modeler/**" location="/modeler/"/>

3、調整flowable-modeler前端訪問路徑

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);
    }
}

• 前端登入介面替換

二、app-rest介面匯入和破解

由於flowable-modeler的流程設計器頁面很多操作會訪問後臺介面，在非maven的框架下，有人是通過匯入jar包來實現的，在maven的框架下，我採用匯入jar包原始碼並覆蓋掃描的方式來實現後臺servlet介面的實現。

1、pom

<!--流程設計器-->
<dependency>
    <groupId>org.flowable</groupId>
    <artifactId>flowable-ui-modeler-rest</artifactId>
    <version>${flowable.version}</version>
</dependency>

<!--路由配置-->
<dependency>
    <groupId>org.flowable</groupId>
    <artifactId>flowable-ui-modeler-conf</artifactId>
    <version>${flowable.version}</version>
</dependency>

2、原始碼覆蓋二度掃描注入

解決掃描注入失敗的問題，解決部分介面和配置檔案載入路徑調整的問題，其他可能涉及到需要修改介面的問題。

> 原始碼匯入（方便複寫）

> web.xml 新增路由對映

/*在web.xml中新增路由對映*/
<!-- 配置Spring核心控制器 -->
<servlet>
     <servlet-name>springmvc</servlet-name>
     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
     <!--可以不配置.預設所對應的配置檔案是WEB-INF下的{servlet-name}-servlet.xml，這裡便是：spring-servlet.xml
     -->
     <init-param>
         <param-name>contextConfigLocation</param-name>
         <param-value>classpath:/config/spring/spring-servlet.xml</param-value>
     </init-param>
     <load-on-startup>1</load-on-startup>
 </servlet>
 <!--這裡可以用 / 但不能用 /*，攔截了所有請求會導致靜態資源無法訪問，所以要在spring-servlet.xml中配置mvc:resources-->
 <servlet-mapping>
     <servlet-name>springmvc</servlet-name>
     <url-pattern>/</url-pattern>
 </servlet-mapping>

 <!-- 配置floeable-app-rest控制器 -->
 <servlet>
     <servlet-name>appDispatcherServlet</servlet-name>
     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
     <!--可以不配置.預設所對應的配置檔案是WEB-INF下的{servlet-name}-servlet.xml，這裡便是：spring-servlet.xml
     -->
     <init-param>
         <param-name>contextConfigLocation</param-name>
         <param-value>classpath:/config/flowable/app-servlet.xml</param-value>
     </init-param>
     <load-on-startup>1</load-on-startup>
 </servlet>
 <servlet-mapping>
     <servlet-name>appDispatcherServlet</servlet-name>
     <url-pattern>/app/*</url-pattern>
 </servlet-mapping>

> 新增配置：掃描注入

> 漢化：主要是修改stencilset_bpmn.json檔案（百度一下可以找到很多）

效果：

備註

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獲取原始碼

Tips

1. 此處匯入的原始碼是針對需要修改的conf、rest部分的程式碼

2. 分享的連結在整合前請先整體瀏覽下，本文主要是介紹思路來源和實現方案介紹（個人覺得思路非常重要）