测试Live Writer写日志

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: /** * @author ZhangYi */ var LOGIN_WIN_STATE = 0;//多次调用且不关闭,会出现bug function getLoginWin(para) { if(LOGIN_WIN_STATE || document.
/**
 * @author ZhangYi
 */
var LOGIN_WIN_STATE = 0;//多次调用且不关闭,会出现bug

function getLoginWin(para) {
	
	if(LOGIN_WIN_STATE || document.getElementById("globalLoginWin")) {//已经打开了登录面板
		return ;
	}
	LOGIN_WIN_STATE = 1;
	
	para = para || {};
	
	//验证..
	function valid(id) {
		var elem = $("#"+id);
		if(elem.val() == "") {
			elem.trigger("focus");
			return ;
		} else {
			return true;
		}
	}
	
	//登录
	function loginHandler() {
		if( formPanel.getForm().isValid() ) {
			var values = formPanel.getForm().getValues();
				values['m'] = "login";
			
			GameOIS.showLoading("正在验证,请稍候...");
			
			GameOIS.ajax("/login.do", values, function(json) {
				if(json.code == "0") {//登录成功
					LOGIN_WIN_STATE = 0;
					(para.callback || Ext.emptyFn)(json, win);
				} else {
					Ext.MessageBox.hide();
					GameOIS.ajaxErr(json.msg);
					//刷新验证码
					$("#verifyCodeImg").prev().val("").trigger("click");
				}
			});
		} else {
			valid("SLoginCode") && 	valid("SPasswd") && valid("randCode")
		}
	}
	
	var formPanel = new Ext.form.FormPanel({
		baseCls : 'x-plain',
		style : "padding-top:100px;padding-bottom:30px; background:#fff url(/global/img/common/logo.jpg) no-repeat center 5px;",
		bodyStyle : 'color:#222;width:280px;margin:0 auto;',
		defaultType : 'textfield',
		labelSeparator : ":",
		labelWidth : 60,
		labelAlign : "right",
		frame: false,
		items : [{
			id : "SLoginCode",
			name : "SLoginCode",
			width : 180,
			fieldLabel : "用户名",
			allowBlank : false,
			blankText : "用户名不能为空"
		}, {
			id : "SPasswd",
			name : "SPasswd",
			inputType : "password",
			width : 180,
			fieldLabel : "密 码",
			allowBlank : false,
			blankText : "密码不能为空"
		}, {
			id : "randCode",
			name : "randCode",
			width : 120,
			fieldLabel : "验证码",
			allowBlank : false,
			blankText : "请输入验证码",
			maxLength : 4,
			regex : /^\w{4}$/,
			regexText : "验证码输入不符合要求"
		}]
	});
	
	var win = new Ext.Window({
		width : 450,
		height : "auto",
		id : "globalLoginWin",
		title : para.title || "重新登录",
		buttons : [{
			text : "登 录",
			width : 60,
			handler : loginHandler
		}],
		closable : para.closable || false,
		resizable : para.resizable || false,
		draggable : para.draggable || false,
		border : false,
		modal : para.modal || false,
		items : [formPanel]
	});
	//加载登录框并隐藏
	win.show();
	
	//增加验证码
	Ext.get(Ext.getDom("randCode").parentNode).createChild({
		tag : "img",
		id : "verifyCodeImg",
		src : "/login.do?m=verifyCode&kk="+(+new Date()),
		style : "padding-left:3px;width:60px;height:22px;border:none;cursor:pointer;",
		title : "点击刷新验证码!",
		align : "absbottom"
	});
	
	//刷新验证码
	$("#verifyCodeImg").click(function() {
		this.src = this.src.replace(/\d+$/, +new Date());
		$(this).prev().trigger("select");
		return false;
	});
	
	//响应回车
	new Ext.KeyMap(win.getEl(), {
        key	: Ext.EventObject.ENTER,
        fn	: loginHandler,
		scope : win
    });
	
	//居显示
	win.doLayout();
	win.center();
	
	setTimeout(function() {
		$("#SLoginCode").trigger("focus");
	}, 300);
	
	return win;
}
相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
目录
相关文章
|
26天前
|
Java Shell
「sh脚步模版自取」测试线排查的三个脚本:启动、停止、重启、日志保存
「sh脚步模版自取」测试线排查的三个脚本:启动、停止、重启、日志保存
36 1
|
26天前
|
Java 程序员 应用服务中间件
「测试线排查的一些经验-中篇」&& 调试日志实战
「测试线排查的一些经验-中篇」&& 调试日志实战
20 1
「测试线排查的一些经验-中篇」&& 调试日志实战
|
30天前
|
存储 Prometheus NoSQL
大数据-44 Redis 慢查询日志 监视器 慢查询测试学习
大数据-44 Redis 慢查询日志 监视器 慢查询测试学习
22 3
|
1月前
|
存储 数据采集 分布式计算
Hadoop-17 Flume 介绍与环境配置 实机云服务器测试 分布式日志信息收集 海量数据 实时采集引擎 Source Channel Sink 串行复制负载均衡
Hadoop-17 Flume 介绍与环境配置 实机云服务器测试 分布式日志信息收集 海量数据 实时采集引擎 Source Channel Sink 串行复制负载均衡
41 1
|
2月前
|
设计模式 SQL 安全
PHP中的设计模式:单例模式的深入探索与实践在PHP的编程实践中,设计模式是解决常见软件设计问题的最佳实践。单例模式作为设计模式中的一种,确保一个类只有一个实例,并提供全局访问点,广泛应用于配置管理、日志记录和测试框架等场景。本文将深入探讨单例模式的原理、实现方式及其在PHP中的应用,帮助开发者更好地理解和运用这一设计模式。
在PHP开发中,单例模式通过确保类仅有一个实例并提供一个全局访问点,有效管理和访问共享资源。本文详细介绍了单例模式的概念、PHP实现方式及应用场景,并通过具体代码示例展示如何在PHP中实现单例模式以及如何在实际项目中正确使用它来优化代码结构和性能。
43 2
|
API C++ Windows
【Live555】Live555 Windows下使用VS2017编译教程
【Live555】Live555 Windows下使用VS2017编译教程
【Live555】Live555 Windows下使用VS2017编译教程
|
数据建模 C++ Windows
live555开发笔记(一):live555介绍、windows上msvc2017编译和工程模板
live555开发笔记(一):live555介绍、windows上msvc2017编译和工程模板
live555开发笔记(一):live555介绍、windows上msvc2017编译和工程模板