首页 > 技术文章 > 结对作业第二次——疫情统计可视化

HananiChen 2020-03-14 08:47 原文

这个作业属于哪个课程 2020春软工实践|W班
这个作业要求在哪里 作业的要求
结对学号 221701416 221701434
这个作业的目标 设计疫情统计可视化Web,学习爬虫的使用,实现客户的需求
作业正文 博客链接
其他参考文献 构建之法,网友的博客,视频教程

1.链接

-->GitHub仓库链接<--

-->代码规范链接<--

2.成品展示

  • 鼠标高亮显示
  • 颜色的深浅表示严重程度
  • 地图使用不同颜色代表大致人数区间
  • 鼠标悬浮会显示该省具体信息
  • 选择省份具体日期
  • 该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
  • 趋势图与饼状图

3.结对讨论过程

  • 初审题目与分工

    首先对题目进行通读,分析题目需求,进行分工

    俊祺负责:

    ​ 前端,ReadMe,codestyle。

    华能负责:

    ​ 爬虫,博客,仓库管理。

  • 仓库搭建

    团队仓库分支dev,ignore书写搭建完成

  • Echars地图导入与爬虫数据获取
    导入中国地图并有对应日期的数据


  • 最后成品

4.设计实现过程

  • 在前端部分通过echars展示中国地图图表

  • 通过node爬虫爬取丁香园疫情统计数据

  • 将数据通过fetch部署接口访问

  • 将数据与地图颜色,折线图,饼状图结合

  • 设置鼠标点击切换省份详细信息与选择日期

  • 结构图

5.代码说明

  • echars中国地图载入

  • node数据爬取

  • api接口部署

  • 数据填入地图,折线图和饼状图

    • 数据填入地图

    • 折线图

    • 饼状图

  • 省份切换显示

6.心路历程和收获&评价结对队友

华能

心路历程:

​ 通过阅读构建之法第四,五章,了解到两人合作的方法,代码审查等,
结合上次结对作业和这次的作业对我个人来说,无疑是一次时间紧凑工作
量也挺大的小项目,自己也收获了许多,包括第一次使用爬虫爬取数据,
第一次接口部署,第一次使用github的团队协作模式,虽然只是浅薄的了
解层面但是增大了我的兴趣。

队友评价:

​ 曾哥在这次结对中进行前端编码工作,而我是负责数据处理提供工作,有
多次我曾认为难以攻克的小问题,个人是难以解决的,都是曾哥通过远程控
制与我一同讨论,才得以处理。总的来说,和曾哥合作很愉快,其实我个人
认为结对的目的是锻炼与人相处做项目的能力,从曾哥身上我确实学到了,
遇事需要冷静,沉着分析问题所在地而不是瞎试瞎调。也提高了当问题出现
试,如何清除明白得对队友表述问题的痛点所在。

曾峻祺
心路历程:

​ 这次的结对作业对我个人来说是一次能力能够得到很大提升,工作量很大的
实践任务,结合构建之法第四章和第五章的内容以及上一次的实践作业,让
我明白了结对编程的重要性,如果说上次结对编程我们处于萌芽阶段,那这
次的结对编程我们已然进入磨合阶段,通过对构建之法的阅读,这次的实践
作业我学会了如何正确地给予反馈,这次作业依然是使用github仓库进行代
码存放,我和能哥第一次使用团队协作模式,第一次接口部署,虽然过程很
艰辛,但我们学到了不少的东西。
队友评价:

​ 能哥在这次结对作业中进行后端数据处理工作,而我负责前端编码工作,当
我有遇到很困难棘手的问题时,凭我自身实力无法解决,我都会通过teamviewer
邀请能哥协助解决,然后得以处理,这次作业内容虽然很多,但却能锻炼我和
队友配合以及互相监督的能力,从能哥身上我学到了很多东西,不仅是查找bug
的能力,更是冷静处理发现问题的能力。总而言之,这次的结对作业我和能哥
合作很愉快,是一次宝贵的经历。

推荐阅读