searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

程序员的画图方式

2023-09-05 02:24:42
3
0

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(结束)
```  

 

0条评论
作者已关闭评论
y****n
4文章数
0粉丝数
y****n
4 文章 | 0 粉丝
y****n
4文章数
0粉丝数
y****n
4 文章 | 0 粉丝
原创

程序员的画图方式

2023-09-05 02:24:42
3
0

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(结束)
```  

 

文章来自个人专栏
文章 | 订阅
0条评论
作者已关闭评论
作者已关闭评论
0
0