精华内容
下载资源
问答
  • BPMN2.0 工作流 实例

    2019-03-19 01:35:46
    NULL 博文链接:https://stonecold1108.iteye.com/blog/712460
  • Camunda-bpmn BPMN实用示例和Camunda API 推荐人
  • 使用子流程和多实例标记发现BPMN模型
  • bpmn的方法框架

    万次阅读 2020-06-15 14:17:54
    bpmn的方法框架 在我们的咨询项目和研讨会中,我们为bpmn介绍了来自各行各业的人士。根据收集到的经验,我们开发了一个应用bpmn的实用框架。 这个框架帮助我们决定在什么情况下使用哪些bpmn符号和结构,以及为了简单...

    bpmn的方法框架

    在我们的咨询项目和研讨会中,我们为bpmn介绍了来自各行各业的人士。根据收集到的经验,我们开发了一个应用bpmn的实用框架。

    这个框架帮助我们决定在什么情况下使用哪些bpmn符号和结构,以及为了简单起见什么时候保留。该框架侧重于需要改进技术支持的过程的项目,并且在这些过程中需要建模的是目标状态。原则上,我们所展示的建模模式也可以应用于其他场景,比如当前状态流程的发现、文档编制和分析。

    对于这个版本,我们修改了可视化框架的方法。下面的部分将介绍新的可视化,然后解释我们为什么要更改它。基本上,我们现在会对以过程为中心的it项目的广泛采用的方法进行挑剔,并且我们想提出一种我们的经验建议的更好的替代方法。

    camunda house

    图:camunda bpmn框架。

    上图中的camunda bpmn框架(简称camunda house)区分了战略流程模型和运营流程模型:

    战略过程模型:战略过程模型的主要目标群体是过程所有者和过程管理人员。项目早期的第二组可能包括过程参与者和过程分析人员。我们提供战略模型作为一个通用的、面向结果的过程表示,因为我们想为没有特殊bpmn知识的受众创建最快的理解。我们用几个步骤描绘了这个过程,但是我们没有显示错误或变化。有关创建战略流程模型的更详细信息。操作流程模型:在此级别,我们研究实际流程的操作细节。它可能包含人员或技术流程流,我们相应地对它们建模。人员流由参与者处理,而技术流由软件(最好是工作流引擎)处理。当然,人员和技术流可以相互作用。一个人可能在他或她的工作过程中触发技术流,比如在调用软件函数的情况下。同样,技术流程可能要求参与者发送电子邮件、分配任务,等等。因此,技术流动触发了人力流动。后面文章中我们会写到处理开发人员和技术流程。

    camunda住宅是一个纯粹的方法论框架。换句话说,它独立于特定的软件工具工作,尽管某些工具功能可能使它更容易应用。后面文章中,我们会讨论这个问题。

    我们会花费大量的时间对这个框架进行详细描述。请将我们的框架看作是一个分类系统,以便为实际应用bpmn提供建议。

    无论如何,我们期待您的评论和反馈,关于这个框架本身。从本质上讲,这并不是一种完美的方法,它还在不断地变化和发展。有了你的帮助,也许我们可以让每个人都过得更好!

    BPMN-Tooling:

    我们开发camunda住宅是为了代表一个单独的过程或一组可管理的相关过程。现在,我们不会处理整个流程场景的建模。BPMN的投资组合不包含过程景观。我们已经根据客户的请求对流程景观进行了建模(在后面文章中我们会描述他的崩溃池和消息流),但是我们不能推荐这样做。如果你想要一个过程全景图,你应该使用一个更合适的工具——也许是一个使用块箭头、矩形和许多颜色的专有工具。当然,您可以通过将各个元素与流程图链接起来,用bpmn图来优化流程版图。


    本文会持续更新,欢迎关注,技术支持:盘古BPM

    展开全文
  • 绘制一个 Activiti BPMN 流程图

    千次阅读 2020-07-23 14:42:49
    BPMN 的全称是: Business Process Model and Nation,直译为:业务流程建模与标注,俗称流程图。本文将介绍使用 Activiti 官方的 web 工具绘制简易流程图。 ​ 2 流程绘制 2.1 流程绘制 一个流程,必须包含一个开始...


    1 摘要

    BPMN 的全称是: Business Process Model and Nation,直译为:业务流程建模与标注,俗称流程图。本文将介绍使用 Activiti 官方的 web 工具绘制简易流程图。

    2 流程绘制

    2.1 流程绘制

    一个流程,必须包含一个开始事件,一个结束事件,中间由具体的流程事件组成

    流程示例:

    学生请假流程:

    学生请假流程图

    2.2 指定代理人

    每一个流程节点需要指定一个代理人,即流程执行到某个任务,需要有指定的用户来进行审批
    代理人设置-1
    代理人设置-2

    指定代理人的方式有3种:

    第一种: 固定代理人,如上图

    第二种: 使用 UEL 表达式动态设置代理人

    在这里插入图片描述

    第三种,使用监听器实现动态设置代理人

    设置监听器-1
    设置监听器-2

    2.3 保存与导出

    流程图绘制完成之后即可保存模板
    保存流程模型

    此时流程配置是保存在数据库中,查看流程列表,选中刚配置好的流程图,查看详情并导出

    导出的文件为 xml 格式,将其改为 bpmn 格式,然后复制到 Activiti 项目中

    导出 bpmn 文件

    2.4 流程图配置文件

    上边介绍了3中设置代理人的方式,每一种生成的 bpmn 文件如下:

    第一种,固定代理人:

    ./activiti-workflow/src/main/resources/processes/student_leave.bpmn
    
    <?xml version="1.0" encoding="UTF-8"?>
    <definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.activiti.org/processdef">
      <process id="student_leave" name="student_leave" isExecutable="true">
        <startEvent id="startEvent1" name="开始"></startEvent>
        <userTask id="sid-8D6861B2-9FE9-4909-B091-73F2B6400764" name="学生" activiti:assignee="张三">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <userTask id="sid-436168A2-4968-4D3F-9A33-51776F9733FE" name="班主任" activiti:assignee="李四">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <endEvent id="sid-EA98BD32-1A93-4AF2-A374-7DF39A33ABAA" name="结束"></endEvent>
        <sequenceFlow id="sid-385279BD-97C2-44BC-9A9E-84179F795459" sourceRef="startEvent1" targetRef="sid-8D6861B2-9FE9-4909-B091-73F2B6400764"></sequenceFlow>
        <sequenceFlow id="sid-6B7E69AB-52AA-4CD8-BF45-CD76E6CC7CEC" name="提交申请" sourceRef="sid-8D6861B2-9FE9-4909-B091-73F2B6400764" targetRef="sid-436168A2-4968-4D3F-9A33-51776F9733FE"></sequenceFlow>
        <sequenceFlow id="sid-2A3D7AD7-E0F8-42ED-A521-A22E42F5B8CA" name="同意" sourceRef="sid-436168A2-4968-4D3F-9A33-51776F9733FE" targetRef="sid-EA98BD32-1A93-4AF2-A374-7DF39A33ABAA"></sequenceFlow>
      </process>
      
    </definitions>
    

    第二种,使用 UEL 表达式设置代理人

    ./activiti-workflow/src/main/resources/processes/student_leave_2.bpmn
    
    <?xml version="1.0" encoding="UTF-8"?>
    <definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.activiti.org/processdef">
      <process id="student_leave_2" name="student_leave_2" isExecutable="true">
        <startEvent id="startEvent1" name="开始"></startEvent>
        <userTask id="sid-486A7692-35E4-476A-94EF-3566C01B8F39" name="学生申请" activiti:assignee="${student}">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <userTask id="sid-23DCF2CD-D1E0-4B66-9853-352B2E505782" name="班主任审批" activiti:assignee="${teacher}">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <endEvent id="sid-52FDCD77-D54C-4340-B624-93B92D941E77" name="结束"></endEvent>
        <sequenceFlow id="sid-96C3385F-899C-4149-B695-CEF25F5213CB" sourceRef="startEvent1" targetRef="sid-486A7692-35E4-476A-94EF-3566C01B8F39"></sequenceFlow>
        <sequenceFlow id="sid-5602EE93-61DC-4326-80A6-C76661889900" name="提交申请" sourceRef="sid-486A7692-35E4-476A-94EF-3566C01B8F39" targetRef="sid-23DCF2CD-D1E0-4B66-9853-352B2E505782"></sequenceFlow>
        <sequenceFlow id="sid-EABF7DE5-1A32-4EFF-9627-9B5AB70D5E8A" name="同意" sourceRef="sid-23DCF2CD-D1E0-4B66-9853-352B2E505782" targetRef="sid-52FDCD77-D54C-4340-B624-93B92D941E77"></sequenceFlow>
      </process>
    
    </definitions>
    

    第三种,使用监听器动态设置代理人

    ./activiti-workflow/src/main/resources/processes/student_leave_3.bpmn
    
    <?xml version="1.0" encoding="UTF-8"?>
    <definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.activiti.org/processdef">
      <process id="student_leave_3" name="student_leave_3" isExecutable="true">
        <startEvent id="startEvent1" name="开始"></startEvent>
        <userTask id="sid-569880EE-EF90-4CA2-BF03-8CE45BADD383" name="学生申请">
          <extensionElements>
            <activiti:taskListener event="create" class="com.ljq.demo.springboot.activiti.listener.TaskListenerImpl"></activiti:taskListener>
          </extensionElements>
        </userTask>
        <userTask id="sid-38242A27-92B1-4225-BE1E-1BEF001C6323" name="班主任审批">
          <extensionElements>
            <activiti:taskListener event="create" class="com.ljq.demo.springboot.activiti.listener.TaskListenerImpl"></activiti:taskListener>
          </extensionElements>
        </userTask>
        <endEvent id="sid-D4A37973-6FD9-4797-8F76-4741F1CED489" name="结束"></endEvent>
        <sequenceFlow id="sid-66EACD0C-9A58-4D52-8CB8-B910D78A248B" sourceRef="startEvent1" targetRef="sid-569880EE-EF90-4CA2-BF03-8CE45BADD383"></sequenceFlow>
        <sequenceFlow id="sid-C45AB0DF-5784-4DED-B73C-DDBD104962D2" name="批准" sourceRef="sid-38242A27-92B1-4225-BE1E-1BEF001C6323" targetRef="sid-D4A37973-6FD9-4797-8F76-4741F1CED489"></sequenceFlow>
        <sequenceFlow id="sid-B9CE8749-BE0E-4669-A079-E97444983341" name="提交申请" sourceRef="sid-569880EE-EF90-4CA2-BF03-8CE45BADD383" targetRef="sid-38242A27-92B1-4225-BE1E-1BEF001C6323"></sequenceFlow>
      </process>
     
    </definitions>
    

    一个简单的流程图至此已经绘制完成,如何启动流程,将在后边的博客讲解

    3 推荐参考资料

    【官方文档】Activiti User Guide

    Activiti工作流实战开发

    Activiti第一篇【介绍、配置开发环境、快速入门】

    4 Github 源码

    Gtihub 源码地址 : https://github.com/Flying9001/springBootDemo

    个人公众号:404Code,分享半个互联网人的技术与思考,感兴趣的可以关注.
    404Code

    展开全文
  • [了解 BPMN 内部】后,对一些模块以及它们之间的配合应该有了一定的概念,下面开始动手尝试修改一下 palette 工具栏 案例代码在这里取: customPalette 开始 你可以实现 通过配置生成工具栏 自定义工具栏样式、...

    自定义 Palette

    [了解 BPMN 内部】后,对一些模块以及它们之间的配合应该有了一定的概念,下面开始动手尝试修改一下 palette 工具栏

    案例代码在这里取:

    customPalette


    开始

    你可以实现

    • 通过配置生成工具栏
    • 自定义工具栏样式、布局
    • 可指定工具栏容器

    为了理解更简单

    • 自定义工具栏样式、布局 (非必须,后续实现)
    • 可指定工具栏容器(非必须,后续实现)

    注意:标记 🎯 的地方为重点

    1. 创建相关文件

    建立自定义工具栏的相关文件,结构如下

    | -- palette
        |-- CustomPaletteProvider.js
        |-- CustomPalette.js
        |-- index.js
    

    PaletteProvider 顾名思义 ”调色板提供程序“,也就是将工具栏的数据告诉 Palette,由 Palette 构造工具栏。

    所以我们需要先将代码准备好,然后去修改它:

    • 前往 bpmn-js 将源码 PaletteProvider.js 拷贝至 CustomPaletteProvider.js
    • 前往 diagram-js 将源码 Palette.js 拷贝至 CustomPalette.js
    • 参考 PaletteProvider.jsPalette.js 对应的 index.js,将刚刚创建的 index.js,修改成如下
    import customPalette from './CustomPalette'
    import PaletteProvider from './CustomPaletteProvider'
    // 除了引进的模块的名字可以修改,其他的不建议修改,会报错
    export default {
      __depends__: [
        {
          __init__: ['customPalette'],
          customPalette: ['type', customPalette]
        }
      ], // 依赖于 customPalette 这个模块
      __init__: ['customPaletteProvider'], // 调用 customPaletteProvider 来初始化
      customPaletteProvider: ['type', PaletteProvider]
    }
    

    到此三个文件已经准备就绪了,下面我们来引用它。


    2. 引用

    引入刚刚创建的文件

    import customPalette from './palette'
    
    export default {
      // ...
      init() {
        this.bpmnModeler = new BpmnModeler({
          additionalModules: [customPalette]
        })
        // ...
      }
    }
    

    到此,当前页面应该是正常显示的,因为我们只是将文件拷贝出来,修改引用,方便后续的修改。

    3. 修改工具栏构造者 CustomPalette

    修改 CustomPalette.js 文件

    首先老规则,修改注入需要用的数据

    Palette.$inject = [
      'eventBus',
      'canvas',
      // ---------- 自定义区域 ------------
      'elementFactory',
      'create',
      'config.paletteContainer',
      'config.paletteEntries'
      // ---------- 自定义区域 ------------
    ]
    

    默认只注入了两个,其余根据需要来增加。
    下面将注入的数据赋值

    function Palette(
      eventBus,
      canvas,
    
      elementFactory,
      create,
      paletteContainer,
      paletteEntries
    ) {
      this._eventBus = eventBus
      this._canvas = canvas
      // 新增赋值
      this._entries = paletteEntries // 传入的工具栏数据
      this._paletteContainer = paletteContainer // 传入的工具栏容器
      this._elementFactory = elementFactory
      this._create = create
      // ...
    }
    

    然后就可以在这个函数中数据注入的数据了,
    注意注入顺序和函数参数的顺序要一致哦~

    到此,一个数据以及布局已经准备完毕,接下来该实现它的拖动或者点击生成元素的功能了

    Palette.prototype.trigger = function(action, event, autoActivate) {
      var entries = this._entries,
        entry,
        handler,
        originalEvent,
        button = event.delegateTarget || event.target
    
      // ---------- 自定义区域 ------------
      // 创建元素的方法需要这两个构造器
      var elementFactory = this._elementFactory,
        create = this._create
      // ---------- 自定义区域 ------------
    
      handler = entry.action
    
      originalEvent = event.originalEvent || event
    
      // simple action (via callback function)
      if (isFunction(handler)) {
        if (action === 'click') {
          handler(originalEvent, autoActivate, elementFactory, create)
        }
      } else {
        // ---------- 自定义区域 ------------
        if (handler[action]) {
          // 在原来 2 个参数的基础上,新增 2 个参数 elementFactory, create
          handler[action](originalEvent, autoActivate, elementFactory, create) // 🎯 这里便是回调 action.dragstart 或者click 或者 其他事件
        }
        // ---------- 自定义区域 ------------
      }
    
      event.preventDefault()
    }
    

    init 的时候绑定了两个事件,当我们点击或在拖动工具栏的时候触发,从而可以生成元素。

    CustomPalette.js 至此基本修改完成了。

    4. 修改数据的提供者 PaletteProvider

    现在开始修改 PaletteProvider.js 文件

    修改前,可以先看一下 PaletteProvider.prototype.getPaletteEntries 这个方法

    源码是在这个方法中将默认工具栏数据传入给 palette.js

    可以学习一下他是如何构造工具栏数据的,后面会用到。

    如下代码实现了一条分割线和三个事件

    // l
    'global-connect-tool': {
      group: 'tools',
      className: 'bpmn-icon-connection-multi',
      title: translate('Activate the global connect tool'),
      action: {
        click: function (event) {
          globalConnect.toggle(event)
        }
      }
    },
    // 2
    'tool-separator': {
      group: 'tools',
      separator: true
    },
    // 3
    'create.start-event': createAction(
      'bpmn:StartEvent', 'event', 'bpmn-icon-start-event-none',
      translate('Create StartEvent')
    ),
    // 4
    'create.intermediate-event': createAction(
      'bpmn:IntermediateThrowEvent', 'event', 'bpmn-icon-intermediate-event-none',
      translate('Create Intermediate/Boundary Event')
    )
    

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8WHtfhRf-1603036952449)(./img/defaultpalette.png)]

    因为我们的目的是希望有一个独立的文件来配置工具栏,而不是在源码中,所以我们开始简化这个 getPaletteEntries 如下:

    // 注意: 可以通过 config这个对象拿到 实例化 Modeler 的时候的参数
    // 所以这里通过注入 congif.paletteEntries 拿到 paletteEntries 的值
    // 后续会介绍如何传入
    PaletteProvider.$inject = ['config.paletteEntries', 'customPalette']
    
    export default function PaletteProvider(paletteEntries, customPalette) {
      this._entries = paletteEntries
    
      customPalette.registerProvider(this)
    }
    
    PaletteProvider.prototype.getPaletteEntries = function(element) {
      return this._entries // 🎯 返回工具栏数据
    }
    

    5. 配置工具栏 paletteEntries

    同级目录下新建 config/paletteEntries.js,

    paletteEntries.js 的目的是返回一个包含工具数据的集合(对象或数组)
    这里简单创建两个工具元素,开始和结束

    export default {
      'create.start-event': createAction(
        'bpmn:StartEvent',
        'event',
        'bpmn-icon-start-event-none',
        'Create StartEvent'
      ),
      'create.task': createAction(
        'bpmn:Task',
        'activity',
        'bpmn-icon-task',
        'Create Task'
      )
    }
    
    function createAction(type, group, className, title, options) {
      // 还记得 CustomPalette.js 吗?便是这里回调 createListener 函数
      // if (action === 'click') {
      // 		handler(originalEvent, autoActivate, elementFactory, create)
      // 	}
      function createListener(event, autoActivate, elementFactory, create) {
        var shape = elementFactory.createShape({ type })
    
        create.start(event, shape)
      }
    
      return {
        group: group,
        className: className,
        title: title,
        action: {
          dragstart: createListener,
          click: createListener
        }
      }
    }
    

    然后再做两件事,引入工具栏配置去除默认工具栏

    export default {
      // ...
      init() {
        // // 去除默认工具栏
        const modules = Modeler.prototype._modules
        const index = modules.findIndex(it => it.paletteProvider)
        modules.splice(index, 1)
    
        this.bpmnModeler = new BpmnModeler({
          paletteEntries,
          additionalModules: [customPalette]
        })
        // ...
      }
    }
    

    效果如下:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z5i3Jwxy-1603036952452)(./img/customPalette_ok.png)]

    6. 修改样式

    bpmn:Task 使用了字体图标 bpmn-icon-task
    下面我们修改它,换成 img。

    修改 paletteEntries.js

    export default {
      'create.task': createAction(
        'bpmn:Task',
        'activity',
        'bpmn-icon-task-custom', // 🙋‍♂️ 使用图片后,记得修改成自己的类名
        'Create Task',
        require('./img/task.png') // 📌
      )
    }
    
    function createAction(type, group, className, title, imageUrl) {
      // ...
    
      return {
        group: group,
        className: className,
        title: title,
        imageUrl, // 📌
        action: {
          dragstart: createListener,
          click: createListener
        }
      }
    }
    

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cGmaanJ2-1603036952452)(./img/customPalette_imgSrc.png)]

    最后

    一切大功告成,你将拥有一个全新的工具栏。

    突然,你发现通过工具栏生成的元素还保持着 最初 的样子。

    无需担心,因为我们还没告诉 bpmn 该怎么渲染它

    点击了解如何自定义渲染 customRenderer


    相关

    可能对你有帮助的官方资源:


    目录:

    展开全文
  • Activiti是一个轻量级的工作流程,...其核心是用于Java的超快速且坚如磐石的BPMN 2流程引擎。它是开源的,并在Apache许可证下分发。 Activiti可以在任何Java应用程序,服务器,集群或... http://www.activiti.org上运行
  • } // 创建实力流程 param1 代表的是流程图的id param2 代表的是自定义的实例流程的 名字 this.processEngine.getRuntimeService().startProcessInstanceByKey("myProcess_1", key); backMsg.append("新建一个实例 ...

    boss让看工作流开始了解一些 开始记录 分享一下也作为笔记(实时修改)
    内容基础简单 继续学习中
    springboot版本 2+
    activiti版本 5.22.0

    1.创建一个springboot 2+的项目 mysql (百度有的是不做介绍)

    2.引入工作流pom

        <!--工作流 5.22-->
            <dependency>
                <groupId>org.activiti</groupId>
                <artifactId>activiti-spring-boot-starter-basic</artifactId>
                <version>5.22.0</version>
            </dependency>
    

    3.application.properties 文件为 (一定要添加&nullCatalogMeansCurrent=true否则不自动生成表)

    
    server.port=9000
    spring.datasource.url=jdbc:mysql://127.0.0.1:3306/actDB?useUnicode=true&characterEncoding=UTF-8&useSSL=false&allowMultiQueries=true&nullCatalogMeansCurrent=true
    spring.datasource.username=root
    spring.datasource.password=*********
    spring.datasource.driver-class-name=com.mysql.jdbc.Driver
    
    
    #自动更新数据库结构
    activiti.database-schema-update=true
    #自动部署流程文件
    activiti.check-process-definition=false
    activiti.process-definition-location-prefix=classpath:processes/
    activiti.history-level=full
    

    4.创建processes文件夹在resources

    在这里插入图片描述

    5.启动项目会生成工作流的表

    在这里插入图片描述

    开始写demo

    1.idea 集成画图工具

    在这里插入图片描述

    2.画图 在刚刚创建的processes文件夹下创建一个bpmn文件

    在这里插入图片描述

    3.画出基本流程

    在这里插入图片描述
    线里的判断($sign=={‘true1/2’})表示在线里面进行编写 el表达式 一会写demo会在控制的环节进行判断
    在这里插入图片描述

    4.copy 这个bpmn文件 复制到processes 文件夹下改成 文件名_bpm20.xml的形式

    这样就会变成xml 形式

    5.正式开始写代码 代码如下

    package com.example.actdemo.controller;
    
    import org.activiti.engine.ProcessEngine;
    import org.activiti.engine.RuntimeService;
    import org.activiti.engine.TaskService;
    import org.activiti.engine.runtime.ProcessInstance;
    import org.activiti.engine.task.Task;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.util.HashMap;
    import java.util.Map;
    
    /**
     * @author : Gyf
     * create at:  2020-04-03  13:48
     * @description:
     */
    @RestController
    @RequestMapping(path = "/api")
    public class ActDemoController {
    
        @Autowired
        private RuntimeService runtimeService;
    
        @Autowired
        private ProcessEngine processEngine;
    
        @Autowired
        private TaskService taskService;
    
    
        private static final String key = "_key_1";
    
        @GetMapping(path = "/start")
        public StringBuffer start() {
            // 构建返回 msg
            StringBuffer backMsg = new StringBuffer();
            backMsg.append("端口访问成功 :9000");
    
    
            // 根据 key 找实例
            ProcessInstance processInstance = this.runtimeService.createProcessInstanceQuery().processInstanceBusinessKey(key).singleResult();
            if (processInstance != null) {
                backMsg.append("已有改工作流清 执行结束后在开启新的工作流");
                return backMsg;
            }
            // 创建实力流程  param1 代表的是流程图的id  param2 代表的是自定义的实例流程的 名字
            this.processEngine.getRuntimeService().startProcessInstanceByKey("myProcess_1", key);
            backMsg.append("新建一个实例    工作流开始 ");
    
            return backMsg;
    
        }
    
        @GetMapping(path = "/go")
        public StringBuffer goOn() {
            // 构建返回 msg
            StringBuffer backMsg = new StringBuffer();
            backMsg.append("端口访问成功 :9000");
    
            // 根据 key 找实例
            ProcessInstance processInstance = this.runtimeService.createProcessInstanceQuery().processInstanceBusinessKey(key).singleResult();
    
            if (processInstance == null) {
                backMsg.append("请先创建工作流实例");
                return backMsg;
            }
    
            // 获取task
            Task task = this.taskService.createTaskQuery().processInstanceId(processInstance.getId()).singleResult();
    
    
            backMsg.append("当前状态:").append(task == null ? "工作流结束" : task.getName());
    
            if (task == null) {
                backMsg.append("task not found");
                return backMsg;
            }
    
            // 判断是否走到审批1(_6 代表的是审批1)
            if ("_6".equals(task.getTaskDefinitionKey())) {
                // 创建一个hash map 构建流程变量 true1 是拒绝了 true2 是继续
                Map<String, Object> variables = new HashMap<String, Object>();
                variables.put("sign", "true2");
                this.taskService.setVariables(task.getId(), variables);
            }
            // 提交
            this.taskService.complete(task.getId());
    
            task = this.taskService.createTaskQuery().processInstanceId(processInstance.getId()).singleResult();
            backMsg.append("\t").append("执行后状态:").append(task == null ? "工作流结束" : task.getName());
            return backMsg;
        }
    }
    
    

    创建一个controller浏览器能访问到 (比较懒都扔在控制层)

    start 接口是启动一个 工作流实例
    go 是工作流往下走

    展开全文
  • bpmn-js-examples, 关于如何使用bpmn的示例 bpmn-js例子这个库包含了许多例子,展示了如何使用js将它集成到你的应用程序中。 基础知识 simple-bower -展示如何
  • bpmn-js中的自定义元素 如何在确保BPMN 2.0兼容性的同时支持自定义元素的示例。 关于 本示例创建一个BPMN编辑器,该编辑器知道一些QA相关的元数据。 这样,它结合了我们之前发布的所有先前示例 : 通过数据定制...
  • 用法 首先,创建一个 bpmn-js 实例并在浏览器中呈现 BPMN 2.0 图表: var xml; // 我的 BPMN 2.0 xml var viewer = new BpmnJS({ container: 'body' }); viewer.importXML(xml, function(err) { if (err) { ...
  • bpmn服务器 介绍 bpmn-server提供BPMN 2.0建模,执行和持久性,作为Node.js的开源工作流服务器 该软件包是专门为Node.js设计的,并且完全使用TypeScript开发 WebApp通过建模和开发工作流提供UI 目录 文献资料 流程...
  • BPMN2.0规范中文文档

    2019-03-25 16:24:21
    这里较为详细的介绍了BPMN2.0: 1.1. BPMN 2.0是什么 1.2. 历史和目标 1.3. JPDL vs BPMN 2.0 1.4. Bpmn 2.0 执行 1.5. 配置 1.6. 实例 1.7. 流程根元素 1.8. 基本结构(事件、顺序流、网关、任务) 1.9. ...
  • 首先,创建一个实例并在浏览器中呈现: const xml = '...' ; // my BPMN 2.0 xml const viewer = new BpmnJS ( { container : 'body' } ) ; try { const { warnings } = await viewer . importXML ( xml ) ; ...
  • 是一套业务流程模型与符号建模标准精准的执行语义来描述元素的操作以XML为载体,以符号可视化业务BPMN2.0-流对象活动(Activities)【UserTask、Service、Task…】事件(Event)【StartEvent、EndEvent…】网关...
  • Activiti 简单使用示例

    千次阅读 2020-09-15 14:26:53
    在 idea 中使用插件:Flowable BPMN visualizer,创建流程图,具体使用如下: 注:若将流程图创建在 resources\processes 包下,自动部署。现在测试手动部署,需要自定义一个包(activiti),如下: 在新建的 ...
  • 主要介绍了vue项目中使用bpmn为节点添加颜色的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了vue项目中使用bpmn-自定义platter的实例代码,本文通过代码截图相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 尝试用BPMN 2.0的多实例任务建模多人会签流程 博客分类: BPMN bpmn bpmn123 jbpm activiti 工作流   国内做政务工作流项目中经常遇到多人会签的人工任务,刚学习了一下BPMN 2.0的多...
  • Flowable流程引擎可用于部署BPMN 2.0流程定义(用于定义流程的行业XML标准), 创建这些流程定义的流程实例,进行查询,访问运行中或历史的流程实例与相关数据,等等。这个章节将用一个可以在你自己的开发环境中使用...
  • Flowable流程引擎可用于部署BPMN 2.0流程定义(用于定义流程的行业XML标准), 创建这些流程定义的流程实例,进行查询,访问运行中或历史的流程实例与相关数据,等等。这个章节将用一个可以在你自己的开发环境中使用...
  • BPMN使用小结

    2021-03-22 20:44:59
    内部管理系统需要多种流程设计...起初后端是想直接用 activiti-designeer 做流程设计,该方法基本满足业务需求,但后期发现这样做太麻烦,于是推荐前端使用 BPMN插件,放在管理系统中使用,生成 xml 及 svg 字符串传...
  • bpmn事件

    万次阅读 2020-07-06 13:27:10
    本文章主要讲解bpmn事件,系列文章包含工作流、工作流系统、工作流引擎的相关讲解,涉及的到Camunda BPM、BPMN规范、activit的基础性知识,对于流程自动化、业务流程等进行了深入研究探讨。
  • activiti7通过BpmnModel创建流程并启动实例 activiti7通过BpmnModel创建流程并启动实例 一、前言 二、正文 三、结尾 一、前言 博主在学习activit7中,涉及到有关bpmnModel来维护整个工作流的内容。其中最先...
  • BPMN2.0规范.zip

    2020-11-10 09:41:01
    BPMN 2.0是什么呢,JPDL vs BPMN 2.0,Bpmn 2.0 执行,配置,实例, 流程根元素,基本结构,网关,任务,Java服务任务,内部捕获事件:定时器,完全的实例(包括控制台任务表单)
  • 这对于多实例活动也有效。 在了解有关事务和等待状态的。 用法 使用事务边界模块扩展建模器: import BpmnModeler from 'bpmn-js/lib/Modeler' ; import transactionBoundariesModule from 'camunda-transaction-...
  • bpmn流程图

    千次阅读 2020-02-06 09:53:29
    一、设计要求: 流程设计器,能够设计流程,设计器的物件样子是自己定制的,然后设计好的流程图能够...BPMN官方: http://www.bpmn.org/ vue里使用bpmn绘制流程图(一) https://blog.csdn.net/haoyanyu_/article...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,647
精华内容 2,658
关键字:

bpmn实例

友情链接: interruptminsec.zip