开发者学堂课程【大数据分析之企业级网站流量运营分析系统开发实战（第五阶段）：网站流量日志分析--数据可视化--动态加载数据--代码实现】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/697/detail/12260
网站流量日志分析--数据可视化--动态加载数据--代码实现
内容介绍：
一、数据可视化代码的实现
二、service 层的编写
三、controller
一、数据可视化代码的实现
当逆向工程完毕，完成 mybatis 这一层的代码之后，把逆向工程的代码放进数据可视化的代码当中。
1、打开参考资料，
在 mapper 层复制 mapper.java 和 mapper.xml ，
来到工程中，在 mapper 里粘贴，贴过来之后需要一个 pojo 对象。
（1）首先要创建一个新的文件夹，点击 package，填写 pojo ，在 pojo 文件夹中复制 tavgnum 和 tavgnumexample 并粘贴。
（2）注意，根据图形梳理，后端完成之后，前端需要保存数据， 因而可以创建一个对象 bean1，下面有两个数组。
这个对象可以自己命名，如 avgtopagebean ，两个数组分别是 string 数组， double 数组，分别对应前端的两个数组，方便转换。
（3）下面将其放在 pojo 当中，接下来来到了 service 层，其中没有过多的代码，要注意把数据做一个格式上的转换，把里面的日期转换成日期数组等等。
二、service 层的编写
打开 service 文件，复制 avgnumservice 和 avgnumservicelmpl 粘贴到 service中。
1、首先看一下 avgnumservice，
里面的写作方法叫做 getavgnumbydts，即根据日期查询 avg 平均的 pv，里面有开始时间和结束时间。
2、具体的实现
（1）首先将 mapper 注解进来，当中设置了一个查询条件的格式，根据日期正序(注意反引号)创建查询条件，根据日期在一个范围内查询。
（2）返回之后成为一个集合，把集合放在日期数当中，再返回前台即可。
3、填写注释。
（1）使用 mybatis 逆向工程从数据库查询最近七天的 PV 数量，其返回的是一个 list 集合并查询指定排序。
（2）遍历查询返回的集合结果，把日期取出放置在日期数组中，把 PV 取出类似。
（3）创建携带数据到页面的 javabean，把两个数组设置为其属性转成 json 格式返回。
其中大部分都是模板，需要填写的不多。
三、controller
注意上一步返回的是 json 格式，需要注解 Response。
1、首先复制 private，打开 controller 中的 indexcontroller 并粘贴进来，用它调用方法进行复制粘贴。
2、用 responsebody 表明返回的数据是 json 解析，重点指定响应头收到的数据是Application/json ，编码是 utf-8 ，保证前端响应的数据格式。
3、回到画图中来，第三个要注意的问题是 json 格式数据响应问题。需要 responsebody 指定响应头信息，完成之后数据就可以以动态的 json 格式返回页面，写完之后就可以进行相关操作。
4、打开刚才运行的窗口，重新加载一次，重启完的页面没有问题，就可以得到动态的数据结果。
