基本概念
在使用的时候需要以graph表示一个流程图的开始，同时需要制定该图的方向
-
下面制定改图的的方向;
用词 含义 TB 从上到下 BT 从下到上 RL 从右到左 LR 从左到右 T=TOP,B=BOTTOM,L=LEFT,R=RIGHT,D=DOWN
使用mermaid关键字就可以使用这个流程图了
graph LR;
A-->B
B-->C
- 流程图的常用符号和含义
表述 说明 含义 id[文字] 矩形节点 表示过程，也就是整个流程的一个环节 id(文字) 圆角矩形节点 表示开始和结束 id((文字)) 圆形节点 表示连接，为避免流程过长或者有交叉 id{文字} 菱形节点 表示判断和决策 id>文字] 右向旗帜节点
graph TB;
A[矩形节点]
B(圆角矩形节点)
C((圆形节点))
D{菱形节点}
E>右向旗帜节点]
- 下面给出的一个范例
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(回家)
