第4篇：Flowable-Modeler详述之流程概述

接上一篇
第3篇：Flowable-IDM详述
https://blog.csdn.net/weixin_40816738/article/details/102885902

文章目录

一、Flowable-Modeler功能
- 1. 提供可视化编辑器
- 2. 提供可视化参数配置
- 3. 提供导入导出功能
二、Flowable-Modeler界面之流程介绍
三、Flowable-Modeler之创建流程
- 3.1. 点击创建流程
- 3.2. 单击创建新模型，进入模型创建页面
- 3.3. 工具栏功能
- 3.4. 节点选择页面
- 3.5. 进入预览页面
- 3.6. 进入预览页面
- 3.7. 单击我们编辑的流程，进入该流程的预览页面
- 3.8. 单击导出查看生成的xml
- 3.9. 浏览完毕

一、Flowable-Modeler功能

1. 提供可视化编辑器

编辑BPMN流程，编辑CASE模型，编辑Form表单，编辑App应用，编辑决策表

2. 提供可视化参数配置

每个流程可以配置详细的参数设置，按照流程对应的规范来设计。

3. 提供导入导出功能

方便将流程结果导入到其他应用程序

二、Flowable-Modeler界面之流程介绍

界面如下：
在这里插入图片描述

三、Flowable-Modeler之创建流程

3.1. 点击创建流程

在这里插入图片描述

3.2. 单击创建新模型，进入模型创建页面

在这里插入图片描述

3.3. 工具栏功能

在这里插入图片描述

3.4. 节点选择页面

我们在后面的章节详细描述

3.5. 进入预览页面

单击保存可以配置完成流程保存，进入流程预览页面

3.6. 进入预览页面

在这里插入图片描述

3.7. 单击我们编辑的流程，进入该流程的预览页面

如下图所示：

3.8. 单击导出查看生成的xml

如下：

<?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:flowable="http://flowable.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.flowable.org/processdef"><process id="test_bpmn" name="测试BPMN模型" isExecutable="true"><documentation>测试BPMN模型</documentation><startEvent id="startEvent1"></startEvent></process><bpmndi:BPMNDiagram id="BPMNDiagram_test_bpmn"><bpmndi:BPMNPlane bpmnElement="test_bpmn" id="BPMNPlane_test_bpmn"><bpmndi:BPMNShape bpmnElement="startEvent1" id="BPMNShape_startEvent1"><omgdc:Bounds height="30.0" width="30.0" x="100.0" y="163.0"></omgdc:Bounds></bpmndi:BPMNShape></bpmndi:BPMNPlane></bpmndi:BPMNDiagram>
</definitions>