接上一篇
第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>

3.9. 瀏覽完畢

至此我們大概瀏覽了流程的操作過程
后面將詳細介紹流程的操作節點、節點參數和節點API以及該節點的omg的規范定義等。

接下一篇：
第5篇： Flowable-Modeler詳述之開發環境搭建
https://blog.csdn.net/weixin_40816738/article/details/102887854

總結

以上是生活随笔為你收集整理的第4篇：Flowable-Modeler详述之流程概述的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。