如何用markdown绘制flow流程图

Flow流程图

流程图各个框框代表的含义:
开始和结束
Created with Raphaël 2.2.0 开始 结束
输入输出
Created with Raphaël 2.2.0 输入 输出
判断和处理
Created with Raphaël 2.2.0 操作 判断
模块关键字:
  • start 程序开始

  • end 程序结束

  • opreation 程序处理块

  • subroutine 子程序块

  • condition 条件判断

  • inputoutput 表示程序的输入输出

  • right 、left 表示箭头在当前模块的起点(默认向下,多默认和右)

  • yes 、no 表示condition判断分支

模块用法:

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

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

内容就是框框里的文字

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

模块连接方法:

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

应用实例:
开始和结束模块
代码:
flowchat
st=>start: 开始
e=>end: 结束
st->e
Created with Raphaël 2.2.0 开始 结束
开始和程序处理块(下)
代码
start=>start: 开始
operation=>operation: int i=1
start->operation
Created with Raphaël 2.2.0 开始 int i=1
开始和程序处理块(右)
代码
start=>start: 开始
operation=>operation: int i=1
start(right)->operation
Created with Raphaël 2.2.0 开始 int i=1
操作和判断
代码
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
Created with Raphaël 2.2.0 int n=10; for(int i=1;i<n;i++) a++; a--; yes no
完整流程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
Created with Raphaël 2.2.0 开始 操作 判断 输出 结束 子程序 yes no
完整流程2
st=>start: 开始
e=>end: 结束
op=>end: 操作
cond=>condition: 判断

st->op->cond
cond(yes)->e
cond(no)->op
Created with Raphaël 2.2.0 开始 操作 判断 结束 yes no
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值