分享
 
 
 

Javascript模板技术

王朝html/css/js·作者佚名  2008-05-20
窄屏简体版  字體: |||超大  

/***Template.class.js***/

function Template()

{

this.classname="Template";

this.debug=false;

this.file=new HashMap();

this.root="";

this.varkeys=new HashMap();

this.varvals=new HashMap();

this.unknowns="remove";

this.halt_on_error="yes";

this.last_error="";

this.fso=new ActiveXObject("Scripting.FileSystemObject");

this.set_root=_set_root;

this.set_unknowns=_set_unknowns;

this.get_var=_get_var;

this.set_file=_set_file;

this.set_var=_set_var;

this.set_block=_set_block;

this.subst=_subst;

this.parse=_parse;

this.p=_p;

this.pparse=_pparse;

this.finish=_finish;

this.loadfile=_loadfile;

this.is_dir=_is_dir;

this.file_exists=_file_exists;

this.filename=_filename;

this.varname=_varname;

this.halt=_halt;

this.haltmsg=_haltmsg;

}

/**

* 设置模板文件根目录

* @param root

*/

function _set_root(root)

{

if(!this.is_dir(root))

{

this.halt("set_root:"+root+" is not a directory.");

}

this.root=root;

}

/**

* 设定对未知模板变量的处理办法

* @param unknowns

*/

function _set_unknowns(unknowns)

{

this.unknowns=unknowns;

}

/**

* 设定模板文件

* @param handle

* @param filename

*/

function _set_file(handle,filename)

{

this.file.put(handle,this.filename(filename));

}

/**

* 设定模板变量

* @param varname

* @param value

*/

function _set_var(varname,value)

{

if(!this.varkeys.containsKey(varname))

{

this.varkeys.put(varname,this.varname(varname));

}

if(!this.varvals.containsKey(varname))

{

this.varvals.put(varname,value);

}

else

{

this.varvals.remove(varname);

this.varvals.put(varname,value);

}

//alert(varname+"=================="+value);

}

/**

* 设定块变量

* @param parent

* @param handle

* @param name

*/

function _set_block(parent,handle,name)

{

if(!this.loadfile(parent))

{

this.halt("subst:unable to load "+parent);

}

if(name=="")

{

name=handle;

}

var str=this.get_var(parent);

var re=new RegExp("<!--\\s+BEGIN " + handle + "\\s+-->([\\s\\S.]*)<!--\\s+END " + handle + "\\s+-->");

//Matcher m=p.matcher(str);

//var rs=m.find();

//var t=m.group(m.groupCount());

//this.set_var(handle,t);

var arr=re.exec(str);

if(arr!=null)

this.set_var(handle,RegExp.$1);

str=str.replace(re,"{"+name+"}");

this.set_var(parent,str);

}

/**

* 进行变量替换

* @param handle

* @return

*/

function _subst(handle)

{

if(!this.loadfile(handle))

{

this.halt("subst:unable to load "+handle);

}

var str=this.get_var(handle);

var keys=this.varkeys.keySet();

//alert(keys.length);

for(var i=0;i<keys.length;i++)

{

var key=keys[i];

var re=new RegExp(this.varkeys.get(key),"g")

str=str.replace(re,this.varvals.get(key));

}

//alert(handle+"++++++++++++++++++"+str);

return str;

}

/**

* 进行变量复制

* @param target

* @param handle

* @param append

*/

function _parse(target,handle,append)

{

var str=this.subst(handle);

if(append)

{

this.set_var(target,this.get_var(target)+str);

}

else

{

this.set_var(target,str);

}

}

/**

* 返回替换后的文件

* @param varname

* @return

*/

function _p(varname)

{

return this.finish(this.get_var(varname));

}

/**

* parse()和p()的合并

* @param target

* @param handle

* @param append

* @return

*/

function _pparse(target,handle,append)

{

this.parse(target,handle,append);

document.writeln(this.p(target));

}

/**

* 加载模板文件

* @param handle

* @return

*/

function _loadfile(handle)

{

if(this.varkeys.containsKey(handle) && this.varvals.get(handle)!=null)

{

return true;

}

if(!this.file.containsKey(handle))

{

_halt("loadfile:"+handle+" is not a valid handle.");

return false;

}

var filename=this.file.get(handle);

if(!this.file_exists(filename))

{

this.halt("loadfile:while loading "+handle+","+filename+" does not exist.");

return false;

}

try

{

var fr=this.fso.OpenTextFile(filename);

var s=fr.ReadAll();

if(s=="")

{

halt("loadfile:while loading "+handle+","+filename+" is empty.");

return false;

}

this.set_var(handle,s);

}

catch(e)

{

}

return true;

}

/**

* 获取变量

* @param varname

* @return

*/

function _get_var(varname)

{

if(this.varvals.containsKey(varname))

return this.varvals.get(varname);

else

return "";

}

/**

* 判断目录

* @param path

* @return

*/

function _is_dir(path)

{

if(this.fso.FolderExists(path))

return true;

else

return false;

}

/**

* 判断文件

* @param filename

* @return

*/

function _file_exists(filename)

{

if(this.fso.FileExists(filename))

return true;

else

return false;

}

/**

* 文件名处理

* @param filename

* @return

*/

function _filename(filename)

{

if(!this.file_exists(this.root+filename))

{

this.halt("filename:file "+filename+" does not exist.");

}

return this.root+filename;

}

/**

* 变量名处理

* @param varname

* @return

*/

function _varname(varname)

{

return "{"+varname+"}";

}

/**

* 完成字符串的处理

* @param str

* @return

*/

function _finish(str)

{

var re=new RegExp("{[^ \\t\\r\\n\\}]+\\}","g");

if(this.unknowns=="remove")

{

str=str.replace(re,"");

}

else if(this.unknowns=="comment")

{

str=str.replace(re,"<!-- Template Variable undefined -->");

}

else

{

;

}

return str;

}

function _halt(msg)

{

this.last_error=msg;

if(this.halt_on_error!="no")

{

_haltmsg(msg);

}

if(this.halt_on_error=="yes")

{

alert("Halted.");

//System.exit(0);

}

}

function _haltmsg(msg)

{

alert("Template Error:"+msg);

}

/**

* HashMap构造函数

*/

function HashMap()

{

this.length = 0;

this.prefix = "hashmap_prefix_20050524_";

}

/**

* 向HashMap中添加键值对

*/

HashMap.prototype.put = function (key, value)

{

this[this.prefix + key] = value;

this.length ++;

}

/**

* 从HashMap中获取value值

*/

HashMap.prototype.get = function(key)

{

return typeof this[this.prefix + key] == "undefined"

? null : this[this.prefix + key];

}

/**

* 从HashMap中获取所有key的集合,以数组形式返回

*/

HashMap.prototype.keySet = function()

{

var arrKeySet = new Array();

var index = 0;

for(var strKey in this)

{

if(strKey.substring(0,this.prefix.length) == this.prefix)

arrKeySet[index ++] = strKey.substring(this.prefix.length);

}

return arrKeySet.length == 0 ? null : arrKeySet;

}

/**

* 从HashMap中获取value的集合,以数组形式返回

*/

HashMap.prototype.values = function()

{

var arrValues = new Array();

var index = 0;

for(var strKey in this)

{

if(strKey.substring(0,this.prefix.length) == this.prefix)

arrValues[index ++] = this[strKey];

}

return arrValues.length == 0 ? null : arrValues;

}

/**

* 获取HashMap的value值数量

*/

HashMap.prototype.size = function()

{

return this.length;

}

/**

* 删除指定的值

*/

HashMap.prototype.remove = function(key)

{

delete this[this.prefix + key];

this.length --;

}

/**

* 清空HashMap

*/

HashMap.prototype.clear = function()

{

for(var strKey in this)

{

if(strKey.substring(0,this.prefix.length) == this.prefix)

delete this[strKey];

}

this.length = 0;

}

/**

* 判断HashMap是否为空

*/

HashMap.prototype.isEmpty = function()

{

return this.length == 0;

}

/**

* 判断HashMap是否存在某个key

*/

HashMap.prototype.containsKey = function(key)

{

for(var strKey in this)

{

if(strKey == this.prefix + key)

return true;

}

return false;

}

/**

* 判断HashMap是否存在某个value

*/

HashMap.prototype.containsValue = function(value)

{

for(var strKey in this)

{

if(this[strKey] == value)

return true;

}

return false;

}

/**

* 把一个HashMap的值加入到另一个HashMap中,参数必须是HashMap

*/

HashMap.prototype.putAll = function(map)

{

if(map == null)

return;

if(map.constructor != JHashMap)

return;

var arrKey = map.keySet();

var arrValue = map.values();

for(var i in arrKey)

this.put(arrKey[i],arrValue[i]);

}

//toString

HashMap.prototype.toString = function()

{

var str = "";

for(var strKey in this)

{

if(strKey.substring(0,this.prefix.length) == this.prefix)

str += strKey.substring(this.prefix.length)

+ " : " + this[strKey] + "\r\n";

}

return str;

}

<!-- main.htm -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>无标题文档</title>

</head>

<body>

<p>{HEAD}</p>

<p>{WELCOME}

</p>

<table width="100%" border="1" cellspacing="1" cellpadding="3">

<!-- BEGIN BROWS -->

<tr>

<!-- BEGIN BCOLS -->

<td>{NUMBER}</td>

<!-- END BCOLS -->

</tr>

<!-- END BROWS -->

</table>

<p>{FOOT}</p>

</body>

</html>

<!-- head.htm -->

<table width="100%" border="1" cellspacing="1" cellpadding="3">

<tr>

<td>网站首页</td>

</tr>

</table>

<!-- foot.htm -->

<table width="100%" border="1" cellspacing="1" cellpadding="3">

<tr>

<td>版权所有:网站梦工厂</td>

</tr>

</table>

<!-- index.htm -->

<script src="script/Template.class.js"></script>

<script>

var tmplt=new Template();

var root=location.href;

root=unescape(root.substring(8,root.lastIndexOf("/")+1));

tmplt.set_root(root);

tmplt.set_file("fh","tpl/main.htm");

tmplt.set_file("head","tpl/head.htm");

tmplt.set_file("foot","tpl/foot.htm");

tmplt.set_block("fh","BROWS","rows");

tmplt.set_block("BROWS","BCOLS","cols");

tmplt.set_var("WELCOME","欢迎光临");

for(var i=0;i<10;i++)

{

tmplt.set_var("cols","");

for(var j=0;j<10;j++)

{

tmplt.set_var("NUMBER",i+"."+j);

tmplt.parse("cols","BCOLS",true);

}

tmplt.parse("rows","BROWS",true);

}

tmplt.parse("HEAD","head",false);

tmplt.parse("FOOT","foot",false);

tmplt.pparse("out","fh",false);

</script>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有