CSDN markdown 编辑器 第五篇 UML

这里大概就只能生成两种类型的图：

• 序列图
• 流程图

序列图

```sequenceA->B: 一句话证明你很寂寞。Note right of B: thinkingB->B: countingB-->A: 这句话有一共六十九笔```

序列图很简单， 左边 A->B就能生成两个对象.按照从上至下的顺序，将序列依次画出。 –>是虚线， ->是实线。 Note Right of 【名称】 是注释框。

```sequenceA->B: 一句话证明你很寂寞。Note left of A: thinkingB->B: countingB-->A: 这句话有一共六十九笔Note right of X: SB```

如果Note中的对象名没有出现过，就会自建一个。另外还可以使用Note left of。

这个js是使用的 https://github.com/bramp/js-sequence-diagrams

流程图

```flowst=>start: 开始吃饭e=>end: 结束吃饭op=>operation: 埋头苦吃cond=>condition: 已经吃饱了？st->op->condcond(yes)->econd(no)->op```

流程图的代码：https://github.com/adrai/flowchart.js

看了一下代码，准备下一篇讲一讲 UML 序列图和流程的实现。