流程圖和序列圖的畫法

1 、流程圖

```flow

st=>start: 入口:>http://www.google.com[blank]
e=>end: 出口:>http://www.google.com
op1=>operation: 預處理
sub1=>subroutine: 子過程
cond=>condition: 明天下雨嗎
:>http://www.baidu.com
io=>inputoutput: 輸入/ 輸出

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

```

示例： 流程圖

1 流程圖MD語法： flow **流程圖描述**

語法1 ：（定義節點）

• 節點name => 節點類型Type : [節點Lable :> url]

語法2 ：（定義節點之間的邊） 『->』

• name1 -> name2 -> ... ->namen
• name3 -> name5 -> ... ->namek
• ... ...
• PS：對於條件節點應指yes 或 no 分支。 condition_name(yes) 或 condition_name(no)
• PS：還可以指明連線從下面鏈接還是右邊等。name(right/left/bottom)

2 語法解釋

語法 1：

• 第一部分 name : 可以任意

• 第二部分 type : 流程圖各種節點類型

  1. start 開始節點
  2. end 結束節點
  3. operation 處理節點
  4. subroutine 子過程（子程序）節點
  5. inputoutput 輸入輸出節點
  6. condition 條件分支節點

• 第三部分[可選] label: 在圖中節點上顯示的名稱，及背后的超級鏈接。 Label :> url

語法 2： (略）

示例 github flow （best practice）

st=>start: 項目開始
e=>end: 項目結束
master=>operation: master (主分支)
cond=>condition: 結束開發?
work=>subroutine: dev (開發分支）

st->master->cond(no)->work(right)->master
cond(yes)->e

Git hub 開發流程圖（best practice）如下：

2、序列圖

```sequence

Andrew->China: Says Hello
China->Japan: Kill you
Note right of China: China thinks about it
China-->Andrew: How are you?
Note left of China: Who are Andrew?
China-->Andrew: Where are you from?
Andrew->>China: I am good thanks!

```

示例： 序列圖

1 序列圖 MD語法：

總體結構 ： 代碼塊導入符號（```） + sequence 表明代碼塊為 序列圖

語法1 ：（定義實線，實心箭頭的消息） -> (1個短划線，1個 > )

• object_name1 -> object_name2 : message1

語法2 ：（定義虛線，實心箭頭的消息） --> (2個短划線，1個 > )

• object_name1 --> object_name2 : message1

語法3 ：（定義實線，空心箭頭的消息） ->> (1個短划線，2個 > )

• object_name1 ->> object_name2 : message1

語法4 ：（定義虛線，空心箭頭的消息） -->> (2個短划線，2個 > )

• object_name1 -->> object_name2 : message1

語法5 ：（定義Note備注）

• Note right of object : message1
• 或者
• Note left of object : message1