MarkDown UML图学习

前言

继续MarkDown语法的学习。

序列图

官网中的demo

用html的注释，好像只有这样？
```sequence
张三->李四: 嘿，小四儿, 写博客了没?
Note right of 李四: 李四愣了一下，说：
李四-->张三: 忙得吐血，哪有时间写。
```

---

---

上班的一天

```sequence
Title: 上班的一天
民治->长岭陂: 地铁
长岭陂-->公司: 11路
公司->>金百味: 走路
金百味->>公司: 走路
公司-->>塘朗: 领导的小车
塘朗-->>民治: 地铁
```

---

---

使用支付宝

``` sequence
Note left of 墨水GG: 有点口渴啊 \n 买瓶可乐吧
Note over 墨水GG: 走入seven11
Note over 墨水GG: 拿了一瓶"百岁山"
Note right of 收银MM: "一共3块，微信还支付宝？"
墨水GG->墨水GG: 想了一下，微信没钱了
Note right of 墨水GG: "支付宝"
Note over 墨水GG: 打开支付二维码
Note over 墨水GG,收银MM: 扫描器扫描手机二维码
Note right of 收银MM: 好了
Note over 墨水GG: 收起手机
收银MM-->墨水GG:觉得他很帅，又瞄了一眼
```

---

---

我也不知道有什么用

``` sequence
participant 百事
participant 旺仔
participant 鱼丸
Note right of 鱼丸: 列出所有的东西，到时候一起算钱
```

流程图：

官网中的demo

```flow
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？
st->op->cond
cond(yes)->e
cond(no)->op
```

---

---

别人的demo2

参考
``` flow
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: My Operation|past
op2=>operation: Stuff|current
sub1=>subroutine: My Subroutine|invalid
cond=>condition: Yes
or No?|approved:>http://www.baidu.com
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|request
st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
```

流程图的语法分为两部分：
1. 定义元素
语法： tag=>type: content:>url
eg： st=>start: Start|past:>http://www.google.com[blank]
2. 连接元素

元素的种类有
start
end
operation
subroutine
condition
inputoutput

再就是注意condition元素的写法。