大连网站开发公司shepiguo,永久免费ppt下载网站,wordpress 多page,手机怎样做网站一.欢迎来到我的酒馆 介绍Markdown的Flowchart流程图语法。 目录 一.欢迎来到我的酒馆二.什么是Flowchart三.更进一步 二.什么是Flowchart
2.1 Flowchart是一款基于javascript的工具#xff0c;使用它可以用代码创建简单的流程图。具体信息可以查看flowchart官网#xff1a;…一.欢迎来到我的酒馆 介绍Markdown的Flowchart流程图语法。 目录 一.欢迎来到我的酒馆二.什么是Flowchart三.更进一步 二.什么是Flowchart
2.1 Flowchart是一款基于javascript的工具使用它可以用代码创建简单的流程图。具体信息可以查看flowchart官网http://flowchart.js.org/
2.2 flowchart语法介绍 语法可以简单概括为两步 第一步定义组件
ststart: 一个圆角矩形组件。表示开始。:冒号后面显示你要在组件里展示的内容。
eend: 一个圆角矩形组件表示结束。opoperation:一个长方形组件这个组件的id名为op。
condcondition:一个菱形组件这个组件的id名为cond。
ioinputoutput:一个平行四边形组件这个组件的id名为io。
| 后面的是注释第二步连接
| 使用 - 连接各个组件的id名称
st-op-e2.3 来看一个简单的例子 markdown mermaid代码
flowchat
st start: 开始
e end: 结束|定义一个矩形组件
op operation: 执行的内容|连接
st - op - eCreated with Raphaël 2.3.0 开始 执行的内容 结束 三.更进一步
3.1
flowchat
ststart: 开始
eend: 结束
op1operation: 这是一个矩形
sub1subroutine: 这是一个子程序组件
condcondition: 这是一个判断语句
ioinputoutput: 这是一个平行四边形st-op1-cond
cond(yes)-io-e
cond(no)-sub1-e
cond是一个菱形组件的id名菱形组件通常用来做判断语句。 cond(yes) 表示当菱形里面的判断语句为true时执行流程。 cond(no)表示当菱形里面的判断语句为false时 Created with Raphaël 2.3.0 开始 这是一个矩形 这是一个判断语句 这是一个平行四边形 结束 这是一个子程序组件 yes no 3.2
flowchat
ststart: 开始
eend: 结束
op1operation: 这是一个矩形
op2operation: 这是一个矩形
sub1subroutine: 这是一个子程序组件
cond1condition: 这是一个菱形组件
cond2condition: 这是一个菱形组件
cond3condition: 这是一个菱形组件
io1inputoutput: 这是一个平行四边形输出
io2inputoutput: 这是一个平行四边形输出st-op1(right)-cond1
cond1(no, right)-cond2
cond1(yes, bottom)-io1-econd2(no, right)-cond3
cond2(yes,bottom)-sub1-econd3(no, right)-op2-e
cond3(yes, bottom)-io2-eop1(right)表示从这个组件的右边开始连接。 cond1(no, right)表示当condition组件为no时从右边开始连接。 cond1(yes, bottom)表示当condition组件为yes时从组件的底部开始连接。 Created with Raphaël 2.3.0 开始 这是一个矩形 这是一个菱形组件 这是一个平行四边形输出 结束 这是一个菱形组件 这是一个子程序组件 这是一个菱形组件 这是一个平行四边形输出 这是一个矩形 yes no yes no yes no
