基本概念

1. 在使用的时候需要以graph表示一个流程图的开始，同时需要制定该图的方向

2. 下面制定改图的的方向;

   用词	含义
   TB	从上到下
   BT	从下到上
   RL	从右到左
   LR	从左到右

   T=TOP,B=BOTTOM,L=LEFT,R=RIGHT,D=DOWN

3. 使用mermaid关键字就可以使用这个流程图了

graph LR;
A-->B
B-->C

4. 流程图的常用符号和含义

   表述	说明	含义
   id[文字]	矩形节点	表示过程，也就是整个流程的一个环节
   id(文字)	圆角矩形节点	表示开始和结束
   id((文字))	圆形节点	表示连接，为避免流程过长或者有交叉
   id{文字}	菱形节点	表示判断和决策
   id>文字]	右向旗帜节点

graph TB;
A[矩形节点]
B(圆角矩形节点)
C((圆形节点))
D{菱形节点}
E>右向旗帜节点]

5. 下面给出的一个范例

graph TB
    begin(出门) --> buy(买炸鸡)
    buy --> isReamaining{还有没有炸鸡}
    isReamaining -->|有| happy[买完炸鸡开心]
    happy --> goBack(回家)
    isReamaining --没有--> sad[伤心]
    sad --> goBack(回家)

6. 连线操作

graph TB
    A1 -->B1
    A2 --- B2
    A3--test---B3
    A4--test-->B4
    A5-.-B5
    A6-.->B6

7. 子图表的操作示例

graph TB
    subgraph 买炸鸡前
        begin(出门) --> buy(买炸鸡)
    end
    buy --> isReamaining{还有没有炸鸡}
    isReamaining -->|有| happy[买完炸鸡开心]
    happy --> goBack(回家)
    isReamaining --没有--> sad[伤心]
    sad --> goBack(回家)