MarkDown流程图全指导by Zoomla!逐浪CMS发哥 2020-09-11 18:03:32 准备工作Markdown是一个轻量级的标记语言,使用普通文本编辑器就能快速编写,不仅显示格式丰富,功能也毫不含糊,分享一个md格式的API请求流程图。 在使用Markdown图表前,你首先需要有解析工具,在本地开发,用vs code再加Markdown preview插件,显然是可以胜任。 由于有些浏览器渲染不出来,所以少数样式流程图带用了图片插入,在强解析下会呈现出相同的两个效果。 基本原理Markdown图表支持类型包括: - 流程图:指定 mermaid(样式流程图) 或 flow (标准流程图)解析语言
- 时序图:指定 sequence(标准时序图) 或 mermaid(样式时序图) 解析语言
- 甘特图:指定 mermaid 解析语言
这些复杂图形的绘制都是使用代码块实现的,指定代码块的解析语言,按照响应的绘制语法即可实现。 一、流程图
详解标准流程图基本语法: 定义模块间的流向:
- 模块1 id->模块2 id :一般的箭头指向
- 条件模块id (描述)->模块id(direction) :条件模块跳转到对应的执行模块,并指定对应分支的布局方向
注意,每个形状都是有各自含义的: - 圆角矩形:表示开始和结束
- 矩形:表示过程,也就是整个流程中的一个环节
- 菱形:表示判断、决策
- 圆形:表示连接。为避免流程过长或有线段交叉,可将流程切开,圆形即相当于切口处的连接头(成对出现)
|