基本概念
在使用的時候需要以graph表示一個流程圖的開始镇草，同時需要制定該圖的方向
-
下面制定改圖的的方向;
用詞 含義 TB 從上到下 BT 從下到上 RL 從右到左 LR 從左到右 T=TOP,B=BOTTOM,L=LEFT,R=RIGHT,D=DOWN
使用mermaid關(guān)鍵字就可以使用這個流程圖了
graph LR;
A-->B
B-->C
- 流程圖的常用符號和含義
表述 說明 含義 id[文字] 矩形節(jié)點 表示過程祠锣，也就是整個流程的一個環(huán)節(jié) id(文字) 圓角矩形節(jié)點 表示開始和結(jié)束 id((文字)) 圓形節(jié)點 表示連接，為避免流程過長或者有交叉 id{文字} 菱形節(jié)點 表示判斷和決策 id>文字] 右向旗幟節(jié)點
graph TB;
A[矩形節(jié)點]
B(圓角矩形節(jié)點)
C((圓形節(jié)點))
D{菱形節(jié)點}
E>右向旗幟節(jié)點]
- 下面給出的一個范例
graph TB
begin(出門) --> buy(買炸雞)
buy --> isReamaining{還有沒有炸雞}
isReamaining -->|有| happy[買完炸雞開心]
happy --> goBack(回家)
isReamaining --沒有--> sad[傷心]
sad --> goBack(回家)
- 連線操作
graph TB
A1 -->B1
A2 --- B2
A3--test---B3
A4--test-->B4
A5-.-B5
A6-.->B6
- 子圖表的操作示例
graph TB
subgraph 買炸雞前
begin(出門) --> buy(買炸雞)
end
buy --> isReamaining{還有沒有炸雞}
isReamaining -->|有| happy[買完炸雞開心]
happy --> goBack(回家)
isReamaining --沒有--> sad[傷心]
sad --> goBack(回家)
