一. 流程圖工具對比
對比下我用過流程圖工具:
出於安全考慮,在線的工具,公司不讓用。Visio公司又不給買,呵呵。
所以其實也沒有選擇,就Draw.io了。
二.下載
Draw.io是開源的,在github可以直接下載安裝包。
我這下載好了,不方便的可以從這下載:
關注公-眾-號:
技術筆記與開源分享
發送 draw 獲取下載鏈接
三.使用
基本繪圖操作
簡單流程圖模板
上圖展示了結構簡單的流程圖模板, 包含了幾個關鍵點:
基本形狀: 包括開始 [Start](圓形或橢圓形) 和結束[Terminator]、處理步驟[Process](矩形)、判斷條件[Decision](菱形)、子流程/或多個步驟集合(圖示的橙色帶豎線矩形,此圖形在 General 圖形集合面板), 總結起來就是有始有終, 有步驟有循環關鍵文字標識: 對於有歧義的圖形應該明確標識其屬性。例如,左側的數據庫圓柱體也可能用了緩存或其他存儲介質。如果使用了判斷條件圖形,條件轉向必須明確標識 (如, Y/N)。對於功能比較複雜的流程圖, 比如整體架構的流程圖, 使用圈選仍然無法清晰表達時, 可以考慮加入泳道(swimlanes), 來讓模塊邊界更明顯. 請記住, 泳道是為了跨職能流程圖而設計的.
泳道的基本構成泳道由跨職能流程圖的標題、功能或模塊、以及各泳道的具體流程構成。標明泳道的池名, 各泳道的名稱是必須的,
同樣的,相近職能或模塊的泳道也可以用相同顏色標識。
在 Draw.io 的左側高級(Advanced)面板中可以找到泳道的圖形
移動和更改泳道位置在 Draw.io 中移動泳道不能直接通過拖拽, 這樣會導致泳道覆蓋, 或者泳道脫離整個池的情況, 正確方法是: 拖拽時按住 Alt 鍵, 拖到預想位置釋放即可.