印萍 发表于 2025-10-11 17:35:07

程序员的画图方式

本文分享自天翼云开发者社区《程序员的画图方式》.作者:y****n
1、推荐使用工具:typora轻量级markdown编辑器
2、语法
(1)语法如下:
```mermaid
```(2)流程图方向:
标志方向TBtop bottom - 从上到下BTbottom top - 从下到上RLright left - 从右到左LRleft 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(结束)
```
 

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

司空娅玲 发表于 2025-10-20 05:39:55

分享、互助 让互联网精神温暖你我

咸和璧 发表于 2025-12-8 11:41:12

过来提前占个楼

钤凑讪 发表于 2026-1-9 16:00:59

感谢分享,学习下。

乃阕饯 发表于 2026-1-10 00:52:40

东西不错很实用谢谢分享

南宫玉英 发表于 2026-1-13 20:41:58

感谢分享

胁冉右 发表于 2026-1-16 20:04:13

过来提前占个楼

莘度 发表于 2026-1-18 05:25:06

懂技术并乐意极积无私分享的人越来越少。珍惜

涂流如 发表于 2026-1-18 07:21:32

鼓励转贴优秀软件安全工具和文档!

轩辕娅童 发表于 2026-1-20 16:56:22

过来提前占个楼

糙昧邵 发表于 2026-1-23 03:09:40

感谢分享,下载保存了,貌似很强大

茅香馨 发表于 2026-1-23 03:13:12

热心回复!

暴灵珊 发表于 2026-1-23 09:28:31

过来提前占个楼

东门芳洲 发表于 2026-1-23 15:33:22

很好很强大我过来先占个楼 待编辑

毋峻舷 发表于 2026-1-25 15:56:55

用心讨论,共获提升!

丝甲坞 发表于 2026-1-29 04:20:43

收藏一下   不知道什么时候能用到

战匈琼 发表于 2026-2-2 02:13:59

感谢,下载保存了

劳暄美 发表于 2026-2-4 05:22:06

热心回复!

咚獭 发表于 2026-2-6 12:02:24

用心讨论,共获提升!

厌外 发表于 2026-2-6 12:11:36

感谢发布原创作品,程序园因你更精彩
页: [1] 2
查看完整版本: 程序员的画图方式