Markdown 流程图语法

Flow


将代码块的语言写为 flow 即可使用

​```flow
这里是 flow 语句
​```

标准流程图(纵向):


st=>start: 开始框                  // st 为变量名,任意起名
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
a=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
a->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

标准流程图(横向):


st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

Sequence


将代码块的语言写为 sequence 即可使用

​```sequence
这里是 sequence 语句
​```

简易实例:


对象A->对象B: 对象B你好吗?(请求)   // 直接建立对象,并使用对象。
Note right of 对象B: 对象B的描述   // 冒号前不能有空格
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?

UML时序图复杂实例:


Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C as B                  // 声明对象, B 只是源代码中使用的别名,不会显示
Note right of B: 没人陪我玩           // 如果没有声明对象,注释语句会声明对象
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C as B
Note right of B: 没人陪我玩

参考

  • 如有雷同,是我抄袭。
  • 笔记做的早,忘记原作者是谁。故没有链接。
上一篇:17、提醒队列


下一篇:30分钟用Node.js构建一个API服务器[每日前端夜话0x70]