Web客户端写日志组件

在java web开发中,在服务端我们比较常用Log4j来进行写日志的控制,而在客户却多用alert来将中间的结果show出来,十分不方便,为此,我整理了一个在客户端通过javascript来进行写日志脚本,其使用方式与Log4j相似.
1.javascript写日志组件脚本,可将其放在一个js文件中,如:clientlog.js,其代码如下:
/**
 * write log at web client ,use javascript
 * @author Felix liang
 * @email:[email protected]
 */
function Logger(FileName,logFile){
if(logFile!=null)
 this.logFileName=logFile;
else
 this.logFileName="c:\\clien_log.txt"; //default log file
this.Prior=0;//0:ALL,1:DEBUG,2:INFO,3:WARN,4:ERROR,5:FATAL,6:OFF
this.FileName=FileName;
this.debug=writeDebug;
this.info=writeInfo;
this.warn=writeWarn;
this.error=writeError;
this.fatal=writeFatal;
this.writeLogFuc=writeLog;
this.isDebugEnabled =function(){return checkDebug(this.Prior,1);}
this.isInfoEnabled  =function(){return checkDebug(this.Prior,2);} 
this.isWarnEnabled  =function(){return checkDebug(this.Prior,3);} 
this.isErrorEnabled =function(){return checkDebug(this.Prior,4);}
this.isFatalEnabled =function(){return checkDebug(this.Prior,5);} 

} 

function checkDebug(DPri,pri){
if(pri>=DPri)
 return true; 
else
 return false;
}

function writeDebug(info,ex){
if(!this.isDebugEnabled())
 return;
this.writeLogFuc("Debug",info,ex);
}

function writeInfo(info,ex){
if(!this.isDebugInfo())
 return;
this.writeLogFuc("Info",info,ex);
}

function writeWarn(info,ex){
if(!this.isDebugWarn())
 return;
this.writeLogFuc("Warn",info,ex);
}

function writeError(info,ex){
if(!this.isErrorEnabled())
 return; 
this.writeLogFuc("Error",info,ex);
}

function writeFatal(info,ex){
if(!this.isFatalEnabled())
 return; 
this.writeLogFuc("Fatal",info,ex);
}

function writeLog(prids,info,ex){

try{
if(this.fso==null)
 this.fso=new ActiveXObject("Scripting.FileSystemObject");
}catch(ex2){
 alert(ex2);
 }
if(!this.fso.FileExists(this.logFileName)){
this.logFile=a;
var a = this.fso.CreateTextFile(this.logFileName);
a.Close(); 
}
var a = this.fso.OpenTextFile(this.logFileName,8);
var s="";
d = new Date();
s += d.getYear() +"-";
s += (d.getMonth() + 1) +"-";           
s += d.getDate() + " ";                  
var c = ":";
s += d.getHours() + c;
s += d.getMinutes() + c;
s += d.getSeconds() + c;
s += d.getMilliseconds();

a.WriteLine(s+" "+prids+" ("+this.FileName+") - ["+(info==null?"":info)+"]");
if(ex!=null)
 a.WriteLine("- "+ex+"");

a.Close(); 

}

function errortrap(msg,url,line){
    glog = new Logger("Globe");
    if(glog.isErrorEnabled())
     glog.error("URL:"+url+"; Line:"+line+"; Msg:"+msg);
    return true;
}

window.onerror=errortrap;

2.对Client Logger 的使用
引入clientlog.js:<script type="text/javascript" language="JavaScript" charset="GBK" src="clientlog.js"></script>
在需要写log的文件中加入如下代码:
<script language="javascript">
//创建客户段日志对象
var log=new Logger("test.html");//默认日志到c:\client_log.txt,如果设置第二个参数将会到指定的路径
</scirpt>
...
在代码中需要添加日志的的地方可进行写日志:
   var before_amt=10;
   if(log.isDebugEnabled()){
    log.debug("此前修改中新增费:_before_amt:"+before_amt);
   } 
   ....
3.运行完之后查看日志文件即可看到运行过程中的中间结果
4.在此抛砖引玉,有何高见,欢迎mail me:[email protected]

 

本文地址：http://com.8s8s.com/it/it11704.htm