日志数据收集埋点事件

大数据操作第一步，就是收集用户数据，

在前端页面编写js代码用于发送日志数据

这种操作称为埋点

埋点分三种：

代码埋点

数据可视化埋点

全埋点

埋点主要关注两点：

地点和数据

埋点事件 也就是自定义指令，在需要的地方给标签属性即可。减少代码量

vue main.js文件下处理
//埋点处理
Vue.directive('log',{
	//log 标签名称
	bind(el,binding){
		//el.addEventListener 监听事件 只要在某一个元素使用log元素 点击就会执行这段对应的代码
		el.addEventListener('click',()=>{
			console.log("埋点事件")
			console.log(binding)
			//binding就是传递的参数
			//axios本地存储 远程发送给后端
			uni.request({
				url:"http://127.0.0.1:8072/image/log",
				data:{
					str:binding.value
				},
				success:(res) =>{
					console.log(data)
				}
			})
		})
	}
})
页面使用
			<view class="cate-item">
			//v-log="{'str':'进入首页'}"使用自定义事件
				<svg class="icon" aria-hidden="true" v-log="{'str':'进入首页'}">
				  <use xlink:href="#icon-meishi"></use>
				</svg>
				<text class="icon-size">环球美食</text>
			</view>

后台接收请求，结合log4j使用效果清晰
    //埋点事件处理
    @GetMapping("log")
    public String log(String str){
        log.error(str);
        return "SUCCESS";
    }