UML畫圖工具PlantUML與Visual Paradigm詳解
- 1. 業務概述
- 2. Visual Paradigm
-
- 2.1 VP簡介
- 2.2 VP功能介紹
-
- 2.2.1 可視化模組化工具
- 2.2.2 企業架構
- 2.2.3 商業分析和設計
- 2.2.4 項目管理
- 2.2.5 靈活 & Scrum 開發
- 2.2.6 線上圖表
- 2.2.7 使用者體驗設計
- 2.2.8 客戶體驗設計
- 2.2.9 代碼和資料庫工程
- 2.2.10 流程圖設計工具
- 2.2.11 團隊協作
- 2.2.12 強大的文檔生成器
- 2.3 VP分類
- 2.4 VP使用
- 3. PlantUML
-
- 3.1 PlantUML簡介
- 3.2 PlantUML安裝
- 3.3 PlantUML使用
-
- 1.idea建立UML圖
- 2.編寫用例圖
- 3. 活動圖
- 4. 用例圖.puml
- 5. 序列圖
1. 業務概述
業務開發過程中經常需要通過專業的圖形來準确的表達想法思路，之前我一直認為畫圖是為了表達思想的，隻要能把想法表達清除，什麼圖形不重要，其實不然，專業化圖形才具有通用性，才能更好的傳達你所要表達的思想，才具有更好的通用性。是以再次記錄一下兩個妝業的畫圖工具PlantUML與Visual Paradigm，進行軟體開發前期領域模組化，資料模組化，業務模組化，可以很好的支援各種UML圖，比如用例圖，時序圖，類圖，對象圖，狀态圖，活動圖等。
2. Visual Paradigm
2.1 VP簡介
Visual Paradigm 靈活項目工具，助您開發出色的軟體。
Visual Paradigm 具有用于項目管理的豐富的靈活和 Scrum 工具集。
官網位址：https://www.visual-paradigm.com/cn/
2.2 VP功能介紹
VisualParadigm功能介紹：https://www.visual-paradigm.com/cn/features/
2.2.1 可視化模組化工具
強大的可視化模組化工具，可幫助您建構和管理圖表和模型元素：
1.拖放式圖表編輯器
2.支援 UML、BPMN、ArchiMate、DFD、ERD、SoaML、SysML 和 CMMN
3.有效的模組化工具，如元素可重用性，圖表和元素轉換，文法驗證，自定義屬性等
4.許多格式選項。
2.2.2 企業架構
2.2.3 商業分析和設計
2.2.4 項目管理
2.2.5 靈活 & Scrum 開發
2.2.6 線上圖表
2.2.7 使用者體驗設計
2.2.8 客戶體驗設計
2.2.9 代碼和資料庫工程
通過我們的代碼和資料庫工程工具，縮小系統設計和實作之間的差距。
1.源代碼工程工具：
代碼正向和反向生成（适用于 10 多種語言）
從 Java 生成序列圖
Hibernate (對象關系映射)
狀态機代碼正向/逆向生成
REST API 設計與生成
2.資料庫工程工具：
從 ERD 導出資料庫 / DDL
從資料庫 / DDL 生成 ERD
2.2.10 流程圖設計工具
2.2.11 團隊協作
2.2.12 強大的文檔生成器
2.3 VP分類
VP分為 企業，專業，标準，模組化，社群五個版本，功能各不相同，其中社群版是免費的。
2.4 VP使用
3. PlantUML
3.1 PlantUML簡介
PlantUML是一個開源項目的，通過簡單文法格式，支援快速繪制各種圖形的工具。
PlantUML的優點
完全文本方式編輯，無需控件拖拽，自動調節圖元距離，簡單美觀
與開發平台完全無關，不受平台限制，隻要有PlantUML jar包就能生成UML圖
支援多種文本編輯器、ide的內建，例如idea、eclipse、notepad++等。
idea安裝 PlantUML插件
作為一個Java coder，通常使用idea作為首選開發工具，我們以idea中的使用為主作介紹。
File -> Settings -> Plugins 搜尋 PlantUML ，找到 PlantUML integration 并安裝。
https://plugins.jetbrains.com/plugin/7017-plantuml-integration/
官網位址：https://plantuml.com/zh/
使用文檔：http://plantuml.com/zh/guide
線上測試：http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000
3.2 PlantUML安裝
1.下載下傳安裝：https://graphviz.gitlab.io/_pages/Download/windows/graphviz-2.38.msi
2.配置環境變量
首先添加一個變量名GRAPHVIZ_HOME, 變量值為安裝路徑 D:\WorkWare\Graphviz2.38 在Path目錄下添加 %GRAPHVIZ_HOME%\bin , 多個配置之間要用 “;” 隔開 配置GRAPHVIZ_DOT, 變量值為 %GRAPHVIZ_HOME%\bin\dot.exe。
3.環境變量檢測
打開windows指令行, 使用dot -version出現以下頁面就代表配置正常。
4.idea 配置graphviz
File -> Settings -> Other Settings -> PlantUML
3.3 PlantUML使用
1.idea建立UML圖
2.編寫用例圖
@startuml
使用者 -> 認證中心: 登入請求
認證中心 --> 認證中心: 鑒權
認證中心 --> 使用者: 驗證失敗
認證中心 --> 緩存: 驗證成功，token存入緩存，設定失效時間
認證中心 --> 使用者: 驗證成功，傳回token資訊
使用者 --> 認證中心: 通路請求，攜帶token資訊
認證中心 --> 緩存: 擷取token
認證中心 --> 認證中心: 驗證token
認證中心 --> 使用者: 驗證成功
@enduml
3. 活動圖
@startuml
(*) --> "check input"
If "input is verbose" then
--> [Yes] "turn on verbosity"
--> "run command"
else
--> "run command"
Endif
-->(*)
@enduml
4. 用例圖.puml
@startuml
left to right direction
actor "Food Critic" as fc
rectangle Restaurant {
usecase "Eat Food" as UC1
usecase "Pay for Food" as UC2
usecase "Drink" as UC3
}
fc --> UC1
fc --> UC2
fc --> UC3
@enduml
5. 序列圖
@startuml
participant participant as Foo
actor actor as Foo1
boundary boundary as Foo2
control control as Foo3
entity entity as Foo4
database database as Foo5
collections collections as Foo6
queue queue as Foo7
Foo -> Foo1 : To actor
Foo -> Foo2 : To boundary
Foo -> Foo3 : To control
Foo -> Foo4 : To entity
Foo -> Foo5 : To database
Foo -> Foo6 : To collections
Foo -> Foo7 : To queue
@enduml