系统分析与设计个人报告

课程学习总结

在本次项目中，我们实现了一个网页端的“挣闲钱”项目，我在课程作业中主要负责前端的工作，包括登录，注册页面的实现，页面路由的简单管理。

登录，注册页面

登录，注册页面的页面设计是由项目的页面UI设计同学负责设计的，是使用了axure来设计页面元素，然后我使用Vue实现这两个页面的外观以及内部功能逻辑。由于是第一次接触Vue所以花了一段时间来看文档和教程。外观实现是使用element-ui的元素来实现，element-ui的使用方法很简单，只需要去官网查看组件的使用方法即可，可以很快的设计出想要的组件。而且功能很强大，对于注册页面的输入规范，element-ui的组件也可以管理。

页面路由的简单管理

一开始管理路由是希望当用户登录后，再次访问登录注册页面时，路由会跳转到主页。后来还添加了前后端登录状态同步的功能。方法的实现是使用了Vue Route，这里是Vue Route的文档文档

PSP 2.1 统计

name	Personal Software Process Stages	Time (%)
Planning	计划	10
estimate	预估任务时间	10
Development	开发	80
analysis	需求分析	12
design spec	生成设计文档	3
estimate	设计复审	5
coding standard	代码规范	3
design	具体设计	20
coding	具体编码	20
code review	代码复审	10
test	测试	7
Report	报告	10
test report	测试报告	5
size measurement	计算工作量	1
postmortem & process improvement plan	总结	4

在项目相关仓库中的贡献

记录最得意/或有价值/或有苦劳的工作清单

• 最得意：在完成课程作业的过程中掌握了Vue，Element-ui，Vue Route等库和模块的使用，并灵活运用于具体功能的实现中
• 最有价值：提出一种解决前后端同步问题的方法并使用
• 最有苦劳：实现登录注册页面

个人博客清单

Vue使用导航守卫管理页面跳转以及同步前后端登录状态

特别鸣谢

感谢项目经理 huangjundashuaige同学，他每周整理组会记录，提醒我们每周的任务

感谢 EmilyBlues同学，她为我们设计了页面，并推荐我们使用Element-ui进行页面的实现。

感谢前端开发的组员 wkfdb
qingyunhuohuo
ddghost，与他们的合作十分愉快。

感谢后端开发的组员huntingwolf320
ZTao-z
sherluck314，与他们的沟通提高了作业效率。