目录

一、技术框架选型

二、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