Slickflow.Graph 開源工作流引擎快速入門之四: 圖形編碼建模工具使用手冊

来源:https://www.cnblogs.com/slickflow/archive/2019/12/03/11936786.html

前言: 業務人員繪製流程時,通常使用圖形GUI界面交互操作來完成,然而對於需要頻繁操作或者管理較多流程的系統管理用戶,就需要一款輔助工具,來幫助他們快速完成流程的創建和編輯更新。Slickflow.Graph 圖形編碼建模工具通過命令行直接編寫代碼創建圖形,實現了流程圖形繪製效率的快速提升。 申明: ...


前言: 業務人員繪製流程時,通常使用圖形GUI界面交互操作來完成,然而對於需要頻繁操作或者管理較多流程的系統管理用戶,就需要一款輔助工具,來幫助他們快速完成流程的創建和編輯更新。Slickflow.Graph 圖形編碼建模工具通過命令行直接編寫代碼創建圖形,實現了流程圖形繪製效率的快速提升。

申明: 本篇文章為Slickflow原創文章,任何網站或個人不得私自轉載,博客園為作者授權的中文文章唯一來源。

1. 圖形創建代碼文本

 首先通過一個代碼片段來進行說明,這個代碼片段創建了一個簡單的序列流程。代碼如下:

using Slickflow.Graph;
using Slickflow.Engine.Common;

//firstly, create a process model builder
var pmb = ProcessModelBuilder.CreateProcess("BookSellerProcess", "BookSellerProcessCode", "3"); 
var process = pmb.Start("Start")
        .Task("Package Books", "003")       //task name, code
        .Task("Deliver Books", "005")       //task name, code
        .End("End")
        .Store();

 

圖形截圖如下:

1.1 流程創建命令

命令示例:

var pmb = ProcessModelBuilder.CreateProcess("BookSellerProcess", "BookSellerProcessCode", "3");

參數: (processName, processCode, processVersion)

1.2 活動節點創建命令

1.2.1 開始節點創建: Start()

命令示例: 

pmb.Start("Start")

參數: (activityName, activityCode)

1.2.2 結束節點創建: End()

命令示例: 

pmb.End("End")

參數: (activityName, activityCode)

1.2.3 任務節點創建: Task()

1.2.3.1 基本方法

命令示例:  

pmb.Task("Package Books", "003")

參數: (activityName, activityCode)

1.2.3.2 擴展方法

命令示例: 

                   pmb.Task(
                        VertexBuilder.CreateTask("Task-001")
                                   .SetUrl("http://www.slickflow.com")
                                   .AddRole("TestRole")
                                   .AddAction(
                                        VertexBuilder.CreateAction(ActionTypeEnum.Event,
                                            FireTypeEnum.Before,
                                            "Slickflow.Module.External.OrderSubmitService"
                                        ))
                    )

1) CreateTask(): 創建任務節點

參數: (task)

2) SetUrl(): 設置節點Url頁面屬性

參數: (pageUrl) 頁面地址字元串

3) AddRole(): 設置節點綁定角色數據

參數: (roleCode) 角色代碼

4) AddAction(): 添加Action操作明細項目

參數: (action) 對象

5) CreateAction(): 創建Action操作明細對象

參數: (actionType, fireType, methodName)

1.2.4 分支節點創建: Split()

分支和合併通常作為一個整體的代碼片段來創建,如下圖,創建了兩個分支的流程圖,每個分支上又有兩個任務節點,完整的代碼片段示例如下:

               pmb.Split("split")
                  .Parallels(
                        () => pmb.Branch(
                            () => pmb.Task("task-010"),
                            () => pmb.Task("task-011")
                        )
                        , () => pmb.Branch(
                             () => pmb.Task("task-020"),
                             () => pmb.Task("task-021")
                         )
                  )
                  .Join("join")

圖形截圖如下:

1) Split(): 創建分支節點

參數: (activityName, activityCode)

2) Parallels(): 創建多個分支的外部方法

參數: 

(params Func<ProcessModelBuilder>[] branches)

描述: 參數branches 表示分支列表的組合, 一個並行模式可以由多個分支組成,params表示是可變參數列表關鍵字。

3) Branch(): 分支具體創建方法

參數: 

(params Func<ProcessModelBuilder>[] nodes)

描述: 參數nodes表示節點列表的組合,一個分支可以由多個節點組成,params表示是可變參數列表關鍵字。

4) Join(): 創建合併節點

參數: (activityName, activityCode)

說明: 合併和分支通常是對應成對出現的,用於表達決策類型的分支選擇模式。

1.3 圖形存儲命令

命令示例: 

pmb.Store();

存儲命令會把上述圖形按照XML序列化後,作為資料庫中的一條記錄進行存儲。

2. 圖形維護命令

2.1 流程載入命令

1) 命令: 

var pmb = ProcessModelBuilder.LoadProcess("BookSellerProcessCode", "3");

參數: (processCode, processVersion)

 說明: 流程代碼和版本組成唯一關鍵字標識用於唯一確定流程記錄。

2.2 圖形節點編輯代碼

1) 命令:

using Slickflow.Graph;
using Slickflow.Engine.Common;

//firstly load a process model builder
var pmb = ProcessModelBuilder.LoadProcess("BookSellerProcessCode", "3");

//execute deffrient task operation once together
pmb.Add("003", ActivityTypeEnum.TaskNode, "zzz", "zzz-code")
   .Insert("003", ActivityTypeEnum.TaskNode, "task004", "004")
   .Set("003", (a) => pmb.GetBuilder(a).SetUrl("slickflow.com").SetName("mer-sss-ryxmas"))
   .Replace("004", ActivityTypeEnum.TaskNode, "task222", "222")
   .Exchange("222", "zzz-code")
   .Fork("zzz-code", ActivityTypeEnum.TaskNode, "yyy", "555")
   .Remove("222", true)
   .Update();

說明:對圖形節點元素的增加、插入、交換、取代、分支、編輯和刪除等所有更新操作,可以通過鏈式服務介面一次執行完成。

2.3 節點編輯命令詳解

2.3.1 增加節點: Add()

1) 命令: 

//add a new task node zzz after task with code 003(Package Books)
pmb.Add("003", ActivityTypeEnum.TaskNode, "zzz", "zzz-code")

參數: (currentActivityCode, addActivityType, addActivityName, addActivityCode)

說明: Add()方法是在當前節點的後面增加一個新的節點,而且繼續保持新增加的節點也是在流程的連線上。

2) 命令執行後的圖形示例:

 

2.3.2 插入節點: Insert()

1) 命令: 

//insert a new task node named task004 before task 003(Package Books)
pmb.Insert("003", ActivityTypeEnum.TaskNode, "task004", "004")

參數: (currentActivityCode, addActivityType, addActivityName, addActivityCode)

說明: Insert()方法是在當前節點的前面增加一個新的節點,而且繼續保持新增加的節點也是在流程的連線上。

2) 命令執行後的圖形示例:

 

2.3.3 更新節點屬性: Set()

1) 命令:

//set task 003(Package Books) property url and name
pmb.Set("003", (a) => pmb.GetBuilder(a).SetUrl("slickflow.com").SetName("mer-sss-ryxmas"))

參數: (currentActivityCode, vertexBuilder)

說明: 根據當前節點的代碼表示,獲取當前節點對象,然後更新Url屬性和Name屬性。

2) 命令執行後的圖形示例:

2.3.4 替換節點: Replace()

1) 命令:

//replace task 004(task004) by the new task named task222
pmb.Replace("004", ActivityTypeEnum.TaskNode, "task222", "222")

參數: (currentActivityCode, replacedByActivityType, replacedByActivityName, replacedByActivityCode)

說明: 可以把當前節點用一個新增的節點進行代替,新增的節點為: replacedByActivity,取代操作,相當於先執行刪除(Remove)操作,然後再執行新增(Add)操作。節點取代之後原來的連線Transition的唯一標識GUID也會發生改變。

2) 命令執行後的圖形示例:

2.3.5 互換節點: Exchange()

1) 命令: 

//exchange task 222 to zzz
pmb.Exchange("222", "zzz-code")

參數: (firstActivityCode, secondActivityCode)

說明: 該方法將兩個節點進行位置調換,其它節點的屬性保持不變。此外說明的是:調換之後節點之間的連線Transition重新賦予唯一標識GUID,因為連線的節點已經發生變化,需要改變連線標識GUID的取值。

2) 命令執行後的圖形示例:

2.3.6 分支節點: Fork()

1) 命令: 

//fork a new Task 555 from task zzz
pmb.Fork("zzz-code", ActivityTypeEnum.TaskNode, "yyy", "555")

參數: (currentActivityCode, forkActivityType, forkActivityName, forkActivityCode)

說明: 該方法是在當前節點上增加分支路徑,如果當前節點的沒有後續節點,則等同於新增Add方法。如果當前節點已經有後續節點,則在鄰近位置新增加一個節點。

2) 命令執行後的圖形示例:

2.3.7 刪除節點: Remove()

1) 命令:

//remove the task 222, and afterward nodes will be caught up
pmb.Remove("222", true)

參數: (currentActivityCode, isCaughtUp)

說明: 刪除當前節點,並且如果當前節點已經有後續節點,則需要前置該後續節點到當前已經刪除節點的位置,包括重新增加連線。

2) 命令執行後的圖形示例:

 

2.3.8 添加分支/合併: Cover()

1) 命令:

//cover a split/join pattern into canvas
pmb.Cover("003", "005",
  VertexBuilder.CreateSplit(GatewayDirectionEnum.AndSplit,"AndSplit", "AndSplicCode"),                    
VertexBuilder.CreateJoin(GatewayDirectionEnum.AndJoin, "AndJoin", "AndJoinCode"),
VertexBuilder.CreateTask("branchTask001", "b001"), VertexBuilder.CreateTask("branchTask002", "b002") ) .Update();

2) 命令執行後的圖形示例: 

2.3.9 刪除分支/合併: Uncover()

1) 命令

//uncover a split/join pattern from canvas
pmb.Uncover("003", "005")
   .Update();

2) 命令執行後的圖形示例:

 2.3.10 連接節點: Connect()

1) 命令

//connect two task node
pmb.Connect("003", "005")
      .Update();

2) 命令執行後的圖形示例:

2.3.11 斷開節點: Disconnect()

1) 命令:

//disconnect two task node
pmb.Disconnect("003", "005")
      .Update();

2) 命令執行後的圖形示例:

2.4 流程更新命令Update()

1) 命令: 

pmb.Update();

說明: 將會重新對流程節點和連線數據進行XML序列化處理,並且保存數據到資料庫。

3. 編程環境

目前代碼編程建模工具已經提供線上使用體驗工具,左側為純文本代碼輸入區域,右側為更新後的圖形顯示區域。每次執行代碼文本後,將會更新右側的圖形顯示。

4. 線上地址

為方便流程愛好者用戶學習和掌握Slickflow流程圖形語言模型,特意提供了網上編寫代碼的示例環境,請按照如下地址進行訪問:

http://demo.slickflow.com/sfd/model

5. 總結

代碼編程建模工具的實現,方便了用戶快速創建和更新圖形,代碼命令簡單易學,建議流程技術人員、流程管理用戶和系統分析人員可以投入時間學習掌握,從而提升流程開發效率。


您的分享是我們最大的動力!

更多相關文章
  • IEnumerable是可枚舉的所有非泛型集合的基介面, IEnumerable包含一個方法GetEnumerator(),該方法返回一個IEnumerator;IEnumerator提供通過Current屬性以及MoveNext()和Reset()方法來迴圈訪問集合的功能。 ...
  • 一個簡單、基於AbpInterceptor的攔截器示例: 攔截器調用順序,可參考打上斷點調試分析: AutofacRegistration.Populate(內部調用Autofac.Extras.DynamicProxy) SimpleAsyncInterceptor.Intercept Castl ...
  • 在較早期的報表套打的時候,我傾向於使用LODOP的ActiveX進行報表的列印或者套打,BS效果還是很不錯的。之前利用它在Winform程式裡面實現信封套打功能,詳細參考《基於信封套打以及批量列印的實現過程》,雖然功能能夠完美實現,不過由於還需要附帶一個不是百分百整合一起的插件,還是有點另類的,雖然... ...
  • 在.NET Core中想給API進行安全認證,最簡單的無非就是Jwt,悠然記得一年前寫的Jwt Demo,現在拿回來改成.NET Core的,但是在編碼上的改變並不大,因為Jwt已經足夠強大了。在項目中分為 DotNetCore_Jwt_Server 以及 DotNetCore_Jwt_Client ...
  • 原文:http://www.zilaohu.cn/Jie/Detail_Jie?ID=78840a04-55b8-4988-80b2-f964fd822d63 下麵配置後:被拒絕的域請求後,可以進入方法,在瀏覽器接收響應的時候被當作是拒絕的。主要步驟:1.ConfigureServices()註冊c ...
  • 一、前言 由於公司要求項目需要走CI構建平臺,拋棄掉之前的人工編譯打包方式,所以需要調研一下項目怎麼通過命令行編譯出產物。 二、準備工作 1. 在構建機器上安裝vs(本文示例為vs2017) 2. 將代碼上傳版本控制倉庫(本文示例為Gitlab),並確保構建機器可以正常訪問並下載源代碼 3. 確保構 ...
  • 在MainWindow中,創建一個背景屬性BrushTest,並將其綁定至界面上UserControl的BackgroundTest屬性 UserControl,同樣添加一個BackgroundTest屬性,並將其綁定至界面。 運行後,控制台輸出綁定異常,背景設置並沒有生效。 System.Wind ...
  • 操作符 操作符簡單舉例就是生活中的+ /等等運算符號,下麵會詳細討論運算符內容。 一元正負操作符 有時候需要改變數值的正負號。一元操作符( )可以使得數字的正負號改變。 例如: 一元操作符等價於從零減去操作數。對應的也有一元操作符(+),不過這個操作符可以說是多餘的。 二元算術操作符 二元操作符有: ...
一周排行
  • C 語法糖——持續更新 1. return的switch寫法 ...
  • 0. 前言 繼上一篇,以及上上篇,我們對SqlSugar有了一個大概的認識,但是這並不完美,因為那些都是理論知識,無法描述我們工程開發中實際情況。而這一篇,將帶領小伙伴們一起試著寫一個能在工程中使用的模板類。 1. 創建一個Client SqlSugar在操作的時候需要一個Client,用來管理數據 ...
  • 1 class Program 2 { 3 static void Main(string[] args) 4 { 5 //數組:長度不可變,類型單一 6 //ArrayList集合:長度可以任意改變,類型可以不單一 7 8 //創建一個ArrayList對象 9 ArrayList mylist ...
  • .NET 程式下銳浪報表 (Grid++ Report) 的綠色發佈指南 在銳浪報表官方為 CSharp 編寫的開發文檔:“在C#與VB.NET中開始使用說明.txt” 中,關於發佈項目是這麼描述的: ★發佈你的項目,用VS.NET製作安裝程式:1、先創建安裝項目:在解決方案資源管理器的根節點上點右 ...
  • 執行代碼清理時,可以點擊那個掃把小圖片,會按照預設的第一種配置文件來自動修複。也可以點擊下拉三角符合,選擇不同的配置文件,然後進行修複。或者快捷鍵Ctrl+K,Ctrl+E。 針對每一項配置的說明: 刪除不必要的using 儘可能將私有欄位設置為只讀 刪除不必要的類型轉換(針對強類型轉換),像Con ...
  • 1.概念簡述 (1)AR模型 AR 模型(auto regressive model)自回歸模型,模型參量法高解析度譜分析方法之一,也是現代譜估計中常用的模型。 用AR模型法求信具體作法是: ①選擇AR模型,在輸入是衝激函數或白雜訊的情況下,使其輸出等於所研究的信號,至少,應是對該信號的一個好的近似 ...
  • 4.元組 元組的主要特性為: 1.元組在創建之後,具有不可以更改的特性,因此不能直接給元組的元素賦值 2.元組的元素類型可以為任意類型,如字典、字元串、列表等 3.元組常用於在程式的整個生命周期中都不變的場景中 4.1 常用方法 元組大小和內容在定義賦值之後,就不可更改,常用的方法如下所示: cou ...
  • 老孟導讀:今天分享一個類似“孔雀開屏”的動畫效果,打開新的頁面時,新的頁面從屏幕右上角以圓形逐漸打開到全屏。 先來看下具體的效果 不知道這種效果大家叫什麼名字?如果有更合適的名字可以在評論處告訴我,下麵來說下如何實現此效果。 在使用Navigator進入一個新的頁面時,通常用法如下: 就包含了切換頁 ...
  • hashCode() 和equals() 方法的重要性體現在什麼地方? Java中的HashMap使用hashCode()和equals()方法設置值,根據鍵獲取值的時候也會用到這兩個方法。 怎樣 設置 的值? hashCode()獲得 hash值。而hash值用來確定hashmap中內部 Node ...
  • IDEA一些不錯的插件分享 目錄 IDEA一些不錯的插件分享 插件集合 CamelCase Translation LiveEdit MarkDown Navigator Jrebel CheckStyle IDEA Alibaba Java Coding Guidelines Ideavim Ma ...