修改Web编程大作业实验报告更新部分

前言

关于要求变更的不满

之前问助教的时候说时间热度分析不强求于是认为不是评分要求的整件事都是屑啊.

还有什么爬取网站多可以酌情加分之类的. 这波心态爆炸.

本次修改的内容

• 修改了搜索框页面, 使得点击数据学院logo可以切换搜索/关键字热度分析功能.
• 添加了关键字热度分析.
• 增加了爬虫爬取的网站个数(大概十多个).

任务 多个网站爬取

小任务: 增加爬取的网站

只要把网站列进去然后用for循环遍历执行就可以了.

var seeds = ["https://www.sina.com.cn/",
    "https://mil.news.sina.com.cn/",
    "http://sports.sina.com.cn/",
    "https://news.sina.com.cn/china/",
    "https://mobile.sina.com.cn/",
    "http://sports.sina.com.cn/g/premierleague/",
    "https://finance.sina.com.cn/stock/",
    "https://finance.sina.com.cn/forex/",
    "https://world.huanqiu.com/",
    "https://china.huanqiu.com/",
    "https://uav.huanqiu.com/",
    "https://oversea.huanqiu.com/",
    "https://www.ifeng.com/",
    "https://www.msn.cn/zh-cn/health/",
]

任务 实现时间热度分析

小任务: 后端从SQL中获得按时间排序的搜索数据

分支小任务: 掌握ORDER BY语句

ORDER BY是一个状语, 应当跟在SELECT语句后使用, 默认的排序方法是升序.

SELECT ...... ORDER BY KEY

分支小任务: 统计每个时间出现关键字的次数

使用一个对象, 以时间为键, 出现次数为值, 利用JavaScript作为动态语言的特性.

for (let i of result) {
		if (HotWord[i.publish_time] == null)
			HotWord[i.publish_time] = 0;
		HotWord[i.publish_time]++;
}

小任务: 实现前端跳转

分支小任务: 改变搜索模式

将点击数据学院logo事件绑定到SearchButton上展示文字的变化, 并切换搜索模式.

用一个变量记录SearchButton的状态, 点击后进行变化.

分支小任务: 页面带有数据关键字的跳转

与搜索展示页基本相同, 简洁起见不再重复叙述.

分支小任务: 表格展示

与搜索展示页基本相同