camunda快速入门(三):设计表单和审批流程

三、设计一个人工任务流程并配置表单

在本节中,您将学习如何使用 BPMN 2.0 用户任务让人类参与到您的流程中。

1、添加用户任务活动节点

我们想修改我们的流程,以便我们可以让人类参与进来。

为此,请在 Camunda Modeler流程建模工具中打开该过程。

选择创建/删除空间工具 (<||>),并使用它来在“开始事件”和“Charge Credit Card(从信用卡中扣款)”服务任务之间创建空间(单击并将光标拖动到右侧)。

接下来,从建模器的左侧菜单中,选择活动形状(圆角矩形),并将其拖动到“开始事件”和“从信用卡中扣款”服务任务之间的位置。将其命名为“Approve Payment(批准付款)”。

将用户任务添加到流程 (4_6) _docs.camunda.org406

通过单击活动类型并使用扳手按钮菜单将活动类型更改为“用户任务”。

2-将用户任务添加到流程(1)

2、配置用户任务处理人

接下来,打开属性视图。如果属性视图尚不可见,请单击 Modeler 画布右侧的“属性面板”标签。

在画布上选择“用户任务”。这将更新属性视图中的选择。滚动到名为 Assignee的属性。键入 demo 以在进程运行后自动将任务分配给演示用户。

3-设置流程处理人

3、在用户任务中配置表单

此步骤也将在属性面板中进行。如果面板尚不可见,请单击 Modeler 画布右侧的“属性面板”标签。

在画布上选择“用户任务”,单击属性面板中的Forms选项卡。

本指南使用Camunda Forms将表单添加到流程中。我们将创建一个名为payment.form的表单。设置以下字段以将此过程链接到您将要创建的表单:

  • Type: Embedded or External Task Forms
  • Form Key: camunda-forms:deployment:payment.form

01-表单配置

4、通过表单设计器设计表单

现在,通过单击“文件”>“新建文件”>“表单”创建新表单Form_Payment。

01-表单设计器

您可以通过从左侧的表单组件中拖放元素来添加表单字段。添加以下三个表单字段:

字段 1:

  • Type: Number
  • Key: amount
  • Field Label: Amount

02-表单字段1

字段 2:

  • Type: Text Field
  • Key: item
  • Field Label: Item

03-表单字段2

字段 3:

  • Type: Checkbox
  • Key: approved
  • Label: Approved?

04-表单字段3

最后,将表单另存为 payment.form

5、部署流程和表单

  1. 切换回流程图
  2. 单击 Camunda Modeler 中的 Deploy 按钮
  3. 在部署面板中,选择“包括其他文件”下的文件payment.form
  4. 单击“部署”

1-部署流程

6、发起流程验证

转到任务列表 (http://localhost:8080/camunda/app/tasklist/) 并使用用户“demo / demo”登录。点击启动流程按钮启动流程实例。这将打开一个对话框,您可以在其中从列表中选择Payment Retrieval 流程。现在,您可以使用表单为流程实例设置变量了。

IMG_267

单击“ Add a variable(添加变量)”按钮以创建新行,填写表单完成后,单击“Start(开始)”启动一个流程。

提示:

如果在任务列表中看不到任何任务,则可能需要一个筛选器。通过单击左侧的添加简单过滤器来添加一个过滤器。

现在,您应该会在任务列表中看到“ Approve Payment(批准付款)”任务。选择任务,然后单击“图表”选项卡。这将显示流程图,突出显示等待处理的用户任务。

2-待办任务流程实例

若要处理该任务,请选择“Form 窗体”选项卡。由于我们在 Camunda Modeler 的“Form 表单”选项卡中定义了变量,因此“任务列表”已为我们自动生成表单字段。

3-待办任务表单

7、源码和文档

在线体验系统:http://www.yunchengxc.com

源代码下载:https://github.com/camunda/camunda-get-started-quickstart/archive/Step-3.zip

官方文档地址:https://docs.camunda.org/get-started/quick-start/user-task/

接下来,让我们看一下如何将网关添加到流程中,让流程变得更加动态,通过网关执行控制不同的流程走向。

posted @ 2024-07-08 17:29  大龄码农有梦想  阅读(577)  评论(0编辑  收藏  举报