一、博客链接
二、具体分工
三、PSP表格
| 过程 | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|
| 计划 | 15 | 15 |
| 估计任务时间 | 15 | 15 |
| 开发 | 300 | 330 |
| 需求分析 (包括学习新技术) | 270 | 270 |
| 生成设计文档 | 30 | 60 |
| 设计复审 | 0 | 0 |
| 代码规范 (为目前的开发制定合适的规范) | 0 | 0 |
| 具体设计 | 0 | 0 |
| 具体编码 | 0 | 0 |
| 代码复审 | 0 | 0 |
| 测试（自我测试，修改代码，提交修改） | 0 | 0 |
| 报告 | 30 | 30 |
| 测试报告 | 0 | 0 |
| 计算工作量 | 0 | 0 |
| 事后总结, 并提出过程改进计划 | 30 | 30 |
| 合计 | 300 | 375 |
四、解题思路描述与设计实现说明
网络接口的使用
代码组织与内部实现设计
说明算法的关键与关键实现部分流程图
五、关键代码解释
登录界面：
<div id="particles-js">
<div class="login">
<div class="login-top">
登录
</div>
<div class="login-center clearfix">
<div class="login-center-img"><img src="img/name.png"/></div>
<div class="login-center-input">
<input type="text" name="" value="" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'"/>
<div class="login-center-input-text">用户名</div>
</div>
</div>
<div class="login-center clearfix">
<div class="login-center-img"><img src="img/password.png"/></div>
<div class="login-center-input">
<input type="password" name=""value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'"/>
<div class="login-center-input-text">密码</div>
</div>
</div>
<div class="login-button">
登录
</div>
</div>
<div class="sk-rotating-plane"></div>
</div>
六、性能分析与改进
描述你改进的思路
展示性能分析图和程序中消耗最大的函数
七、单元测试
八、贴出Github的代码签入记录
九、遇到的代码模块异常或结对困难及解决方法
问题描述
做过哪些尝试
是否解决
有何收获
十、评价你的队友
值得学习的地方
- 需要改进的地方
十一、学习进度条
| 第N周 | 新增代码（行） | 累计代码（行） | 本周学习耗时(小时) | 累计学习耗时（小时） | 重要成长 |
|---|---|---|---|---|---|
| 1 | 500 | 500 | 20 | 20 |