主页:plantuml主页
在线编写:
PlantUML Server
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
@startuml
actor 用户
用户 -> 客户端 : 点击账号密码登录按钮
客户端 --> 用户 : 登录界面
用户 -> 客户端 : 输入账号、密码、点击登录按钮
客户端 --> 客户端 : 前端校验账号和密码的规则
alt 校验通过
客户端 -> 服务端 : 发起登录请求,传递账号和密码
else
客户端 --> 用户 : 展示校验不通过提示信息
end
database 数据库
服务端 -> 数据库 : 查询用户信息
数据库 --> 服务端 : 返回查询结果
服务端 --> 客户端 : 返回登录响应结果
alt 登录成功
客户端 --> 用户 : 返回登录成功页面,展示登录成功后的用户信息
else
客户端 --> 用户 : 展示登录失败提示信息
end
@enduml