A1 uml_ - cccbook/sejs GitHub Wiki

UML

PlantUML

參考:

  1. Cheetsheet -- PlantUML 的快速學習小抄
  2. http://plantuml.com/

使用個案

活動圖

有泳道 (Swimlane) 的活動圖：

更詳細的案例：

Markdown Preview Enhanced

此 VsCode 的插件支援 PlantUML 的立即檢視與匯出。

可以用 Ctrl-K-V 檢視某 .md 檔案，會顯示成排版後的網頁結果。

在該結果視窗按下滑鼠右鍵，會顯示功能表，按下 Save as Markdown 會將 xxx.md 另存為 xxx_.md，該檔案內的 puml 程式框就會被轉換為圖片存在 /assets/ 資料夾下。

我們可以用 vscode/Edit/Replace in Files 作全部檔案的字串取代，例如：

../assets/ 改為https://cccbook.github.io/sejs/docs/assets/

這樣就可以將檔案存回 github/wiki 並且能成功地顯示圖片。