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

222100429俞传骞 2024-03-26 16:16:03

这个作业属于哪个课程	2302软件工程社区
这个作业要求在哪里	结对第二次作业——编程实现
结对学号	222100429 & 222100430
这个作业目标	git协作开发、网页开发
其他参考文献	《构建之法》

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	25	25
• Estimate	• 估计这个任务需要多少时间	30	15
Development	开发	300	420
• Analysis	• 需求分析（包括学习新技术）	150	180
• Design Spec	• 生成设计文档	60	45
• Design Review	• 设计复审	30	30
• Coding Standard	• 代码规范 (为目前的开发制定合适的规范)	60	40
• Design	• 具体设计	60	50
• Coding	• 具体编码	350	360
• Code Review	• 代码复审	120	100
• Test	• 测试（自我测试，修改代码，提交修改）	100	90
Reporting	报告	200	190
• Test Repor	• 测试报告	80	100
• Size Measurement	• 计算工作量	50	40
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	60	60
	合计	1675	1745

3.项目部署到云服务器的访问链接

视频地址

4.成品展示

首页
奖牌展示
运动员
比赛结果

5.结对讨论过程描述

讨论思路

理解问题：首先共同阅读和理解给定的题目或任务。讨论问题的关键要素，明确任务的目标和要求，确保每个人都理解任务的范围和重点。
讨论思路：明确了问题，开始讨论解决问题的可能思路和方法, 分享自己的想法和观点，尝试从不同的角度思考问题，以及实现的编程语言，最终选择html。
资料查找：可以使用CSDN博客等，以获取所需的信息。
讨论过程

6.设计实现过程

功能设计图

7.代码说明

<script>
  function toggleDropdown(element) {
    var parentRow = element.parentNode.parentNode; // 获取点击按钮所在的行
    var dropdownRow = document.createElement("tr"); // 创建新的表格行
    var dropdownCell = document.createElement("td"); // 创建新的表格单元格
    var dropdownTable = document.createElement("table"); // 创建新的表格
    var dropdownContent ="<table>\n" +
            "<tr>\n" +
            "  <td>Over Rank</td>\n" +
            "  <td>Country</td>\n" +
            "  <td>Athlete</td>\n" +
            "  <td>Age</td>\n" +
            "  <td>Points</td>\n" +
            "  <td>Pts Behind</td>\n" +
            "</tr>\n" +
            "<tr>\n" +
            "  <td>1<img src=\"https://s2.loli.net/2024/03/24/vnhZIc4QOGg5juC.png\" width=\"30px\" height=\"30px\"></td>\n" +
            "  <td><img src=\"https://s2.loli.net/2024/03/24/5FOxS9ornX21yaj.png\" width='40px' height='40px'>GER</td>\n" +
            "  <td><img src=\"https://s2.loli.net/2024/03/24/oiPGOzwBMXtqHD5.png\" 
            "</table>"; // 添加具体内容


  }

以上是实现动态跳转的核心代码，用JS封装了function，其中一个通过sessionStorage来连接详细赛况页面，当详细赛况页面完成交互动作时，会实时改变sessionStorage中的接收值，如点击了Women 1m Springboard的EVENT DETAIL后，在完成页面跳转的同时，将sessionStorage中的value值由close设置为open，在接受到open的value值后，详细赛况界面作出判断，获取到查看详细赛况的命令，并自动实现箭头的点击事件，完成详细赛况表的展开。

8.心路历程和收获

在本次结对作业的过程中，我们起初遇到了许多技术上的问题，但是通过我们对对新知识地不断学习与深入，在我们的努力下，我们在开发工作上磨合得愈加默契，工作效率也得到了提高，总得来说本次结对作业对于我们小组来说，不仅是一次对所学知识的实践应用，更让我们感受到团队协作的优点所在，也锻炼了我们与他人合作完成项目的能力，让我们受益良多。

9.评价结对队友

俞传骞对施宁宇的评价：

我很幸运能与施宁宇合作完成这项任务。他在整个项目中展现了出色的专业能力和工作效率,在编码、设计和分析等方面都表现出了深厚的技术功底，并且能够快速解决遇到的各种问题。在团队合作方面，表现得非常出色。他在团队讨论中积极参与，提出了许多富有建设性的想法，并且总是以清晰、耐心的方式与其他成员进行沟通,并且能够有效地促进团队的合作。总的来说，施宁宇是一位优秀的团队成员，他的专业能力、合作精神和责任心为整个团队带来了巨大的帮助。我对与他的合作经验非常满意，期待未来继续与他共同成长和学习。