flowable 配置自定义表单_Flowable用代码自定义流程

项目集成flowable有段时间了,发现行业的流程业务全是一条直线加3,4个人工审核的节点,并没有分支网关等其它节点。因此原来用的model设计器组件多参数复杂,客户现场的体验不是很好。所以根据现场的实际业务自己调api的方式实现个简单的流程设计器。

最终的实现的效果是由开始节点[StartEvent]和结束结点[EndEvent]及用户任务节点[UserTask]组成的直线审核流程,并兼容用原生的流程设计器打开编辑。最终的效果如下图所示:

最终的效果

前端界面设计介绍,用户界面可以增加节点,删除节点。对节点命名,定义节点的审核用户[普通用户或角色],具体效果图如下所示:

用户界面

定义收集前端参数的对象,具体代码如下所示

@Data

public class ProcessParam {

//流程ID

private String modelId;

//流程定义key

private String key;

//流程名字

private String name;

//流程节点

private List tasks;

//开始结点名称

private String startNodeName;

//结束节点名称

private String endNodeName;

}

@Data

public class TaskParam {

public TaskParam(){

}

public TaskParam(String name,String no,String userType,List userOrRoleIds,String userOrRoleName){

this.name = name;

this.no = no;

this.userType = userType;

this.userOrRoleIds = userOrRoleIds;

this.userOrRoleName = userOrRoleName;

}

//节点名称

private String name;

//节点编号

private String no;

//审核用户类型 用户(user)或角色(role)

private String userType;

//审核用户或角色id

private List userOrRoleIds;

//用户或角色名称

private String userOrRoleName;

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flowable 提供了许多适用于业务流程建模和执行的表单组件,但是有时候我们需要使用自定义表单来满足特定的业务需求。下面是使用 Flowable 自定义表单的一些步骤: 1. 创建表单文件 可以使用 HTML、JavaScript、CSS 等技术来创建表单文件。常见的方式是使用 HTML 和 JavaScript 来创建表单。可以在表单中添加各种输入框、下拉框、复选框等组件。 2. 将表单文件上传至 Flowable 打开 Flowable表单设计器,在设计器的左侧菜单栏中选择“表单”选项卡,然后点击“新建表单”按钮。在弹出的对话框中,选择“上传表单文件”选项,然后选择刚才创建的表单文件并上传。 3. 创建表单模板 在表单设计器中,点击“新建表单模板”按钮。在弹出的对话框中,选择刚才上传的表单文件并设置表单模板的名称和描述。然后,可以在表单设计器中对表单模板进行设置和编辑,例如添加表单字段、设置表单显示样式等。 4. 使用表单模板 创建业务流程时,在流程定义中选择刚才创建的表单模板作为表单。在流程实例执行时,用户可以根据表单模板填写表单数据,并提交表单。 以上是使用 Flowable 自定义表单的基本步骤。需要注意的是,在创建表单文件时,需要考虑表单组件的命名、数据类型等问题,以便在后续的流程定义和执行中正确地处理表单数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值