關(guān)于Asp代碼與頁(yè)面的分離模板技術(shù)
更新時(shí)間:2008年04月20日 19:45:56 作者:
使用模板實(shí)現(xiàn)ASP代碼與頁(yè)面分離,以后用asp就可以更方便的前后臺(tái)分開(kāi)制作
將顯示剛才讀進(jìn)來(lái)的TEST.HTM文件內(nèi)容。
3.模板分拆:Template.Split(Name)
參數(shù):Name(字符串類型)是一個(gè)模板變量名。
將Name中的子模板分解。
例子:
以下是引用片段:
先假設(shè)上例中的TEST.HTM內(nèi)容為:
-
這是主模板。接下來(lái)是:!#TPLDEFSUBSUB子模板,還有
!#TPLDEFTHIRDTHIRD模板。!#TPLENDTHIRD
!#TPLENDSUB
-
那么:
以下是引用片段:
tpl.Split(Main);
執(zhí)行以后,就會(huì)生成新的模板變量SUB,和THIRD,它們的內(nèi)容就是!#TPLDEFSUB和!#TPLENDSUB之間語(yǔ)句。
而且Main模板變量的內(nèi)容也會(huì)發(fā)生改變:
tpl.Main的內(nèi)容為:這是主模板。接下來(lái)是{SUB}
tpl.SUB的內(nèi)容為:SUB子模板,還有{THIRD}
tpl.THIRD的內(nèi)容為:THIRD模板。
TPLDEF和TPLEND定義的語(yǔ)句塊充許多重嵌套。
4.模板處理:Template.Parse(Name)
參數(shù):Name(字符串類型)是一個(gè)模板變量。
將模板中用花括號(hào)括起來(lái)的字串用同名的模板變量的內(nèi)容替換。
例子:續(xù)上例
以下是引用片段:
%=tpl.Parse(Main)%
顯示:這是主模板。接下來(lái)是SUB子模板,還有{THIRD}
由例子可知,Parse只替換Main模板中的{SUB}變量,而不能嵌套替換下去。這是為了增加程序靈活性而故意設(shè)計(jì)的。那么該怎么樣完整顯示Main模板呢?
例子:
以下是引用片段:
tpl.SUB=tpl.Parse(SUB);//先處理SUB變量,再處理Main變量。
Response.write(tpl.Parse(Main));
5.自定義模板變量。
自定義模板變量很簡(jiǎn)單,可以直接用賦值語(yǔ)句來(lái)定義和修改任何變量:
例子:
以下是引用片段:
tpl.Hahaha=這是自定義變量;
tpl.THIRD=改變?cè)0逯械腡HIRD變量;
需要注意的是,由于JScrip是區(qū)分大小寫的,因此一定要注意大小寫的拼寫。一般來(lái)說(shuō),HTML模板中定義的模板變量都用大寫。
另外,模板中使用的TplPath,Load,Parse,Split變量是內(nèi)部使用的,不要挪做它用,否則程序?qū)⒖赡馨l(fā)生異常。
下面舉個(gè)完整的例子:
第一步:先建立Html模板文件。
這里先說(shuō)明HTML模板文件的組成。首先,它和普通的HTML文件幾乎沒(méi)有區(qū)別,只不過(guò)多了幾個(gè)標(biāo)記。
模板的標(biāo)記有兩種。讓我們先看一個(gè)例子:
TEST.HTM
以下是引用片段:
-
!文件名:TEST.HTM
HTML
TITLE范例/TITLE
HEADER
/HEADER
BODY
這是一個(gè)表格范例。
TABLE
!#TPLDEFMAXX10!#TPLENDMAXX
!...注意,此處使用了一個(gè)技巧即定義了MAXX模板變量并賦值為10。
TR
TDX/TDTDX的平方/TD
/TR
!#TPLDEFROW
TR
TD{X}/TDTD{XX}/TD
/TR
!#TPLENDROW
/TABLE
以上共有{COUNT}行數(shù)據(jù)。
/BODY
/HTML
-
從上面可以看出,象{X},{XX},{COUNT}之類的記號(hào)是定義模板變量。它們將會(huì)在ASP程序中被替代。
而!#TPLDEFROW...!#TPLENDROW是定義一個(gè)語(yǔ)句塊ROW。在ASP程序中就可以將ROW塊重復(fù)多次。
第二步:設(shè)計(jì)ASP程序。
TEST.ASP
以下是引用片段:
-
%@Language=JScript%
!#includefile=Template.JScript.INC
%
vartpl=newTemplate(c:\Inetpub\wwwroot);
varstr=;
vari;
tpl.Load(Main,TEST.HTM);
tpl.Split(Main);
tpl.COUNT=0;
for(i=1;i=tpl.MAXX;i++)//tpl.MAXX在模板中定義為10。
{
tpl.X=i;
tpl.XX=i*i;
str+=tpl.Parse(ROW);
tpl.COUNT++;
}
tpl.ROW=str;
tpl.MAXX=;//清空此模板變量,以避免被顯示出來(lái)。
%
%=tpl.Parse(Main)%
-
上面的程序?qū)@示一個(gè)1到10的平方表。
通常在使用模板的情況下,都只要在最后一行加上顯示頁(yè)面的語(yǔ)句。因此整個(gè)程序顯得十分清晰。此時(shí),只要對(duì)模板文件進(jìn)行編輯,就可以改變整個(gè)頁(yè)面的外觀。
至于模板文件,它可以是任何文件,如HTML文件、ASP文件,甚至是程序本身!,而且在一個(gè)程序中可以裝載多個(gè)模板配合使用,這樣,不僅具有極大靈活性,而且模板文件與ASP程序的相關(guān)性可減到最低程度。
好好利用模板,將會(huì)使你的工作更加輕松。
附:Template源程序
文件名:Template.JScript.INC
<%
/*********************************************************/
/*TemplateClass*/
/*Author:*/
/*Date:6-09*/
/*********************************************************/
//TemplateMethodDefine
functionTemplate_Parse(name)
{
if(this[name]==null)
return;
varreg=newRegExp({(\w*)},ig);
varstr=newString(this[name]);
vararr=str.match(reg);
vari;
if(arr!=null)
for(i=0;iarr.length;i++)
{
key=arr.slice(1,-1);
reg=newRegExp(arr,ig);
if(this[key]!=null)
str=str.replace(reg,this[key]);
}
returnstr;
}
functionTemplate_Split(name)
{
varlen=0;
vararr;
if(this[name]==null)
return;
varTemplate_Exp=newRegExp(!#TPLDEF+(\w*)*((.|\n)*)!#TPLEND+\1*,i);
while(this[name].search(Template_Exp)!=-1)
{
arr=this[name].match(Template_Exp);
this[arr[1}=arr[2];
this[name]=this[name].replace(Template_Exp,{+arr[1]+});
this.Split(arr[1]);
}
}
functionTemplate_Load(name,filename)
{
varfso=newActiveXObject(Scripting.FileSystemObject);
varfile=fso.BuildPath(this.TplPath,filename);
if(fso.FileExists(file))
{
varf=fso.OpenTextFile(file,1);
this[name]=f.ReadAll();
}
}
//TemplateConstructor
functionTemplate(path)
{
//Property
this.TplPath=path;
//Method
this.Parse=Template_Parse;
this.Split=Template_Split;
this.Load=Template_Load;
}
% >
相關(guān)文章
asp導(dǎo)出excel文件最簡(jiǎn)單方便的方法
這篇文章主要介紹了asp導(dǎo)出excel文件最簡(jiǎn)單方便的方法,幾行代碼就可以搞定,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2014-08-08ASP中實(shí)現(xiàn)分頁(yè)顯示的七種方法
這篇文章主要介紹了ASP中實(shí)現(xiàn)分頁(yè)顯示的七種方法,這七種方法可以分為四大類,需要的朋友可以參考下2015-09-09隨機(jī)調(diào)用n條數(shù)據(jù)的方法分析
隨機(jī)調(diào)用n條數(shù)據(jù)的方法分析...2007-07-07