当前位置:AIGC资讯 > AIGC > 正文

使用AIGC生成软件类图表

文章目录

如何使用 AI 生成软件类图表 什么是 Mermaid Mermaid 的图片如何保存? mermaid.live Draw.io Mermaid可以画什么图? 流程图 时序图 / 序列图 类图 状态图 甘特图 实体关系图 / ER图

如何使用 AI 生成软件类图表

ChatGPT 大语言模型不能直接生成各类图表。但是可以通过生成图表相关的代码来渲染或者转换成图表。

Mermaid 就是其中之一。我们可以让ChatGPT生成Mermaid语法的代码,在使用JS工具进行图表的渲染。

什么是 Mermaid

Mermaid 是一个基于 JavaScript 的图表工具,可渲染 Markdown 启发的文本定义以动态创建和修改图表。

Mermaid 的图片如何保存?

mermaid.live

网站:https://mermaid.live/edit

Draw.io

网站:https://app.diagrams.net/

导入mermaid:

导出png等格式:

Mermaid可以画什么图?

流程图

官方文档:流程图语法 | Mermaid 中文网 (nodejs.cn)

Prompt (问题):

给我画一个《使用Redis、Token 进行SSO单点登录》流程图,需要标准的mermaid格式。

生成结果:

WangAI 案例分享:https://ai.wmhwiki.cn/share/6c3524c72fad975b68f6154a5a5cea3c

时序图 / 序列图

官方文档:序列图 | Mermaid 中文网 (nodejs.cn)

Prompt (问题):

**使用标准的 mermaid 格式,**画出一个《在线购物系统》的时序图,有用户,商家,管理员三个角色

生成结果:

WangAI 案例分享:https://ai.wmhwiki.cn/share/f00bd6aed413542a0fca8cd128a8eb03

类图

官方文档:类图 | Mermaid 中文网 (nodejs.cn)

Prompt (问题):

**使用标准的 mermaid 格式,**绘制出一个类图。

表述如下:微信支付是一种非常方便的电子支付方式。顾客购买完商品后,卖家计算总价,并出示二维码(二维码由图片和账号组成)。顾客扫码后,输入支付金额,并点击支付。如果微信余额足够,则余额支付,如果余额不足,则调用银行支付接口,从银行卡支付。顾客输入正确密码。

生成结果:

WangAI 案例分享:https://ai.wmhwiki.cn/share/08909f879c4a54528ff03503bfbd1634

状态图

官方文档:状态图 | Mermaid 中文网 (nodejs.cn)

Prompt (问题):

**使用标准的 mermaid 格式,**用状态图描述一个请假流程

少于等于 3 天的请假申请,辅导员审批就可以了,超过 3 天的请假还需系主任审批。

生成结果:

WangAI 案例分享:https://ai.wmhwiki.cn/share/4c546f1b3727c04cd0a7401a22635c97

甘特图

官方文档:甘特图 | Mermaid 中文网 (nodejs.cn)

Prompt (问题):

某项目开发小组拟开发一个软件系统,进度安排如下:可行性分析半个月;需求分析一个月;概要设计在需求分析进展一半后开始进行,持续两个月;详细设计在概要设计完成后开始,持续两个月;编码工作在详细设计进展一个半月后开始,持续一个月,测试工作与编码工作同时进行,持续一个半月。

使用标准的 mermaid 格式,绘制该系统进度安排的甘特图。

生成结果:

WangAI 案例分享:https://ai.wmhwiki.cn/share/f12411337f4d1f48f9da9319ffc23f9b

实体关系图 / ER图

官方文档:实体关系图 | Mermaid 中文网 (nodejs.cn)

Prompt (问题):

使用标准的 mermaid 格式,绘制ER图。

某企业有几家餐厅,每个餐厅经营多种食品,每种食品可在多家餐厅制作,每间餐厅可以为制作的不同食品进行自主定价,每家餐厅聘用多名职员,每位职员只能在一家餐厅工作,每位职员在不同的餐厅打工有聘用期和工资,每间餐厅有一个经理,每个经理只能管理一间餐厅。
餐厅的属性有餐厅编号、餐厅名、地址;
食品的属性有食品编号、食品名;
职工的属性有职工编号、职工名、职位和性别。

生成结果:

WangAI 案例分享:https://ai.wmhwiki.cn/share/dad53b37010c47d4817cbf19364d4c7d

更新时间 2024-06-08