目录
一、技术框架选型
二、web页面框架搭建
三、固化报表展现开发–表格形式
1、需求说明
2、前端页面开发
3、后端controller
4、后端service
5、后端dao
四、固化报表展现开发–echarts图
1、需求说明
2、前后端分离开发
3、前端页面开发
4、后端controller层
5、后端service层
6、后端dao层
五、自定义联机分析-漏斗分析
1、需求说明
2、设计
3、前端页面开发
4、后端controller
5、后端service
6、后端dao
多易教育,专注大数据培训; 课程引领市场,就业乘风破浪
多易教育官网地址
https://www.51doit.cn
多易教育在线学习平台
https://v.51doit.cn
一、技术框架选型
vueJs/layui/jquery
echarts
springboot
presto
二、web页面框架搭建
基于layui打造web页面框架,如下图所示:
三、固化报表展现开发–表格形式
1、需求说明
如下图所示,将数仓中的流量概况报表按表格形式查询展现
2、前端页面开发
3、后端controller
4、后端service
5、后端dao
四、固化报表展现开发–echarts图
1、需求说明
将数仓中的日新报表,按如下柱状图形式进行查询展现;
2、前后端分离开发
后端数据服务的URL: /dau/bar
后端返回的数据格式: json
{
xaxis:['2019-12-08','2019-12-09',......],
data:[50,80,120,90,.......]
}
3、前端页面开发
《详见项目代码》
4、后端controller层
《详见项目代码》
5、后端service层
《详见项目代码》
6、后端dao层
《详见项目代码》
五、自定义联机分析-漏斗分析
1、需求说明
运营分析人员,可以在平台上动态创建自定义的漏斗模型,可以自由设计转化路径的步骤个数,及制定转化步骤上的事件定义及事件属性约束条件;
并能在定义好漏斗模型后,实时得到漏斗转化率查询计算结果;
2、设计
3、前端页面开发
前端页面上,要能够实现通过点击“增加步骤、条件”按钮来动态添加表单
前端页面上,要能够收集到这个复杂表单的数据,并进行有机组合,参数的规范如下:
[
{
"evid": "aaaa",
"attrobjs": [
{
"atr": "x",
"ope": "=",
"con": "1"
},
{
"atr": "y",
"ope": "=",
"con": "2"
}
]
},
{
"evid": "bbbb",
"attrobjs": [
{
"atr": "z",
"ope": "=",
"con": "3"
},
{
"atr": "t",
"ope": "=",
"con": "4"
}
]
}
]
前端页面,要能够发送ajax请求到后台来请求数据,并要求返回的数据格式为:
[
{value: 60, name: '访问'},
{value: 40, name: '咨询'},
{value: 20, name: '订单'},
{value: 80, name: '点击'},
{value: 100, name: '展现'}
]
4、后端controller
要能够解析前端传入的参数
《详见项目代码》
5、后端service
并根据参数,生成查询sql
将结果整理成前后端交互所规定的数据形式,并返回
《详见项目代码》
6、后端dao
将sql通过jdbc发送给presto执行,并获取结果
《详见项目代码》
多易教育,专注大数据培训; 课程引领市场,就业乘风破浪
多易教育官网地址
https://www.51doit.cn
多易教育在线学习平台
https://v.51doit.cn