web项目的实时监控-思路

今天，做了一个用户登陆后，实时监控后台数据的任务，整整搞了一天，（环境是 mybatis、spring、springmvc）。上午想搞一个定时线程，在用户的登陆后就执行，然后从后台执行该线程，如果发现异常就在页面上告警，但是在一个线程里没有办法向用户所在页面发送告警弹窗。中午休息时，突然想到了后面讲的实时检查的思路：用户进来都是在页面上的，与其让后台实时监控，然后再向前台发送数据，不如在页面上定时向后台发出请求。这样做一方面容易实现，js上定时执行异步请求，使后台定时查询数据，及时发现问题，然后在异步请求返回的结果中弹出告警信息。

下面是head.jsp 的显示。

项目中的所有页面都是 ：<c:import url="../common/head.jsp" charEncoding="UTF-8"></c:import>

将head.jsp 包含进来。所以该页面是进行定时向后台发起查询的最好页面。head.jsp 页面上要引入自己的js 和弹窗功能的插件 layer。

<script src="<%=basePath%>res/layer/layer.js"></script>
<script src="<%=basePath%>res/monitor/head.js"></script>

在head.jsp中引入的文件。

还有一个控制停止向后台发送异步请求的checkbox组件，满足用户的需要。

<input type="checkbox" style="" id="stop" />停止报警

下面是js代码：

$(function() {
	setInterval("myInterval()",1000*60);//1000为1秒钟
});	

function myInterval()
{
	if($('#stop').is(':checked') ) {
		//alert("nihao");
	    return;
	}
	//var index = layer.load(0, {shade: [0.2,'#000']});
	$.post("/web_project_name/monitor/downDedail/checkBearTime", function(res) {
		if(res.length==0){
			return ;
		}
		
		var str1 = "<table class='table table-bordered'><thead><tr><th style='height:40px'>接口名</th><th style='height:40px'>容忍时长</th><th style='height:40px'>最大容忍时长</th><th style='height:40px'>平均耗时</th><th style='height:40px'>成功率</th></tr></thead>";
		for(var i=0;i<res.length;i++){
			str1 += "<tbody><tr bgcolor='f12339'style='height:60px'><td>" + res[i].METHODNAME
			+ "</td><td>" + res[i].MINTIME + " 秒"
			+ "</td>" 
			+"<td>" + res[i].MAXTIME + " 秒"
			+ "</td>" 
			+"<td>" + res[i].AVGTIME + " 秒"
			+ "</td>" 
			+"<td>" + res[i].SUCCRATE + " %"
			+ "</td></tr></tbody>";
		}
		str1 += "</table>";
		//alert(txt);
		layer.open({
			  type: 1,
			  title : "报警明细（接口成功率小于80% 或 接口平均耗时大于最大容忍时长）",
			  skin: 'layui-layer-rim', //加上边框
			  area: ['600px', '400px'], //宽高
			  content: str1
			});
		layer.closeAll('loading');
	});
 }

js 的图片显示都是使用string拼起来的。借助layer插件，得到弹出窗口的功能。异步请求采取定向请求绝对路径。向Controller发送请求，从而达到触发定时查询的功能。

Controller的代码：

@RequestMapping(value = "checkBearTime", method = RequestMethod.POST)
	@ResponseBody
	public List<Map> checkBearTime() {
		XXXXXXXXX;
		return res;
	}

这样，用户登录进来实现定时查询后后台数据的功能就实现了。

总结：我觉得但我们遇到问题时，应该有个时间静静，仔细的考虑问题的解决方案，这样才可以更快的找到更好的思路。