如何利用 GPT4创建引人注目的流程图
流程图是可视化复杂思想和过程的首选工具。然而，创建一个好的流程图可能需要很多时间。
在本文中，我将向你展示如何在不到一分钟的时间内使用ChatGPT（最好是GPT-4）创建令人惊叹的流程图。
生成Mermaid语法图表
我使用名为 的流程图编辑器进行流程图的编辑工作。虽然这个编辑器有一套自己的语法示例，但你不需要对它有深入的了解或熟悉，因为所有的编辑工作都会由ChatGPT来完成。
只需复制GPT生成的Mermaid代码，然后将其粘贴到中，你将立即获得一个精美的图表。那我们现在就开始创建第一个流程图吧：
使用 flowchart 语法，生成一个图表，显示12306订票流程图
生成了以下代码：
graph TD
A(选择出发地和目的地) --> B(选择日期和车次)
B --> C(选择座位类型)
C --> D(登录账号)
D --> E(填写乘客信息)
E --> F(核对订单信息)
F --> G(选择支付方式)
G --> H(完成支付)
H --> I(获取订单确认)
I --> J(出票成功)
J --> K(结束)
F --> L(订单信息有误)
L --> M(修改订单信息)
M --> F
G --> N(支付失败)
N --> G
D --> O(账号登录失败)
O --> P(重新登录)
P --> D
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
在下面的示例中，ChatGPT使用了与我提示的不同的图表类型
生成用户旅程图试试？
使用 user journey daigram 语法，生成一个图表，显示登陆系统的用户旅程
生成的代码：
journey
title 用户登录系统
section 访问登录页面
登录页面-->|用户打开登录页面| 输入用户名和密码 : 用户在登录页面输入用户名和密码
section 提交登录表单
输入用户名和密码-->|用户点击登录按钮| 提交登录表单 : 用户提交登录表单进行验证
section 验证登录信息
提交登录表单-->|系统验证用户名和密码| 验证登录信息 : 系统验证用户提交的用户名和密码
section 登录成功
验证登录信息-->|验证成功| 登录成功 : 用户成功登录系统
section 登录失败
验证登录信息-->|验证失败| 显示登录失败消息 : 用户登录失败，系统显示登录失败的消息
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
生成甘特图试试？
使用 v. 9.2.2 Gantt chart daigram 语法，生成一个图表，显示软件开发任务进度安排
生成的代码：
dateFormat YYYY-MM-DD
title 软件开发任务进度安排
section 项目计划
需求分析 :a1, 2023-07-01, 7d
设计 :a2, after a1, 5d
开发 :a3, after a2, 14d
测试 :a4, after a3, 7d
section 项目部署
部署 :b1, 2023-08-01, 3d
上线运行 :b2, after b1, 2d
section 支持和维护
用户支持 :c1, after b2, 7d
故障排除 :c2, after c1, 7d
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
GPT可以协助生成各种类型的图表，比如思维导图（Mindmap），时间线（Timeline），和类图（Class Diagram）等，需要根据实际需求来确定。可能初始生成的图表并不完全满足需求，但可以通过持续提供更多信息来不断优化，直到得到满意的结果。
代码生成流程图
对于程序猿来说，更好用的是用GPT来帮你读代码并画流程图，我尝试让GPT为我项目中的阿里支付部分代码生活流程图：
使用 flowchart 语法 [这里插入代码]
生成的代码：
graph LR
A[开始] --> B[发送请求]
B --> C[解析响应]
C --> D{响应码是否为200?}
D -->|是| E[判断是否为移动设备]
D -->|否| G[显示错误信息]
E --> F[设置二维码]
C --> H[设置URL]
C --> I[设置倒计时]
I --> J[创建定时器]
J --> K[更新倒计时]
K -->|倒计时<=0| L[清除定时器]
K -->|倒计时>0| J
L --> M[隐藏充值界面]
L --> N[清除URL]
J --> O[检查是否到账]
O -->|倒计时<=0| P[清除定时器]
O -->|倒计时>0| Q[发送检查请求]
Q --> R[解析检查响应]
R --> S{响应码是否为200?}
S -->|是| T[判断是否充值已到账]
S -->|否| O
T --> U[更新用户信息]
U --> V[显示充值成功信息]
V --> M
V --> N
G --> A
P --> A
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
你甚至可以利用它生成Asciiflow的流程图来便利地写入代码注释之中。
+--------+ +------------+ +----------+
| 开始 | -----> | 发送请求 | -----> | 解析响应 |
+--------+ +------------+ +----------+
|
|
响应码是否为200?
|
|
+---------v---------+
| 是 |
| 判断是否为移动设备 |
| 否 |
+---------+---------+
|
|
+---------v---------+
| 是 |
| 设置二维码 |
+---------+---------+
|
|
+---------v---------+
| 显示错误信息 |
+---------+---------+
|
|
+---------v---------+
| 设置URL |
+---------+---------+
|
|
+---------v---------+
| 设置倒计时 |
+---------+---------+
|
|
+---------v---------+
| 创建定时器 |
+---------+---------+
|
|
+---------v---------+
| 更新倒计时 |
+---------+---------+
|
|
倒计时 <= 0? | 倒计时 > 0?
|
|
+---------v---------+
| 清除定时器 |
+---------+---------+
|
|
+---------v---------+
| 检查是否到账 |
+---------+---------+
|
|
倒计时 <= 0? | 倒计时 > 0?
|
|
+---------v---------+
| 清除定时器 |
+---------+---------+
|
|
+---------v---------+
| 发送检查请求 |
+---------+---------+
|
|
+---------v---------+
| 解析检查响应 |
+---------+---------+
|
|
响应码是否为200?
|
|
+---------v---------+
| 是 |
| 充值已到账 |
+---------+---------+
|
|
+---------v---------+
| 隐藏充值界面 |
+---------+---------+
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
这样，你可以轻松地为你的复杂代码创造出详细的流程图。你只需要生成文本形式的流程，然后将其粘贴在代码注释之中。这将帮助你的同事更好地理解你的代码。
结论
很令人兴奋能够看到ChatGPT如何将简单的提示和长篇文章转化为令人惊叹的流程图。手动创建这样的可视化通常需要花费大量的时间。尝试将类似的内容纳入您的工作流程中，发挥您的想象力！
附 ChatGPT4镜像站
本文由mdnice多平台发布