4 Flowable-Modeler詳述之流程概述

• Flowable-Modeler功能
• Flowable-Modeler介面之流程介紹
• Flowable-Modeler之建立流程
• 版權

Flowable-Modeler功能

• 提供視覺化編輯器，編輯BPMN流程，編輯CASE模型，編輯Form表單，編輯App應用，編輯決策表
• 提供視覺化引數配置：每個流程可以配置詳細的引數設定，按照流程對應的規範來設計。
• 提供匯入匯出功能：方便將流程結果匯入到其他應用程式

Flowable-Modeler介面之流程介紹

介面如下：

• 該頁面的核心功能如圖上方框內所述
• 該頁面為BPMN的流程管理頁面，預設的頁面是流程處理頁面
• 點選某個流程，可以編輯歷史建立過的流程
• 點選建立流程，可以建立一個新的流程

Flowable-Modeler之建立流程

1.點選建立流程：

2.單擊建立新模型，進入模型建立頁面

3.工具欄功能：

4.節點選擇頁面我們在後面的章節詳細描述
5.單擊儲存可以配置完成流程儲存，進入流程預覽頁面。

6.進入預覽頁面

7.單擊我們編輯的流程，進入該流程的預覽頁面，如下圖所示：

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="sid-8DD436F7-D521-433A-A220-F81B1AAD3C84"></startEvent>
  </process>
  <bpmndi:BPMNDiagram id="BPMNDiagram_test_bpmn">
    <bpmndi:BPMNPlane bpmnElement="test_bpmn" id="BPMNPlane_test_bpmn">
      <bpmndi:BPMNShape bpmnElement="sid-8DD436F7-D521-433A-A220-F81B1AAD3C84" id="BPMNShape_sid-8DD436F7-D521-433A-A220-F81B1AAD3C84">
        <omgdc:Bounds height="30.0" width="30.0" x="227.0" y="38.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
    </bpmndi:BPMNPlane>
  </bpmndi:BPMNDiagram>
</definitions>

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

版權

版權所有，侵權必究，使用、copy、轉載請聯絡作者。由書山登峰人創作。