时序图里的 alt、opt、loop 分别是什么？

alt … else … end 是二选一分支，opt … end 是可选片段，loop … end 是循环。三者都可以嵌套，缩进只是为了好读，不影响语法。

消息文字里能写冒号吗？

冒号之后的整段都是消息文字，所以「返回 401 未授权」这样带数字的没问题；但文字里不要再出现分号。

怎么把编号从 1 以外的数字开始？

autonumber 10 从 10 开始，autonumber 10 5 从 10 开始每次加 5。

用户登录认证时序图模板

用户、网页、认证服务、数据库四个参与者的登录时序图：提交账号密码、查询用户、校验密码、返回 token 或 401。含 alt 分支与 Note，适合接口文档与系统设计，免费导出 PNG、Word、PPT。

预览用的是「靛蓝」主题，打开编辑器后可以换

在编辑器里打开免费 · 免登录 · 无水印

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

适用场景

接口设计文档、系统详细设计、毕业设计论文里的登录模块时序图。autonumber 给每条消息编号，方便文档里引用「第 3 步」；alt / else 画出密码正确与错误两个分支。

怎么改成你的

改成手机验证码登录：把「输入账号密码」换成「输入手机号」，在认证服务和数据库之间加「校验验证码」。
加第三方登录（微信 / Google）：新增 participant T as 第三方平台，在中间插入跳转与回调两条消息。
实线箭头 ->> 表示请求，虚线 -->> 表示返回；不需要编号就删掉 autonumber。
参与者名称在 participant X as 名称 里改，消息文字直接改冒号后面的内容。

Mermaid 代码

sequenceDiagram
    autonumber
    participant U as 用户
    participant W as 网页 / App
    participant S as 认证服务
    participant D as 数据库
    U->>W: 输入账号密码
    W->>S: POST /login
    S->>D: 查询用户
    D-->>S: 返回密码哈希
    alt 密码正确
        S-->>W: 返回 token
        W-->>U: 登录成功，进入首页
    else 密码错误
        S-->>W: 401 未授权
        W-->>U: 提示账号或密码错误
    end
    Note over W,S: 之后每次请求都在 Header 里带 token

让 AI 按这个结构生成一份

把下面这段发给豆包、DeepSeek、Kimi 或元宝，再把它的回复整段粘贴到编辑器，会自动识别其中的代码。

请用 Mermaid 的 sequenceDiagram 语法画一张用户登录认证时序图：参与者是用户、网页/App、认证服务、数据库。用户输入账号密码，网页调用登录接口，认证服务查询数据库得到密码哈希并校验，密码正确返回 token 并进入首页，错误返回 401 并提示。用 alt/else 表示两个分支，加 autonumber。只输出 mermaid 代码块。

常见问题

时序图里的 alt、opt、loop 分别是什么？: alt … else … end 是二选一分支，opt … end 是可选片段，loop … end 是循环。三者都可以嵌套，缩进只是为了好读，不影响语法。
消息文字里能写冒号吗？: 冒号之后的整段都是消息文字，所以「返回 401 未授权」这样带数字的没问题；但文字里不要再出现分号。
怎么把编号从 1 以外的数字开始？: autonumber 10 从 10 开始，autonumber 10 5 从 10 开始每次加 5。