程序员的画图方式

本文分享自天翼云开发者社区《程序员的画图方式》.作者：y****n
1、推荐使用工具：typora轻量级markdown编辑器
2、语法
（1）语法如下：

1. ```mermaid
2. ```

复制代码

（2）流程图方向：
标志方向TBtop bottom - 从上到下BTbottom top - 从下到上RLright left - 从右到左LRleft right - 从左到右TD等同于 TB

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

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

复制代码

（3）流程块形状如下：

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

复制代码

 
（4）连线样式

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

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

复制代码

3、实例

1. ```mermaid
2. graph LR
3. A(开始)-->B{缓存中是否有数据}
4. B-->|yes|C[返回正常数据]
5. B-->|no|D{数据库中是否有数据}
6. D-->|yes|E[更新缓存]
7. D-->|no|F[缓存空数据]
8. E-->C
9. F-->C
10. C-->G(结束)
11. ```  

复制代码

 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！