图搭子

用户注册流程图模板

手机号注册流程图:判断是否已注册、发送与校验验证码、错误次数超限锁定、设置密码并创建账号。含开始结束节点与判断分支,适合产品需求文档与毕业设计,免费导出 PNG、Word、PPT。

开始

输入手机号

手机号已注册?

提示直接登录

结束

发送验证码

输入验证码

验证码正确?

错误超过 5 次?

锁定 10 分钟

设置密码

创建账号并登录

预览用的是「靛蓝」主题,打开编辑器后可以换
在编辑器里打开免费 · 免登录 · 无水印

改文字、换主题,导出 Word / PPT / PDF

适用场景

产品需求文档(PRD)、系统设计说明、毕业设计论文里的功能流程。圆角的开始 / 结束节点、菱形判断、两个分支回流,是标准流程图画法。

怎么改成你的

  • 邮箱注册:把「手机号」换成「邮箱」,「发送验证码」换成「发送验证邮件」。
  • 加「同意用户协议」判断:在设置密码前插入一个菱形。
  • 错误次数与锁定时间在节点文字里改。
  • 步骤文字在预览里双击可改,改完的内容同步回代码。

Mermaid 代码

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 或元宝,再把它的回复整段粘贴到编辑器,会自动识别其中的代码。

请用 Mermaid 的 flowchart TD 语法画一张用户注册流程图:开始后输入手机号,判断是否已注册(已注册则提示直接登录并结束),未注册则发送验证码、输入验证码,判断验证码是否正确,错误则判断是否超过 5 次(未超过回到输入验证码,超过则锁定 10 分钟并结束),正确则设置密码、创建账号并登录后结束。开始和结束用圆角节点。只输出 mermaid 代码块。

常见问题

流程图的形状分别怎么写?

[ ] 是普通步骤,{ } 是判断,([ ]) 是开始 / 结束,[( )] 是数据库,[[ ]] 是子流程。判断的出口在连线上写文字:C -- 是 --> D

分支回流的线交叉了怎么办?

排版引擎自动绕线,少量交叉正常。可以试着调整节点声明的顺序,或者把 TD 改成 LR 看哪种更清楚。

这张图能放进 PPT 里继续改吗?

PPT 里是图片,文末附了代码;要改就把代码贴回编辑器,改完再导一次。

同类模板

全部模板

更新于 2026-09-05