流程图和序列图的画法

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