Flowable+springboot设计器改造

Flowable+springboot设计器改造
本次改造我在网上下了一个springboot+flowable的项目,然后在此基础上修改的。但这个也是在flowable官网设计器的基础上稍加调整而成的。哈哈 小弟也是借花献佛。
一、 改造节点属性:flowable确实很强大,但很多的节点属性用不上,而且我们想要的节点属性却没有。于是我隐藏了很多用不到的属性.最后剩下的也就如下图:
在这里插入图片描述

添加和修改这些属性主要在stencilset_cmmn.json和stencilset_bpmn.json 文件中。这样我个人觉得不是很乱了…那么多的属性实际中我们也用不上。
上图中还有我自定义的节点属性:节点属性、用户分配、任务表单等。还要说一点前端是在anglar JS写的,虽然不怎么会,百度着也能大概玩玩。

1、 节点属性
在这里插入图片描述

  1. stencilset_bpmn.json中添加
    【id】这个属性是要特别注意的,后期在工作流运转的时候,需要根据【id】去获取该实例节点的值。具体如果获取,可以百度下“Flowable如果获取自定义属性”。
    {
    “name”: “taskType”,
    “properties”: [
    {
    “id”: “tasktypesel”,
    “type”: “tasktype-combobox”,
    “title”: “节点类型”,
    “value”: “不选”,
    “description”: “节点类型”,
    “popular”: true
    }
    ]
    }
  2. resources\static\editor-app\configuration\properties.js
    “tasktype-combobox” : {
    “readModeTemplateUrl”: “editor-app/configuration/properties/default-value-display-template.html”,
    “writeModeTemplateUrl”: “editor-app/configuration/properties/task-type-write.html”
    },
  3. default-value-display-template.html
不选 发起节点 运行节点 结束节点
  1. task-type-write.html
    {{property.value|limitTo:20}}

    PROPERTY.EMPTY
  2. stencilset_bpmn.json中添加:这里代码就不复制了,只是在“用户任务”中吧taskType添加上就可以了。

2、用户分配
和“节点属性类型”类似,我就不一一的解释了
在这里插入图片描述

3、表单分配
和“节点属性类型”类似,我就不一一的解释了
在这里插入图片描述

二、 读取自定义节点
我写的并不是很全面,但网上有很多写法。我把我自己的源码也展示出来:
在这里插入图片描述

我的git地址 https://github.com/dyJoin/flowable