@startmindmap
* 登录
** 账号密码登录
*** 账号输入框
*** 密码输入框
*** 登录按钮
** 第三方登录
@endmindmap
@startuml
actor 用户
用户 -> 客户端: 点击账号密码登录
客户端 --> 用户: 登录界面
用户 -> 客户端: 输入帐号、密码,点击登录按钮
客户端 -> 客户端: 前端校验帐号和密码规则
alt 校验通过
客户端 -> 服务端: 传递帐号和密码
else
客户端 --> 用户: 返回校验后的提示信息
end
database 数据库
服务端 -> 数据库: 查询用户登录信息
数据库 --> 服务端: 返回查询结果
服务端 --> 客户端: 返回登录结果
alt 登录成功
客户端 --> 用户: 登录成功,返回我的页面,展示登录后的信息
else
客户端 --> 用户: 提示登录失败信息
end
@enduml