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

[222000430陈雪儿]

这个作业属于哪个课程	软件工程-23年春季学期
这个作业要求在哪里	结对第二次作业--编程实现
结对学号	222000427 222000430
这个作业的目标	在上一次结对作业设计的原型基础上通过web实现一定的功能
其他参考文献	《构建之法》

目录

• 1.git仓库地址地址
• 2.项目部署地址
• 2.PSP表格
• 3.成果展示
• 3.1首页
• 3.2关于我们
• 3.3晋级图
• 3.4每日赛程
• 3.5详情赛况
• 4.开发经历
• 4.1开发工具
• 4.2结对讨论过程描述
• 4.3功能结构图
• 4.4设计过程
• 4.5代码说明
• 4.5.1js数据爬取节选
• 4.5.2读取js数据到Html元素上
• 4.5.3最重要的导航栏的样式
• 5.结对过程
• 5.1心路历程和收获
• 5.2队友互评

1.git仓库地址地址

点这里~

2.项目部署地址

地址在这里！

2.PSP表格

PSP	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	30	35
• Estimate	• 估计这个任务需要多少时间	30	35
Preparation	准备工作	295	415
• Analyze requirements	•分析需求	15	20
• Dvide the workSpec	•分工	20	15
• Plan	• 计划任务	20	30
• Design scheme	• 设计方案	40	50
• Study	• 学习新技术	200	300
• Put into practice	实施任务	580	950
• Design style	• 整体界面与风格设计	60	110
• pPrototype design	• 实现界面	120	230
• pPrototype function	• 实现功能	300	470
• Test	• 数据测试	100	140
Reporting	报告	125	125
• Q&A	• 讨论总结	60	45
• Writing a Blog	• 编写博客	50	50
• Postmortem & Process Improvement Plan	• 事后总结, 并提出过程改进计划	15	30
	合计	1030	1525

3.成果展示

3.1首页

3.2关于我们

3.3晋级图

3.4每日赛程

3.5详情赛况

4.开发经历

4.1开发工具

Visual Studio Code

4.2结对讨论过程描述

这次作业的特点就是时间紧，任务重，我们在合作的时候也是改变了很多次方案，遇到了许多的挫折。最后还是决定采用纯前端的方式来完成作业，由于每个页面的难度都不同所以在一开始分工并没有很明确，总的来说就是先做完的人来帮还没做完的人分担一些任务。

4.3功能结构图

4.4设计过程

我们将页面分为了几大部分：首页、选手排名、晋级图、每日赛况、赛况详情
本来确定的技术栈为vue+springboot，但想法很美好，现实很残酷，最终我们还是选择了纯前端开发
在开发过程中我们选择了分工制，最后再一起整合

4.5代码说明

4.5.1js数据爬取节选

4.5.2读取js数据到Html元素上

4.5.3最重要的导航栏的样式

5.结对过程

5.1心路历程和收获

在刚看到这次的作业要求时我们打算采用springboot+vue前后端分离的开发方式，但是由于时间紧迫，无法完成对vue框架的学习及应用，转而又采用纯前端的方式来开发。在开发过程中遇到了许许多多的难题，像晋级图的实现，数据的解析等等...一度觉得十分痛苦，好在我们组员之间相互鼓励，最终完成了本次作业。
我们的收获有：学会了如何去解析json数据，如何将项目部署到云端等相关技术。但最重要的是增加了一些编程经验，明白了在开发前就一定要制定好计划，不然在开发后会浪费许多时间。

5.2队友互评

222000427：这是第二次结对作业了，相对于上一次作业我和430同学的合作更加默契。由于本次作业我们主要基于Web来开发，所以挑大梁的主要是430同学，由她完成一些比较有难度的任务，而我只是做了一些较为基础的工作，也许这就是抱大腿的感觉~
222000430：这次作业让我体会到了平时摸鱼，到关键时刻就得喝摸鱼水的感觉。还好我的搭档对我十分有耐心，我们一起学习了新技术，一起在教室找bug，非常感人！427同学更擅长后端，但因为我对Vue框架一知半解所以没加后端，427，对不起！