14.业务架构分析

• 业务架构：业务模块之间的关系
• 技术架构：技术组件之间的关系与通讯方式
• 组织架构：协作团队的组织关系
• 数据架构：数据的关联关系

• 思维导图
• plantuml

@startmindmap
* 登录
** 账号密码登录
*** 账号输入框
*** 密码输入框
*** 登录按钮
** 第三方登录
@endmindmap

@startuml
actor 用户

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

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

database 数据库

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

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