教你使用markdown画程序流程图

signloong 8年前

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
</div>

来自： http://www.cnblogs.com/-shu/p/5150597.html

相关经验