流程图是可视化复杂思想和过程的首选工具。但是,创立一个好的流程图可能需求很多时刻。
在本文中,我将向你展现如何在不到一分钟的时刻内运用ChatGPT(最好是GPT-4)创立令人惊叹的流程图。
生成Mermaid语法图表
我运用名为 mermaid.live 的流程图编辑器进行流程图的编辑工作。尽管这个编辑器有一套自己的语法示例,但你不需求对它有深化的了解或熟悉,由于所有的编辑工作都会由ChatGPT来完结。
只需复制GPT生成的Mermaid代码,然后将其粘贴到mermaid.live中,你将立即取得一个精美的图表。那我们现在就开端创立第一个流程图吧:
运用 mermaid.js 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
鄙人面的示例中,ChatGPT运用更多不同的图表类型
生成用户旅程图试试?
运用 mermaid.js user journey daigram 语法,生成一个图表,显现登陆体系的用户旅程
生成的代码:
journey
title 用户登录体系
section 访问登录页面
登录页面-->|用户打开登录页面| 输入用户名和暗码 : 用户在登录页面输入用户名和暗码
section 提交登录表单
输入用户名和暗码-->|用户点击登录按钮| 提交登录表单 : 用户提交登录表单进行验证
section 验证登录信息
提交登录表单-->|体系验证用户名和暗码| 验证登录信息 : 体系验证用户提交的用户名和暗码
section 登录成功
验证登录信息-->|验证成功| 登录成功 : 用户成功登录体系
section 登录失利
验证登录信息-->|验证失利| 显现登录失利音讯 : 用户登录失利,体系显现登录失利的音讯
生成甘特图试试?
运用 mermaid.js 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
GPT可以协助生成各种类型的图表,比如思维导图(Mindmap),时刻线(Timeline),和类图(Class Diagram)等,需求根据实践需求来确认。可能初始生成的图表并不完全满足需求,但可以通过持续提供更多信息来不断优化,直到得到满意的成果。
代码生成流程图
关于程序猿来说,更好用的是用GPT来帮你读代码并画流程图,我测验让GPT为我项目中的阿里付出部分代码生活流程图:
运用 mermaid.js 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
你乃至可以利用它生成Asciiflow的流程图来便利地写入代码注释之中。
+--------+ +------------+ +----------+
| 开端 | -----> | 发送恳求 | -----> | 解析呼应 |
+--------+ +------------+ +----------+
|
|
呼应码是否为200?
|
|
+---------v---------+
| 是 |
| 判别是否为移动设备 |
| 否 |
+---------+---------+
|
|
+---------v---------+
| 是 |
| 设置二维码 |
+---------+---------+
|
|
+---------v---------+
| 显现错误信息 |
+---------+---------+
|
|
+---------v---------+
| 设置URL |
+---------+---------+
|
|
+---------v---------+
| 设置倒计时 |
+---------+---------+
|
|
+---------v---------+
| 创立定时器 |
+---------+---------+
|
|
+---------v---------+
| 更新倒计时 |
+---------+---------+
|
|
倒计时 <= 0? | 倒计时 > 0?
|
|
+---------v---------+
| 铲除定时器 |
+---------+---------+
|
|
+---------v---------+
| 检查是否到账 |
+---------+---------+
|
|
倒计时 <= 0? | 倒计时 > 0?
|
|
+---------v---------+
| 铲除定时器 |
+---------+---------+
|
|
+---------v---------+
| 发送检查恳求 |
+---------+---------+
|
|
+---------v---------+
| 解析检查呼应 |
+---------+---------+
|
|
呼应码是否为200?
|
|
+---------v---------+
| 是 |
| 充值已到账 |
+---------+---------+
|
|
+---------v---------+
| 躲藏充值界面 |
+---------+---------+
这样,你可以轻松地为你的复杂代码创造出详细的流程图。你只需求生成文本方式的流程,然后将其粘贴在代码注释之中。这将协助你的同事更好地理解你的代码。
结论
很令人兴奋可以看到ChatGPT如何将简略的提示和长篇文章转化为令人惊叹的流程图。手动创立这样的可视化通常需求花费很多的时刻。测验将相似的内容纳入您的工作流程中,发挥您的想象力!
附 ChatGPT4镜像站