现在在做毕设,做一个电商平台日志分析系统,需要结合可视化,达到一个直观的效果
<强> 1。搭建springboot项目,maven搭建,这是项目整体架构
<强> 2。后台代码:
@RestController
@RequestMapping ("/wanglk_bds”)
公开课VisualController {
@ autowired
私人VisualInterface VisualInterface;/* *
*每一天的访问用户量
* @return
*/@RequestMapping (value=" https://www.yisu.com/bar-simple ",方法=RequestMethod.GET产生=癮pplication/json”)
@ResponseBody
公共ListgetDateTotal () {
List所有=visualInterface.getAll ();
返回所有;
}
}
@ service
公共类VisualInterfaceImpl实现VisualInterface {
@ autowired
VisualMapper VisualMapper;
@Override
公共ListgetAll () {
List总数=visualMapper.selectAllFromTable ();
返回总数;
}
}
@Mapper
公共接口VisualMapper {
ListselectAllFromTable ();
}
& lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;
& lt; !DOCTYPE mapper公共”——//mybatis.org//DTD mapper 3.0//EN”“http://mybatis.org/dtd/mybatis-3-mapper.dtd”的在
& lt;映射器命名空间=癱om.wanglk_bds.visual.mapper.VisualMapper”比;
& lt; resultMap id=癇aseResultMap”类型=癱om.wanglk_bds.visual.bean.DayTotal”比;
& lt;结果列="日期" jdbcType=癡ARCHAR”属性=叭掌凇?比;
& lt;结果列=白堋眏dbcType=癡ARCHAR”属性=白堋?比;
& lt;/resultMap>
& lt; sql id=癇ase_Column_List”比;
目前为止,总
& lt;/完成;
& lt;选择id=" selectAllFromTable " resultMap=癇aseResultMap”比;
选择
& lt;包括refid=" Base_Column_List "/比;
从关键字
& lt;/select>
& lt;/mapper>
<强> 3。前端代码:
& lt; !DOCTYPE html>
& lt; html比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;/head>
& lt;身体比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/echarts.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery-1.11.3.min.js "祝辞& lt;/script>
& lt; div id=" mainChart "祝辞& lt;/div>
& lt;脚本type=" text/javascript祝辞
dom var=. getelementbyid (“mainChart”);
var myChart=echarts.init (dom);
myChart.clear ();
. ajax({美元
方法:“得到”,
url: http://localhost: 8888/wanglk_bds/bar-simple,
数据类型:json,
成功:功能(数据){={var选项
xAxis: {
名称:“日期”,
类型:“类别”,
数据:[[0].date数据,
数据[1].date,
[2].date数据,
[3].date数据,
[4].date数据,
数据[5].date,
数据[6].date,
数据[7].date,
数据[8].date,
数据[9].date,
数据[10].date,
数据[11].date]
},
桠溪:{
名称:“访问量”
},
系列:[{
数据:[[0].total数据,
数据[1].total,
[2].total数据,
[3].total数据,
[4].total数据,
数据[5].total,
数据[6].total,
数据[7].total,
数据[8].total,
数据[9].total,
数据[10].total,
数据[11].total),
类型:“酒吧”
})
};
myChart。setOption(选项,正确);
}
});
& lt;/script>
& lt;/body>
& lt;/html>
<强> 4。总结:
代码没什么技术含量,都能写出来,但是过程中出现的错误不是每个人都有
1。后台控制器层使用的注解restcontroller返回json格式的数据
2。xml出mybatis自动生成文件的错,为解决,
3。前台使用echarts的时候,将echarts部分放进ajax的成功函数中,
4。还有css和js代码的位置问题,加载先后顺序
5。端口问题
6。使用本地tomcat部署springboot项目
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
