结对作业二

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

GitHub项目地址
代码规范

PSP表格

成品展示

登录界面

查询界面，登录后热词榜始终固定右侧，可点击具体热词查询

输入关键字后点击“查询”或回车进行模糊搜索，分页为6个/页

热词榜搜索


分析统计页面

结对讨论过程描述

（线下讨论部分...）

设计实现过程

功能结构图

前端

1. 导入基础的Vue-min框架包用于实现页面的动态变化
2. 通过Axios请求后端数据填充组件
3. 统计分析图表导入Echart包，填充数据后显示
4. UI设计参考原型通过html+css手动实现

后端

1. 利用spring boot框架来实现接口设计和数据库交互
2. 利用腾讯云服务器，实现接口的远程访问。

代码说明

前端

主要html结构

Vue数据结构

按钮动效实现

前端查询功能

前端翻页功能

热词榜功能

Echart

后端

（由于最后在部署的时候按CSDN一篇文章《前后端分离，springBoot项目后台代码打包部署到腾讯云服务器》，其中的直接执行：Maven -> 项目名 -> Lifecycle ->install;右击install，点击Run Maven Build，导致项目后期直接崩溃，GitHub早期版本由于有.gitignore导致clone下来也没法用，最后Bug一直没改好）

大体结构

实体类编写

数据库接口层编写

接口编写

心路历程和收获

221801213

1. 对前后端交互有了更深的认识，了解到接口文档的撰写方法和重要性
2. 体会到先用原型工具设计原型对前端设计的好处
3. 学习了解了前端的Vue框架，Axios，但在使用中发现所学十分浅，需要更深入的学习
4. 学习应用了一些前端页面的动态效果，巩固了CSS语法

221801224

1. 这次作业真的是让我感受特别深刻，第一次是代码commit的粒度太大了，导致中间出现了差错，相对于白写了
2. 第二次是最后准备部署在服务器上的时候，去百度找教程，由于对这个框架以及idea的不熟悉导致最后部署的时候，maven就直接消失了，出现了莫名其妙的Bug
3. 最后就是这次时间安排不够合理，最后面留的时间太短了，导致出现了问题完全就慌了
4. 不要完全依赖查资料，最好是理解透的编程，只靠外部资料会失败的很差。引以为戒！！

评价结对队友

221801213

在结对后，和钟焓同学很快安排了分工。分工时我提出比较想做前端，他便主动提出负责后端的编写，在合作过程中也多考虑我这边的困难，让我感到压力瞬间减轻很多。在最后部署后端到服务器过程中，钟焓同学负责了绝大部分工作，遇到了困难也坚持不断尝试。

221801224

达子哥是一个很棒的结对对象，就特别靠谱，虽然没有过多的交流，当他就能把任务完成好，这次结对真的是我最后部署的时候拖了他的后腿。在合作的过程中他对我考虑的也很多，我这边可能比较艰巨的任务，他都会帮我分担，比如后端分页的时候返回的Page<>出现了Bug他就义无反顾的写了前端分页。