Flowable流程设计器扩展节点自定义属性

本文介绍如何在Flowable流程设计器中自定义扩展节点属性,包括前后端的修改步骤及注意事项,以UserTask为例,详细讲解了从原理理解到实际操作的过程。

Flowable流程设计器节点扩展自定义属性

1. 一些前提

  1. 设计器前后端分离。
  2. 前端使用nginx进行代理访问,并增加转发的头部信息X-Authorization,其token值可以调用登录接口获取。保持接口登录状态
  3. 后台接口以jar包的形式引入相关接口,屏蔽掉idm等模块功能和配置。具体配置参见FlowableModelerRestApiAutoConfiguration自动配置类。最后复制flowable源码中org.flowable.ui.common.security.SecurityUtils.java文件到项目中,保持路径不变,用于覆盖源码的工具类以实现使用自定义的SecurityContext。

2. 设计器实现原理简述

  1. 设计器页面加载时访问后台接口,获取stencilset_bpmn.json文件内容,得到所有模具元素和相关属性配置。然后获取要编辑的流程的详情,最终完成页面渲染生成。
  2. stencilset_bpmn.json文件主要包含四个部分的内容,如下图所示
  • 基本信息:设计器的基本属性(编辑器名称,命名空间,描述)
  • 属性包:定义流程图中所有节点的属性,可以组合成不同的“属性包”。
  • 模型:流程设计可使用的模型,即界面左侧可拖动放置的模具元素。其中包含该模具在画布上放置时的样式,以及多个“属性包”,当拖动一个模具到画布时,下方属性面板将渲染属性包的相关属性。
  • 规则:定义一些限制规则,例如空的启动事件不允许有输入流,结束事件不允许有输出流
    stencilset_bpmn.json结构
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值