大屏监控系统实战（10）-大屏展示前20个博主的排名、票数及名次相对于前一日的升降情况

一、概述

上一节我们已经把数据爬取到了数据库中并保存了起来，这章就要把数据在大屏上展示出来，先在大屏上展示前20个博主的排名、票数及名次相对于前一日的升降情况。最终实现的效果如下：

这个效果相当完美了，我们来一步一步实现它。

二、实现思路

对于排名、序号、博主名字、实时票数和最新采集时间这五个字段，我们只要取数据库中最近一次采集的201个博主的数据，对他们按名次排序，取前20名拿出来即可。

对于相对于前一日的名次变化情况，略有麻烦，我们可以对当日和前一日201博主的名次相减，得到的就是名次的升降情况。因为单纯用SQL处理起来比较麻烦，所以我采用了SQL+Java的方式进行处理，步骤如下：

1. 数据库查询当日和前一日最新采集的的201名博主的投票数据
2. 遍历今日和前一日数据计算出名次的升降情况并进行处理
3. 截取前20名博主的数据并返回给页面展示

三、DAO代码

Mapper接口

List<Map<String, Object>> getScrollBoard(@Param("day") Integer day);

Mapper.xml代码

<?xml version="1.0" encoding