教你使用markdown画程序流程图


2016-01-21 10:33:15 星期四

1. 入门案例
st=>start: Start
op=>operation: Your Operation
sub=>subroutine: My Subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch something...
e=>end: End

st->op->cond
cond(yes)->io->e
cond(no)->sub(right)->op
2. 语法

流程图的语法整体分为两部分,第一段用来定义流程图元素,第二段用来连接流程图元素,指定流程图的执行走向。

2.1 定义流程图元素

tag=>type: content:>url

说明

  1. tag是流程图中的标签,名称可以任意,一般为流程的英文缩写和数字的组合。
  2. type用来确定标签的类型,由于标签的名称可以任意指定,所以要依赖type来确定标签的类型
    标签有6种类型:start/end/operation/subroutine/condition/inputoutput
  3. content是流程图文本框中的描述内容,中英文均可。特别注意,type后的冒号与文本之间一定要有个空格
  4. url是一个连接,与框框中的文本相绑定,点击文本时可以通过链接跳转到url指定页面
2.2 连接流程图元素

连接流程图元素阶段的语法就简单多了,直接用->来连接两个元素,需要注意的是condition类型,因为他有yes和no两个分支,所以要写成

cond(yes)->io->e
cond(no)->sub(right)->op


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM