Flowchart流程图示例

本文详细介绍了Mermaid语法在绘制流程图中的应用,包括开始、结束、操作、子程序、条件判断和输入输出等元素的使用。通过三个具体示例,展示了如何用Mermaid创建复杂的流程图,适合初学者快速上手。

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

  • 官方示例
mermaid
flowchat
st=>start: Start|End
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
Created with Raphaël 2.3.0 Start My Operation Yes or No? Good idea catch something... End Stuff My Subroutine yes no yes no

  • 简单示例一
mermaid
flowchat
st=>start: 开始
e=>end: 结束

xmlRead=>operation: 读取xml文件
xmlReadCon=>condition: 资源文件存在?
xmlReadYes=>inputoutput: 资源文件存在
xmlReadNO=>inputoutput: 资源文件不存在

loadResoure=>operation: 加载资源文件
loadResoureCon=>condition: 加载成功?
loadResoureYes=>inputoutput: 资源文件加载成功
loadResoureNo=>inputoutput: 资源文件加载失败

st->xmlRead->xmlReadCon
xmlReadCon(yes,right)->xmlReadYes
xmlReadCon(no,left)->xmlReadNO

xmlReadYes->loadResoure->loadResoureCon
loadResoureCon(yes,right)->loadResoureYes->e
loadResoureCon(no,left)->loadResoureNo
Created with Raphaël 2.3.0 开始 读取xml文件 资源文件存在? 资源文件存在 加载资源文件 加载成功? 资源文件加载成功 结束 资源文件加载失败 资源文件不存在 yes no yes no

  • 简单示例二
mermaid
flowchat
st=>start: 开始
e=>end: 结束

o1=>operation: 创建XmlBeanDefinitionReader对象
o2=>operation: 读取xml文件
o3=>operation: 将xml文件解析为Document对象

o4=>operation: 解析xml命名空间
defaultNamespaceCon=>condition: 默认命名空间?
defaultNamespaceConYes=>inputoutput: 解析默认命名空间
defaultNamespaceConNo=>inputoutput: 解析自定义命名空间

o5=>operation: 解析bean标签
o6=>operation: 将解析到的bean属性封装至BeanDefinitionHolder
o7=>operation: 将BeanDefinition注册至beanDefinitionMap

st->o1(right)->o2(right)->o3->o4->defaultNamespaceCon
defaultNamespaceCon(no,right)->defaultNamespaceConNo
defaultNamespaceCon(yes,left)->defaultNamespaceConYes->o5->o6->o7->e
Created with Raphaël 2.3.0 开始 创建XmlBeanDefinitionReader对象 读取xml文件 将xml文件解析为Document对象 解析xml命名空间 默认命名空间? 解析默认命名空间 解析bean标签 将解析到的bean属性封装至BeanDefinitionHolder 将BeanDefinition注册至beanDefinitionMap 结束 解析自定义命名空间 yes no
  • 语法简介
    start:开始
    end:结束
    operation:操作
    subroutine:子程序
    condition:条件判断
    inputoutput:输入输出

  • 注意事项
    在CSDN中要将mermaid移动到```之后,才会生效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

闲来也无事

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值