1.流程图：graph
1graph 方向描述
2 图表中其他语句
1.1 方向
| 用词 | 含义 |
|---|---|
| TB | top -> bottom |
| BT | bottom -> top |
| RL | right -> left |
| LR | left -> right |
例：
1graph LR;
2 A & B-->C;
3 B-->A;
4 C-->D;
1graph LR;
2 A-->C;
3 B-->C;
4 B-->A;
5 C-->D;
1.2 符号及含义
1.2.1 节点形状
| 表述 | 说明 | 含义 |
|---|---|---|
| id[文字] | 矩形节点 |
| 过程 | ||
|---|---|---|
| id(文字) | 圆形矩形节点 | 开始/结束 |
| id((文字)) | 圆形节点 | 链接 |
| id{文字} | 菱形节点 | 判断 |
| id>文字] | 右向旗帜状节点 |
[单向箭头线段]表示流程方向 「id」为节点的唯一标识，「括号」内为节点显示名称
1graph TB
2 A
3 B[矩形节点]
4 C(圆形矩形节点)
5 D((圆形节点))
6 E{菱形节点}
7 F>旗帜形状节点]
1graph TB
2 A
3 B[矩形节点]
4 C(圆形矩形节点)
5 D((圆形节点))
6 E{菱形节点}
7 F>旗帜形状节点]
1.2.2 连线样式
1graph TB
2 A1---B1
3 A2-->B2
4 A3--text---B3
5 A4--text-->B4
6 A5-.-B5
7 A6-.->B6
8 A7-.text.-B7
9 A8-.text.->B8
10 A9===B9
11 A10==>B10
12 A11==text===B11
13 A12==text==>B12
1graph TB
2 A1---B1
3 A2-->B2
4 A3--text---B3
5 A4--text-->B4
6 A5-.-B5
7 A6-.->B6
8 A7-.text.-B7
9 A8-.text.->B8
10 A9===B9
11 A10==>B10
12 A11==text===B11
13 A12==text==>B12
1.3 简化写法
1graph LR
2 开始(买炸鸡流程开始)-->节点(买炸鸡)
3 节点-->判断(是否有炸鸡)
4 判断--YES-->开心-->回家(回家)
5 判断--NO-->伤心-->回家
6
7简化写法流程如下-.-
8 A1(购买炸鸡流程开始)-->买炸鸡-->B1(判断是否油炸)--是-->高兴-->A2(回家)
9 B1--没有-->不高兴-->A2
1graph LR
2 开始(买炸鸡流程开始)-->节点(买炸鸡)
3 节点-->判断(是否有炸鸡)
4 判断--YES-->开心-->回家(回家)
5 判断--NO-->伤心-->回家
6
7简化写法流程如下-.-
8 A1(购买炸鸡流程开始)-->买炸鸡-->B1(判断是否油炸)--是-->高兴-->A2(回家)
9 B1--没有-->不高兴-->A2
2.子图表
1subgraph
2 写入子图表中的描述内容
3end
例：
1graph RL
2 c1-->a2
3 subgraph one
4 a1-->a2
5 end
6 subgraph two
7 b1-->b2
8 end
9 subgraph three
10 c1-->c2
11 end
12 one-->two
13 three-->two
14 two-->c2
1graph RL
2 c1-->a2
3 subgraph one
4 a1-->a2
5 end
6 subgraph two
7 b1-->b2
8 end
9 subgraph three
10 c1-->c2
11 end
12 one-->two
13 three-->two
14 two-->c2
3. 序列图
3.1 概述
sequenceDiagram 是每一个时序图的固定开头
3.2 参与者
1sequenceDiagram
2 participant 参与者A
3 participant 参与者B
4 ...
5 participant 简称 as 参与者C #该语法可在接下来的描述中使用简称来代替参与者3
3.3 连线样式
1sequenceDiagram
2 participant A
3 participant B
4 participant C
5 A->B: 不带箭头的实线
6 B->>A: 带箭头的实线
7 loop 循环标题
8 C->>C: 循环内容
9 end
10 B-->C: 不带箭头的虚线
11 C-->>B: 带箭头的虚线
1sequenceDiagram
2 participant A
3 participant B
4 participant C
5 A->B: 不带箭头的实线
6 B->>A: 带箭头的实线
7 loop 循环标题
8 C->>C: 循环内容
9 end
10 B-->C: 不带箭头的虚线
11 C-->>B: 带箭头的虚线