plantUML画时序图

相关链接

• plantuml 官网：https://plantuml.com/zh/
• 中文文档：plantuml中文文档
• 中文文档下载：PlantUML_Language_Reference_Guide_zh.pdf (2.0 MB)

时序图简单示例

@startuml
autonumber

actor user
database db

Alice -> Bob: Hi Bob
Bob --> Alice: Hi Alice

Alice -> Bob: how are you？
Alice <-- Bob: Fine，thanks.
@enduml

image.png

登录场景

@startuml
actor 用户

用户 -> 客户端: 点击账号密码登录
客户端 --> 用户: 登录界面
用户 -> 客户端: 输入帐号、密码，点击登录按钮
客户端 -> 客户端: 前端校验帐号和密码

alt 校验是否通过
客户端 -> 服务端: 传递帐号和密码
else
客户端 --> 用户: 返回校验后的提示信息
end

database 数据库

服务端 -> 数据库: 查询用户登录信息
数据库 --> 服务端: 返回查询结果
服务端 --> 客户端: 返回登录结果

alt 登录是否成功
客户端 --> 用户: 登录成功，返回我的页面，展示登录后的信息
else
客户端 --> 用户: 提示登录失败信息
end
@enduml

image.png