开发者学堂课程【大数据分析之企业级网站流量运营分析系统开发实战(第五阶段):(扩展)网站流量日志分析--数据可视化-- vue 版--复杂 josn 格式数据剖析】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/697/detail/12262
(扩展)网站流量日志分析--数据可视化-- vue 版--复杂 josn 格式数据剖析
内容介绍:
一、复杂 josn 格式数据剖析的过程
二、注意内容
一、复杂 josn 格式数据剖析的过程
网页搜索 JOSN 在线解析及格式化验证,将内容复制到其中,网站自动进行解析,解析之后会发现数据相当有规律,返回后发现数据是两个标准的 JOSN。
两个属性分别为 xAxis 和 series,都是数组的格式,对象属性是 data 对应 x 轴的一点、二点或者一号、二号等,也就是说,x 轴是一个对象数组,里面分装了对象,对象有一个属性叫做 data,y 轴也是一个数组,这个数组存放着三个对象,这三个对象分别代表三条折线,
属性极其类似,
分别如下:"id":"620000201 408199241",
"name": "浏览次数",
"total": 37082,
"items”又是一个数组,存放着对象,date 格式。
用 Navicat 把数据加载到数据库的表中,右键运行 SQL 文件,选择桌面,点击开始。
点击刷新,每天每个指标的值,我们要做的就是根据时间,根据相关的属性维度统计指标的情况。
把后台的数据拆分,向前端返回。数据看上去比较复杂,实际上就是数组里面嵌套数组。
流线图如下:
右边是 datebase,也就是通过相关的工具分析出来的数据,不管后边数据如何查询,重点在于前端需要的数据格式,我们大致可以确定它是 josn,设计一个对象叫 ToPageBean, 有两个属性分别是 xAxis 和 series,只不过这两个属性都很特殊,他不是基本属性,而是数组。
而且这个数组还是对象数组,第一个存放的属性叫做 date,建立一个对象 Datapojo,它只有一个 data 属性,x 存放的就是对象组成的对象数组,y 轴还是一个数组,yseriespojo,最后一个属性叫 items,他的数组格式是 Datapojo[]。
即
ySeriespojo
String id
String name
long total
Datapojo[] items
ToPageBean
Datapojo[] xAxis
ySeriespojo[l series
用各种 josn 工具转换成 josn 字符串,就符合了前端所需要的工具。里面的每一个属性都是数组,数组中的元素还是对象,甚至对象中的属性还是数组嵌套着对象。因此看起来数据比较复杂。
利用工具类把他梳理清楚之后,要设置什么样的对象,分装什么样的数组,怎么返回将会变得清晰。这一步实际上也是最大的开发量。
二、注意内容
在实际数据报表的展示的开发中,作为后端的数据人员
最大的开发量在于把查询返回的数据按照前端需要的数据格式返回往往数据都 json
注意 json 里面属性的嵌套