结对第二次作业——某次疫情统计可视化的实现

格式描述

这个作业属于哪个课程	2020春S班（福州大学）
这个作业要求在哪里	某次疫情统计可视化的实现
结对学号	<221701406、221701407>
这个作业的目标	<熟练Git合作、采用web技术实现原型中的功能>
作业正文	结对第二次—某次疫情统计可视化的实现
其他参考文献	...

Github仓库地址

https://github.com/FZUzytlyx/InfectStatisticWeb

代码规范链接

https://github.com/FZUzytlyx/InfectStatisticWeb/blob/master/codestyle.md

成品

通过数据接口获取数据，用数字展示全国疫情情况

全国疫情地图上方设置时间选择器，点击可出现时间选择框。只能设置当天时间之前的日期。

全国疫情地图可视化实现，通过数据接口返回每个省份现存确诊情况，并在地图上以颜色深浅区分出疫情严重情况。鼠标移到省份上方能够高亮省份地图，并通展示省份确诊人数。

通过侧边颜色框可调节地图显示的疫情省份。

疫情地图旁边包含保存地图组件，点击可展示数据视图或保存地图。

• 全国疫情图数据视图
  

• 全国疫情图保存
  

全国疫情地图下面是全国疫情的趋势图形式展示。

可点击相应颜色曲线出现疫情的不同统计曲线。

• 治愈、确诊曲线
  
• 死亡趋势曲线
  

点击曲线图下方对应的按钮，可展示不同的疫情曲线图。

• 现存趋势图
  
• 新增、确诊趋势图
  

点击疫情趋势图旁边的组件可实现相应视图展示或者保存功能。

• 全国疫情趋势图数据视图
  
• 全国疫情趋势图保存
  

全国疫情地图还实现省份二级联动，点击相应省份可进入该省份疫情地图。

出现相应省份疫情地图的同时，也变换疫情趋势图。

省份疫情趋势图旁边组件实现相应功能。

• 展示省份疫情趋势图数据视图
  

• 省份疫情趋势图保存
  

结对讨论过程描述

##实现过程 > 我们经过讨论决定使用纯前端（html+css+js）进行原型的实现。疫情地图、趋势图均通过echarts呈现，由于之前没有接触过echarts，所以学习了一下，发现还是挺好上手的，把对应的js文件导入，就可以实现地图的demo，除此之外还要导入各个省份的js文件，为了后面实现地图的二级联动。网页中展示的数据则是通过网上找到的接口获取，地图各个省份颜色的深浅通过获取的数据高低不同而有所变化。全国疫情趋势图也可以利用按钮实现一定的交互。 ##代码说明 > 这段代码是通过判断pName的值知道当前是中国页面还是具体的省份页面，然后加载对应的图像。例如当前pName===“china”，就调用封装好的显示具体省份.js的函数。 > 这段代码是通过传入的pName实现对各个省份.js的调用，并且进行初始化。 > 这段代码是通过ajax技术，实现对可用接口获取数据的过程。较昨日变化的部分由于给的数据是负数带负号，而正数没有带+号，为了让正数也带上+，添加了三目运算符?:的判断。 > 这是基于echarts框架的全国疫情趋势图的设置参数模块。

阅读《构建之法》

代码风格规范是很重要的一件事，不仅能够方便别人以及自己以后的阅读理解，也能够使得代码可读性增强，减少出错的可能性。代码复审这块，由于是两个人合作，代码量相对较少，对方做了什么样的变更两个人心里其实是比较清楚的。结对编程方面，由于是舍友，所以沟通起来没有什么压力，很迅速地分配好两个人的工作部分，共同学习、探讨，找到了什么相对方便的技术、好用的接口等等都会第一时间分享给对方，也提高了自己的学习效率，甚好甚好~团队模式的学习对于多人、大型的项目来说是非常重要的，软件开发的各个过程都需要团队仔细斟酌，希望能够通过接下来团队项目的实战积累一定的经验。

总结

张钰婷

• 心路历程与收获
  但凡之前好好学习，做作业也不会这么狼狈。要是之前多学习了解些框架结构，编程也会更有逻辑，也会省很多事。收获嘛，echarts真是太好用了！大爱！还有数据接口真是个好东西，如果我自己也会写就好了。毕竟实现功能需要用到的接口都不是既定的，一个萝卜一个坑，还是自己能够定制比较舒服。还学会了GitHub团队合作开发，所谓实践出真知，你没有试过犯错，就永远不知道什么时候pull会出错，为什么有时候会pull或者push老半天，试试先git stash暂存代码，还有其他blabla神操作！最后，吐槽一下，这学期大概天天都在忙软工实践了吧！真是太充实了！
• 评价对方
  依旧是配合默契的神仙舍友，是能够放心地把后背交给她的人~使用echarts、调用数据接口样样都行，点赞！合作愉快！

吕宇昕

• 心路历程与收获
  第一次结对作业的实现原型过程很愉快，但是隐隐觉得事情没有那么简单~果然，原型做的有多开心，实现就有多不想开始。现在想想当时为什么不想开始，可能是看到作业里面出现了好多没有学过的技术、框架等等，出于本能的不自信吧，这点还需要增强哈哈（而且讲道理早点开始也就不用像现在这样赶作业赶到十二点了……）收获就是又（？）学会了一个echarts框架，还有懂得使用接口爬数据了！有进步有进步。还有就是Git的使用，又比上一次多学了一些技能，什么分支，创建团队呀之类的，还有在实践过程中明白了为什么有些时候pull会error了，因为要提前git stash暂存一下本地的代码，防止被对方的代码覆盖（小本本记下来）。最后，希望接下来的作业对我温柔一点……
• 评价对方
  非常默契！十分优秀！找接口无敌，今天下午平均几分钟就发来各式各样的接口，我都震惊了！！这两次的结对作业下来，一起收获很多，合作很愉快~