Typora flow流程图书写体验

参考typora制作流程图中flowchart.js相关介绍，画一画MySQL执行查询SQL语句的流程图，代码如下：

参考代码：

st=>start: 建立连接
op1=>operation: 查询缓存
cond1=>condition: 是否命中
op2=>operation: 未命中
op3=>operation: 命中
op3=>operation: 返回结果
op4=>operation: 检查语法
cond2=>condition: 是否正确
oper1=>operation: 报错
oper2=>operation: 报错
op5=>operation: 解析SQL
op6=>operation: 生成解析树
cond3=>condition: 验证通过
op7=>operation: 生成执行计划
op8=>operation: 调用一个具体的存储引擎
op9=>end: 访问存储层获取数据

st->op1->cond1
cond1(no)->op2
cond1(yes)->op3
op2->op4
op4->cond2
cond2(no)->oper1
cond2(yes)->op5
op5->op6
op6->cond3
cond3(no)->oper2
cond3(yes)->op7
op7->op8
op8->op9

显示效果：

书写感受：

该流程图主要由开始/结束（椭圆矩形）、处理（矩形）、判断（菱形）三种图标组成，对应代码中的start/end、operation、condition关键字，代码宏观上分为两个部分，第一部分定义图形的类型、显示内容等属性，用一个自定义变量（不要重名）如st、op1、op2等指向这个属性（有点类似于指针）；第二部分用于定义图形的连接顺序，操作第一步定义的“指针”使用->符号连接（其中判断图标有额外的yes/no选项）。
此外，关键字与文本内容之间需用:加空格隔开。

附加一：MySQL架构的分层：

附加二、CSDN的Markdown编辑器也支持flowchart.js：