CSDN markdown 編輯器 第五篇 UML

這裏大概就只能生成兩種類型的圖：

• 序列圖
• 流程圖

序列圖

```sequence
A->B: 一句話證明你很寂寞。
Note right of B: thinking
B->B: counting
B-->A: 這句話有一共六十九筆
```

序列圖很簡單， 左邊 A->B就能生成兩個對象.按照從上至下的順序，將序列依次畫出。 –>是虛線， ->是實線。 Note Right of 【名稱】 是註釋框。

```sequence
A->B: 一句話證明你很寂寞。
Note left of A: thinking
B->B: counting
B-->A: 這句話有一共六十九筆
Note right of X: SB
```

如果Note中的對象名沒有出現過，就會自建一個。另外還可以使用Note left of。

這個js是使用的 https://github.com/bramp/js-sequence-diagrams

流程圖

```flow
st=>start: 開始吃飯
e=>end: 結束吃飯
op=>operation: 埋頭苦吃
cond=>condition: 已經吃飽了？

st->op->cond
cond(yes)->e
cond(no)->op
```

流程圖的代碼：https://github.com/adrai/flowchart.js

看了一下代碼，準備下一篇講一講 UML 序列圖和流程的實現。