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

[222000335迪力亚尔]

一，作业概述

这个作业属于哪个课程	2023年福大-软件工程实践-W班
这个作业要求在哪里	结对第二次作业--编程实现-CSDN社区
结对学号	222000135,222000235,222000335
这个作业的目标	实现第一次结对作业所设计的原型模型，撰写博客
其他参考文献	CSDN，菜鸟教程官网

目录

• 一，作业概述
• 1.git仓库和代码规范链接
• 2.PSP表格
• 三.项目部署
• 四.成果展示
• 五.设计实现过程
• 5.1功能结构图
• 六.具体实现过程
• 6.1前端代码
• 七.心路历程和收获

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

代码仓库：https://gitcode.net/m0_64293652/pair_project/-/tree/master

前端规范：codestyle.md · dev · m0_64293652 / pair_project · GitCode

2.PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
•Planning	•计划	40	40
• Estimate	• 估计这个任务需要多少时间	20	30
• Analysis	• 需求分析 (包括学习新技术）	100	180
•Development	• 开发	3200	3000
• Design Review	• 设计复审	20	40
• Coding Standard	• 代码规范	40	40
• Coding	• 代码规范	40	40
• Design	• 具体编码	2000	2500
• Code Review	• 代码复审	60	60
•Test	•测试	40	60
• Size Measurement	• 计算工作量	10	5
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	30	60
	合计	5480	6325

三.项目部署

项目部署：http://235.haoyemao.cn/page1-1.html

四.成果展示

1）首页

2）选手排名的页面，展示男子单打排名或者女子单打排名

3）展示每一天的赛事，显示比赛类型、比赛场地、参与选手、比赛时间和比分，并且可以通过按钮切换天数

4）晋级图显示从4th round到final的选手晋级情况（不会画晋级线😭）

五.设计实现过程

5.1功能结构图

六.具体实现过程

6.1前端代码

七.心路历程和收获

在这次开发中我还明白了整体布局的重要性，本来有一些焦虑和担忧，但是发现第一次作业设计的原型模型（虽然也很简洁）也可以使用前端三剑客就可以搞定，看着身边同学用各种框架完成各种高级特效，感觉到跟其他人的差距很大，但是这次也有了自己的网页很满足。