任务一 分析登录需求
一、任务目标
对照登录页面的目标效果，认识页面组成和操作入口，明确输入校验、登录结果处理及登录状态恢复的规则，确定本单元要实现的功能范围。
二、查看登录页面目标效果
下图分别展示初始工程的运行页面和本单元需要完成的登录页面。
用户在登录页填写用户名和密码，勾选用户协议后提交登录。密码以隐藏字符显示。登录成功后进入主页面，再次启动时根据已保存的登录状态直接进入主页面。
三、认识登录页面结构
登录页面从上到下分为三个区域，各区域的显示内容和作用如下表所示。
| 页面区域 | 显示内容 | 作用 |
|---|---|---|
| 页面顶部 | 关闭按钮、欢迎文字 | 关闭登录页面、说明页面用途 |
| 账号输入区 | 用户名输入框、密码输入框 | 接收账号信息，密码隐藏显示 |
| 页面操作区 | 用户协议、登录按钮、账号注册入口 | 确认协议、提交登录、进入注册 |
四、确认登录操作
登录页面需要响应以下操作。完成开发后，可按表中的内容逐项检查。
| 用户操作 | 应用响应 |
|---|---|
| 点击左上角关闭按钮 | 关闭登录页面 |
| 不填写用户名，点击登录按钮 | 提示“用户名不能为空” |
| 已填写用户名但未填写密码，点击登录按钮 | 提示“密码不能为空” |
| 已填写用户名和密码但未勾选协议，点击登录按钮 | 提示“请阅读并同意用户隐私协议” |
| 输入错误的账号信息并登录 | 停留在登录页面，显示登录失败原因 |
| 输入正确的账号信息并登录 | 登录成功，进入主页面 |
| 登录成功后重新启动应用 | 保持登录状态，直接进入主页面 |
应用按照用户名、密码、用户协议的顺序检查输入内容。发现不符合要求的内容后，立即显示对应提示并结束本次登录操作。
提交请求后，页面显示加载动画和“登录中…”提示。请求结束时关闭提示；失败时留在登录页，用户可以修改输入后重试。
五、了解登录处理过程
登录流程如下图所示。沿着箭头，可以了解应用如何选择启动页面，以及提交登录后如何处理结果。
整个流程分为三个环节：
- 选择启动页面：启动时检查本地是否保存了登录信息。已保存时进入主页面，否则显示登录页。
- 校验输入并验证账号：点击登录后，依次检查用户名、密码和协议勾选状态。输入符合要求时，才调用登录接口验证账号。
- 获取资料并保存状态：账号验证通过后，获取用户信息。图中的“初始化用户”就是获取用户资料，并在获取成功后保存用户信息和登录凭证，最后进入主页面。
输入校验、账号验证或用户信息获取失败时，应用显示对应提示并留在登录页，用户可以修改输入或稍后重试。只有账号验证和用户信息获取均成功后，才保存登录状态。
登录页所需的文字、样式、图标和加载动画已包含在初始工程中，直接引用即可。
任务小结
本任务明确了登录页面的组成、登录操作和开发范围。登录状态只在账号验证和用户信息获取均成功后保存。