适用场景
产品需求文档（PRD）、系统设计说明、毕业设计论文里的功能流程。圆角的开始 / 结束节点、菱形判断、两个分支回流，是标准流程图画法。
怎么改成你的
- 邮箱注册：把「手机号」换成「邮箱」，「发送验证码」换成「发送验证邮件」。
- 加「同意用户协议」判断：在设置密码前插入一个菱形。
- 错误次数与锁定时间在节点文字里改。
- 步骤文字在预览里双击可改，改完的内容同步回代码。
Mermaid 代码
user-registration-flowchart.mmd
flowchart TD
A([开始]) --> B[输入手机号]
B --> C{手机号已注册?}
C -- 是 --> D[提示直接登录]
D --> L([结束])
C -- 否 --> E[发送验证码]
E --> F[输入验证码]
F --> G{验证码正确?}
G -- 否 --> H{错误超过 5 次?}
H -- 否 --> F
H -- 是 --> I[锁定 10 分钟]
I --> L
G -- 是 --> J[设置密码]
J --> K[创建账号并登录]
K --> L让 AI 按这个结构生成一份
把下面这段发给豆包、DeepSeek、Kimi 或元宝，再把它的回复整段粘贴到编辑器，会自动识别其中的代码。
prompt.txt
请用 Mermaid 的 flowchart TD 语法画一张用户注册流程图：开始后输入手机号，判断是否已注册（已注册则提示直接登录并结束），未注册则发送验证码、输入验证码，判断验证码是否正确，错误则判断是否超过 5 次（未超过回到输入验证码，超过则锁定 10 分钟并结束），正确则设置密码、创建账号并登录后结束。开始和结束用圆角节点。只输出 mermaid 代码块。
常见问题
- 流程图的形状分别怎么写？
[ ]是普通步骤，{ }是判断，([ ])是开始 / 结束，[( )]是数据库，[[ ]]是子流程。判断的出口在连线上写文字：C -- 是 --> D。- 分支回流的线交叉了怎么办？
排版引擎自动绕线，少量交叉正常。可以试着调整节点声明的顺序，或者把
TD改成LR看哪种更清楚。- 这张图能放进 PPT 里继续改吗？
PPT 里是图片，文末附了代码；要改就把代码贴回编辑器，改完再导一次。
同类模板
更新于 2026-09-05