使用大模型结合Mermaid实现业务流程图快速生成

一、需求描述

在日常系统研发过程中，经常面临前期要写投标技术文档，中期要写系统概要设计、详细设计等各类文档，最耗时间的便是画一些业务流程图。随着大模型的不断普及，大模型对文字的处理越来越强，现可以找一个能简化手动画图的方案。

本文档主要介绍使用ChatGPT结合Mermaid实现业务流程简单快速生成，满足一些为了凑页数对作图要求不高的文档。至于那些对图片和文档质量要求很高的，此方案不太行了，需要大家手工画图。

1. ChatGPT

本方案需要能够访问ChatGPT，并使用ChatGPT 3.5或者ChatGPT 4。若没有访问能力，也可以使用一些套壳ChatGPT的应用或者网站。国内一些平台如抖音旗下的豆包、阿里旗下的通义、百度的文心一言，应该都具备直接将文字版流程转换成流程图代码的能力。

或者可以使用以下整理的网站：​​一些套壳ChatGPT网站​​

2. Mermaid

Mermaid是一种用于生成图表的简单而强大的工具，它使用Markdown风格的语法来描述各种图表类型，包括流程图、序列图、甘特图等。通过Mermaid，用户可以轻松地创建复杂的图表，并将其嵌入到文档、网页或其他文本环境中。Mermaid支持多种输出格式，包括SVG、PNG和PDF，使其适用于各种应用场景。由于其简洁的语法和灵活的功能，Mermaid已经成为许多开发人员、技术作者和项目管理人员的首选工具之一。

在线免费使用网址：​​https://mermaid.live/​​

二、生成流程图的步骤

2.1 定义流程图的内容

首先，确定你要生成的系统业务流程图的内容。可以列出流程的主要步骤、决策点以及各步骤之间的关系。

2.2 使用ChatGPT生成Mermaid代码

你可以向ChatGPT描述你的业务流程，让它生成相应的Mermaid代码。

2.3 将Mermaid代码转换为流程图

将生成的Mermaid代码放入支持Mermaid的环境中，例如在线免费网站（​​https://mermaid.live/​​）渲染成流程图。

2.4 下载生成图片

将生成的图片按照自己需要的格式下载下来，或者直接引用当前图片的链接。

三、具体示例

3.1 提前文字版描述好自己业务流程

请生成一个业务流程图，内容包括：

1. 用户登录
2. 检查用户权限
3. 如果权限有效，显示内容；否则显示权限错误
4. 用户可以选择注销

3.2 使用ChatGPT生成Mermaid代码

首先打开ChatGPT聊天对话框，将文字形式写好的业务流程，交给ChatGPT，让它生成Mermaid的流程代码：

​

​

3.3 生成业务流程图

将ChatGPT生成的代码粘到mermaid在线网站上，自动生成业务流程图

​

​

3.4 下载生成结果图片

根据自己需求下载图片，粘贴到文档中。

​

​

​