首页 > 其他分享 >camunda快速入门(三):设计表单和审批流程

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

时间:2024-07-08 17:43:36浏览次数:14  
标签:入门 单击 流程 用户 表单 任务 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/

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

标签:入门,单击,流程,用户,表单,任务,camunda
From: https://www.cnblogs.com/hibpm/p/18290414

相关文章

  • vue table+form 表格+表单动态增加一行 数据 并进行数据校验
    本功能主要实现表格加表单并且在表格中添加一行新数据,进行数据表单校验1.使用el-form将el-table包裹起来实际代码不方便展现,大概是这个意思也可以参考element中的表单的动态增加案例地址:Element-Theworld'smostpopularVueUIframework<el-form:model="Form"ref=......
  • 学习canvas(初步入门)
    canvas一些基础api用法首先需要创建一个canvas<canvasid="canvas"></canvas>然后获取到这个元素,可以用Document.getElementById('canvas')constcanvas=document.getElementById("canvas");然后拿到他的上下文对象ctx(然后可以在上下文的位置绘制内容)constcan......
  • 入门PHP就来我这(高级)16 ~ 批量删除功能
    有胆量你就来跟着路老师卷起来!--纯干货,技术知识分享路老师给大家分享PHP语言的知识了,旨在想让大家入门PHP,并深入了解PHP语言。  本文给大家接着上篇文章进行图书删除功能的优化,实现批量删除图书的功能。 1添加删除按钮<divclass="panel-heading">......
  • 白帽工具箱:DVWA中CSRF攻击与防御的入门指南
    ......
  • c#表单
    usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Linq;usingSystem.Text;usingSystem.Windows.Forms;usingSystem.Threading;namespace表单{publicpartialclassForm1:......
  • 数据分析入门指南Excel篇:各类Excel函数概览与详解(二)
    在当今数字化时代,数据已成为推动业务决策和创新的关键因素。而表格结构数据,作为最常见的数据存储形式之一,广泛应用于财务、物流、电商等多个领域。本文将基于提供的材料文本,深入探讨表格数据的处理与分析,特别是通过Excel等电子表格软件中的函数应用,实现数据的快速查询、统计......
  • 简单实现联系表单Contact Form自动发送邮件
    如何实现简单ContactForm自动邮件功能?怎样简单设置?联系表单不仅是访客与网站所有者沟通的桥梁,还可以收集潜在客户的信息,从而推动业务的发展。AokSend将介绍如何简单实现一个联系表单,自动发送邮件的过程,并详细说明每个步骤。联系表单:个性设计一个好的联系表单应该简洁易用,......
  • Perl 语言入门学习
    Perl语言入门学习涉及多个方面,包括基础语法、变量、控制结构、函数、文件操作以及正则表达式等。以下是一个详细的Perl语言入门学习指南:一、Perl语言简介Perl是一种高级的、动态的、解释型的通用编程语言,由LarryWall于1987年开发。它具有简洁易读的语法,广泛用于文本处理、系......
  • Python中的面向对象编程:从入门到实践
    Python中的面向对象编程:从入门到实践一、引言面向对象编程(Object-OrientedProgramming,OOP)是Python语言中一个核心概念,它提供了一种处理程序复杂性的方法。通过OOP,我们可以使用对象和类的概念来模拟现实世界的实体和行为。本文将深入探讨Python中的面向对象编程,包括类与对......
  • java-spring boot光速入门教程(超详细!!)
    目录一、引言1.1初始化配置1.2整合第三方框架1.3后期维护1.4部署工程1.5敏捷式开发二、SpringBoot介绍springboot2.1搭建一个springboot工程2.2使用idea创建项目2.3在线创建姿势2.4项目的目录结构2.5项目的运行方式2.6yml文件格式2.7多环境配置2......