结对第二次作业-编程实现

[222100413刘家伟]

---

这个作业属于哪个课程	班级的链接
这个作业要求在哪里	作业要求的链接
结对学号	052101407，222100413
这个作业的目标	世界游泳锦标赛的赛事信息平台原型的编程实现
其他参考文献	构建之法

---

目录

• git仓库链接和代码规范链接
• PSP表格
• 项目展示
• 结对讨论过程描述
• 设计实现过程
• 代码说明
• 心路历程和收获
• 评价结对队友
• 刘家伟对吴伟杰的评价
• 吴伟杰对刘家伟的评价

git仓库链接和代码规范链接

Gitcode仓库地址

---

PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	10	30
Discussion	结对讨论	20	50
Estimate	估计这个任务需要多少时间	10	10
Development	代码分工	30	30
Analysis	代码实现	540	540
Improvement	代码改进	120	200
Reporting	报告	120	150
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	60	60
合计		850	1060

---

项目展示

项目地址
这个是奖牌榜，通过获取每个国家的金银铜牌数量，按照金牌数量倒序显示

这个是运动员信息表格

这个是赛程信息表格 显示日期以及赛事

这个是了解更多 显示一些关于游泳赛事的信息

结对讨论过程描述

我们采用了前后端分离的方式完成作业，伟杰同学负责前端，家伟同学负责后端，虽然但是，对于前端技术刚刚起步的伟杰同学来说，家伟总能够给予帮助！

设计实现过程

前端采用Vue3框架实现，通过axios与后端数据进行交互，拿到数据后渲染在前端页面上。设计图如下：

---

代码说明

通过axios.get向后端请求数据,拿到数据后保存在data的athletes数组里

总体来说，前端拿到数据后通过{{xxx}}解析渲染数据，当需要重复渲染数据时，可用v-for等渲染

导航栏采用vue的单页路由，以获得更快的加载速度以及更流畅的用户体验

后端用http请求拿到官网赛事数据后用json解析放入mysql

前端页面通过router组件将其他部分组件进行局部变更而不需要影响整个页面

心路历程和收获

在结对作业中，我们共同面对了任务的挑战（对于没啥基础的伟杰同学来说才算挑战），通过密切合作完成了项目。一开始，我们讨论任务细节和分工，明确双方的责任和任务。在编码过程中，共同解决问题、相互协作，不断交流并互相学习。通过结对编程，我们不仅提高了解决问题的效率，还增进了彼此的技术水平和合作能力。

评价结对队友

刘家伟对吴伟杰的评价

队友很好，一起结对很愉快，分工方面大家都很满意，在最初code和后续改进方面我们都有互相帮助，满分

吴伟杰对刘家伟的评价

家伟同学有着丰富的项目经验，对于项目流程和技术的把控十分熟练，能够在合作中发挥重要作用。作为家伟同学的队友获益匪浅！