flowchart / mermaid流程图语法参考

最新推荐文章于 2024-05-03 11:13:58 发布

「已注销」

最新推荐文章于 2024-05-03 11:13:58 发布

阅读量189

点赞数

文章标签：流程图前端

原文链接：https://www.bookstack.cn/read/yuque/37.md

版权

本文详细介绍了流程图中各类元素如开始(start)、结束(end)、操作(operation)、子程序(subroutine)、条件(condition)、输入输出(inputoutput)和并行(parallel)的定义，并通过实例展示了如何通过连接符号(->)组织流程。了解这些元素有助于更好地设计和理解复杂流程图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义流程图元素

name=>type: content:>url

name: 元素的名称
type：类型，包括如下类别：
- start
- end
- operation
- subroutine
- condition
- inputoutput
- parallel
  content：文本内容
- url：连接

示例：

st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

连接元素

使用 -> 符号即可：

cond(yes)->io->e
cond(no)->op1->e

实例

flowchat
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1