SpringBoot集成Flowable modeler设计器

旧城等待， 2022-10-07 10:49 494阅读 0赞

具体集成步骤如下：

1.获取flowable-modeler源码

百度网盘：https://pan.baidu.com/s/1i7\_G5\_CN0NsbZRtaoDRCyA  
提取码：55rx

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70][]

2.把flowable-ui-modeler-app\\src\\main\\resources\\static下面的代码拷贝到我们自己的工程static下面。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 1][]

3.引入相关maven配置

<flowable.version>6.4.1</flowable.version>
                
                <dependency>
                    <groupId>org.flowable</groupId>
                    <artifactId>flowable-spring-boot-starter</artifactId>
                    <version>${flowable.version}</version>
                </dependency>
    
                
                <dependency>
                    <groupId>org.flowable</groupId>
                    <artifactId>flowable-ui-modeler-rest</artifactId>
                    <version>${flowable.version}</version>
                </dependency>
    
                <dependency>
                    <groupId>org.flowable</groupId>
                    <artifactId>flowable-json-converter</artifactId>
                    <version>${flowable.version}</version>
                </dependency>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 2][]flowable官方设计器是带有一套自己的权限系统，在集成到DingFlow时是需要绕过登录。

4.Springboot启动类配置排除springsecurity认证

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 3][]

5.flowable获取用户是调用idm服务，这里重写获取用户信息接口；

前端在scripts ->configuration->url-config.js

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 4][]

后端接口示例（目前是写死的）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 5][]

@RestController
    @RequestMapping("/app")
    public class AppRestResource {
    
        @GetMapping("/rest/account")
        public String getAccount() {
            // 参考官方提供的响应数据
            return "{\"id\":\"admin\",\"firstName\":\"Test\",\"lastName\":\"Administrator\",\"email\":\"admin@flowable.org\",\"fullName\":\"Test Administrator\",\"groups\":[],\"privileges\":[\"access-idm\",\"access-rest-api\",\"access-task\",\"access-modeler\",\"access-admin\"]}";
        }
    }

6.添加流程时会用到用户id，通过拦截器重置用户信息

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 6][]

package com.ruoyi.framework.config;
    
    
    import org.flowable.idm.api.User;
    import org.flowable.idm.engine.impl.persistence.entity.UserEntityImpl;
    import org.flowable.ui.common.security.SecurityUtils;
    import org.springframework.stereotype.Component;
    import org.springframework.web.servlet.HandlerInterceptor;
    import org.springframework.web.servlet.ModelAndView;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    @Component
    public class CustomHandlerInterceptor implements HandlerInterceptor {
    
        @Override
        public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) {
            String servletPath = request.getServletPath();
    
            if (servletPath.endsWith(".css") || servletPath.endsWith(".js") || servletPath.endsWith(".jpg")
                    || servletPath.endsWith(".png")) {
                return true;
            }
    
            if (servletPath.startsWith("/app")) {
                User user = new UserEntityImpl();
                user.setId("admin");
                SecurityUtils.assumeUser(user);
            }
    
            return true;
        }
    
        @Override
        public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
                               ModelAndView modelAndView) throws Exception {
            HandlerInterceptor.super.postHandle(request, response, handler, modelAndView);
        }
    
        @Override
        public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
                throws Exception {
            HandlerInterceptor.super.afterCompletion(request, response, handler, ex);
        }
    
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 7][]

/**
         * 自定义拦截规则
         */
        @Override
        public void addInterceptors(InterceptorRegistry registry)
        {
            registry.addInterceptor(repeatSubmitInterceptor).addPathPatterns("/**");
            registry.addInterceptor(customHandlerInterceptor)
                    //告知拦截器：/static/admin/** 与 /static/user/** 不需要拦截 （配置的是 路径）
                    .excludePathPatterns("/static/**");
        }

7.配置 flowable的mapper文件classpath路径，让项目启动时flowable相关mapper可以被扫描到。

# MyBatis配置
    mybatis:
        # 搜索指定包别名
        typeAliasesPackage: com.ruoyi.**.domain
        # 配置mapper的扫描，找到所有的mapper.xml映射文件
        mapperLocations: classpath*:mapper/**/*Mapper.xml,classpath*:META-INF/modeler-mybatis-mappings/*.xml
        # 加载全局的配置文件
        configLocation: classpath:mybatis/mybatis-config.xml

8.修改myabtis配置文件,增加blobType对应的类型

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 8][]

9.FlowableCommonAppProperties中的这三个属性是没有配置，那就配置一下呗

# 随便配置，不会用到
    flowable.common.app.idm-url=a
    flowable.common.app.idm-admin.user=a
    flowable.common.app.idm-admin.password=a

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 9][]

10.mysql的连接字符串中添加上nullCatalogMeansCurrent=true，将schema默认设置为当前连接的schema

url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8&nullCatalogMeansCurrent=true

10.访问地址[http://localhost:8080/modeler/index.html\#/processes][http_localhost_8080_modeler_index.html_processes]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70]: /images/20221005/4ee4990e000642c593c8ea6548e536b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 1]: /images/20221005/93198f7306a141d6b2a3ffc277845a32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 2]: /images/20221005/31bf4032675144a491d80cf75297352a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 3]: /images/20221005/13c847df6ba044e79e39d7f1536dca66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 4]: /images/20221005/6da36b2746924d98aefcf26890a33984.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 5]: /images/20221005/a0c23f8bd4864e4a8f99f4d743a79846.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 6]: /images/20221005/9015117bb09f4ffb9d545504289bf65d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 7]: /images/20221005/23d2ce15642e49a3bce363596abb5a1f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 8]: /images/20221005/09c6c7fd39784f059c756d786baa154a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 9]: /images/20221005/b1f6d9b887084eff8632d84ad9813654.png
[http_localhost_8080_modeler_index.html_processes]: http://localhost:8080/modeler/index.html#/processes