如何用markdown绘制flow流程图

最新推荐文章于 2024-07-10 15:51:30 发布

VictoryKingLIU

最新推荐文章于 2024-07-10 15:51:30 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： markdown 文章标签： markdown flow 流程图

本文链接：https://blog.youkuaiyun.com/VictoryKingLIU/article/details/101075552

markdown 专栏收录该内容

2 篇文章

订阅专栏

本文深入解析了Flow流程图的绘制方法，包括开始、结束、输入输出、判断和处理等基本元素的使用，以及如何通过模块标识和箭头连接实现复杂流程的可视化。文章提供了丰富的实例，帮助读者理解和掌握流程图的构建技巧。

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

Flow流程图

流程图各个框框代表的含义：

开始和结束

输入输出

判断和处理

模块关键字：

start 程序开始
end 程序结束
opreation 程序处理块
subroutine 子程序块
condition 条件判断
inputoutput 表示程序的输入输出
right 、left 表示箭头在当前模块的起点（默认向下,多默认和右）
yes 、no 表示condition判断分支

模块用法：

模块标识=>模块关键字：内容

模块标识任意起名，最好知名解意，起一个标识的作用

内容就是框框里的文字

注意：模块关键字和内容之间有一个冒号，并且要在冒号后，必须要有一个空格

模块连接方法：

用->来连接,符号两侧不用空格

应用实例：

开始和结束模块

代码：
flowchat
st=>start: 开始
e=>end: 结束
st->e

开始和程序处理块（下）

代码
start=>start: 开始
operation=>operation: int i=1
start->operation

开始和程序处理块（右）

代码
start=>start: 开始
operation=>operation: int i=1
start(right)->operation

操作和判断

代码
con=>condition: for(int i=1;i<n;i++)
op1=>operation: int n=10;
op2=>operation: a++;
op3=>operation: a--;
op1->con
con(yes)->op2
con(no)->op3

完整流程1

st=>start: 开始
e=>end: 结束
op=>operation: 操作
sub=>subroutine: 子程序
cond=>condition: 判断
io=>inputoutput: 输出
st(right)->op->cond
cond(yes)->io(right)->e
cond(no)->sub(right)->op

完整流程2

st=>start: 开始
e=>end: 结束
op=>end: 操作
cond=>condition: 判断

st->op->cond
cond(yes)->e
cond(no)->op