程序员的画图方式

本文分享自天翼云开发者社区《程序员的画图方式》.作者：y****n

1、推荐使用工具：typora轻量级markdown编辑器

2、语法

（1）语法如下：

```mermaid
```

（2）流程图方向：

标志	方向
TB	top bottom - 从上到下
BT	bottom top - 从下到上
RL	right left - 从右到左
LR	left right - 从左到右
TD	等同于 TB

• 创建一个从左到右流程图语法如下：

```mermaid
graph LR 1[开始] --> 2[结束] ```

（3）流程块形状如下：

```mermaid
graph LR 1[方形] --> 2(圆角) --> 3((圆形)) --> 4>非对称] --> 5{菱形} --> 6{{六角形}} 7[\平行四边形\] --> 8[/平行四边形/] --> 9[/梯形\] --> 10[\梯形/] ```

 

（4）连线样式

• 有箭头：一般指数据流方向
• 无箭头：仅表示相关性
• 实线：强关联
• 虚线：弱关联

```mermaid
graph LR 1[开始] -- 箭头 --> 2[结束] 3[开始] -- 无箭头 --- 4[结束] 5[开始] -. 虚线 .-> 6[结束] ```

3、实例

```mermaid
graph LR
A(开始)-->B{缓存中是否有数据} B-->|yes|C[返回正常数据] B-->|no|D{数据库中是否有数据} D-->|yes|E[更新缓存] D-->|no|F[缓存空数据] E-->C
F-->C
C-->G(结束) ```