«
关于Asp代码与页面的分离

时间：2008-5-31    作者：Deri    分类： 分享 

   <p>　　为了避免ASP程序和HTML代码混写造成维护困难的情况，本文介绍了一种方法，利用模板来分离程序和页面，使程序设计更加轻松。</p><p>　　在使用ASP制作一个站点的时候，常常会出现一个ASP文件中，程序代码和HTML代码混合的情况。这样子做有许多缺点：</p><p>　　1.且不说编程时就要对页面布局进行设计和编排，造成代码混乱难懂，不规范；</p><p>　　2.当需要改变页面外观时，你不仅要改变HTML部份，也需要改变ASP代码，不易维护。</p><p>　　那么，要如何才能避免这些麻烦呢？</p><p>　　答案就是使用模板文件，将ASP代码和HTML页面分开，一切问题就都解决了。使用模板有以下好处：</p><p>　　1.在很短的时间内可以替换整个站点的外观；</p><p>　　2.使程序员可以抽象编程，而无须接触HTML代码；</p><p>　　3.可以重复利用以前的模板。</p><p>　　使用过PHP的程序就会知道，PHP有个模板程序(FastTemplate)，现在的问题是如何在ASP中实现类似的功能。</p><p>　　Microsoft的ASP带有两种脚本：VBScript和JScript。它们都带有一个正则表达式对象(RegExp)，利用字符串对象和RegExp对象，就可以轻松的实现模板功能。沐枫以此编写了一个Template.JScript.INC文件，此文件的内容附在文章后面。有能力的读者可以根据自己的需要进行改进。</p><p>　　下面介绍一下使用方法。由于此文件是使用JScript编写的（当然要转成VBScript也很容易），因此，缺省脚本语言要设为JScript，即ASP程序第一行应为：%@Language=JScript%，然后再包含模板程序文件：!#includefile=Template.JScript.INC。</p><p>　　先介绍一下Template类的使用：</p><p>　　1.建立Template对象：Template(Path)</p><p>　　参数：Path(字符串类型)HTML模板文件的存放路径。</p><p>　　使用new操作符建立Template对象。</p>
<p> </p>

   <p>　　例子：</p><p>　　vartpl=newTemplate(c:\template);</p><p>　　在程序中可以用tpl.TplPath来取得模板路径，也可以通过tpl.TplPath来改变模板路径。</p><p>　　如：</p><p>　　tpl.TplPath=d:\template;</p><p>　　2.装载模板文件：Template.Load(Name,File)</p><p>　　参数：Name(字符串类型)是一个模板变量名。</p><p>　　File(字符串类型)模板文件名。此文件存放在HTML模板路径下。</p><p>　　读取文件File到模板变量Name中。</p><p>　　例子：</p><p>　　tpl.Load(Main,TEST.HTM);</p><p>　　此时，模板变量Main就包含了文件TEST.HTM的内容。</p><p>　　你可以用tpl.Main来访问模板变量Main。</p><p>　　例子：</p><p>　　%=tpl.Main%</p><p>　　将显示刚才读进来的TEST.HTM文件内容。</p><p>　　3.模板分拆：Template.Split(Name)</p><p>　　参数：Name(字符串类型)是一个模板变量名。</p><p>　　将Name中的子模板分解。</p><p>　　例子：</p><p>　　先假设上例中的TEST.HTM内容为：</p><p>　　-</p><p>　　这是主模板。接下来是：!#TPLDEFSUBSUB子模板，还有</p><p>　　!#TPLDEFTHIRDTHIRD模板。!#TPLENDTHIRD</p><p>　　!#TPLENDSUB</p><p>　　-</p><p>　　那么：</p><p>　　tpl.Split(Main);</p><p>　　执行以后，就会生成新的模板变量SUB，和THIRD，它们的内容就是!#TPLDEFSUB和!#TPLENDSUB之间语句。</p><p>　　而且Main模板变量的内容也会发生改变：</p><p>　　tpl.Main的内容为：这是主模板。接下来是{SUB}</p><p>　　tpl.SUB的内容为：SUB子模板，还有{THIRD}</p><p>　　tpl.THIRD的内容为：THIRD模板。</p><p>　　TPLDEF和TPLEND定义的语句块充许多重嵌套。</p><p>　　4.模板处理：Template.Parse(Name)</p><p>　　参数：Name(字符串类型)是一个模板变量。</p><p>　　将模板中用花括号括起来的字串用同名的模板变量的内容替换。</p><p>　　例子：续上例</p>
 <p> </p>

   <p>　　%=tpl.Parse(Main)%</p><p>　　显示：这是主模板。接下来是SUB子模板，还有{THIRD}</p><p>　　由例子可知，Parse只替换Main模板中的{SUB}变量，而不能嵌套替换下去。这是为了增加程序灵活性而故意设计的。那么该怎么样完整显示Main模板呢？</p><p>　　例子：</p><p>　　tpl.SUB=tpl.Parse(SUB);//先处理SUB变量，再处理Main变量。</p><p>　　Response.write(tpl.Parse(Main));</p><p>　　5.自定义模板变量。</p><p>　　自定义模板变量很简单，可以直接用赋值语句来定义和修改任何变量：</p><p>　　例子：</p><p>　　tpl.Hahaha=这是自定义变量;</p><p>　　tpl.THIRD=改变原模板中的THIRD变量;</p><p>　　需要注意的是，由于JScrip是区分大小写的，因此一定要注意大小写的拼写。一般来说，HTML模板中定义的模板变量都用大写。</p><p>　　另外，模板中使用的TplPath，Load，Parse，Split变量是内部使用的，不要挪做它用，否则程序将可能发生异常。</p><p>　　下面举个完整的例子：</p><p>　　第一步：先建立Html模板文件。</p><p>　　这里先说明HTML模板文件的组成。首先，它和普通的HTML文件几乎没有区别，只不过多了几个标记。</p><p>　　模板的标记有两种。让我们先看一个例子：</p><p>　　TEST.HTM</p><code>以下是引用片段：<br />-<br />!文件名：TEST.HTM<br />HTML<br />TITLE范例/TITLE<br />HEADER<br />/HEADER<br />BODY<br />这是一个表格范例。<br />TABLE<br />!#TPLDEFMAXX10!#TPLENDMAXX<br />!...注意，此处使用了一个技巧即定义了MAXX模板变量并赋值为10。<br />TR<br />TDX/TDTDX的平方/TD<br />/TR<br />!#TPLDEFROW<br />TR<br />TD{X}/TDTD{XX}/TD<br />/TR<br />!#TPLENDROW<br />/TABLE<br />以上共有{COUNT}行数据。<br />/BODY<br />/HTML<br />-</code></p>
 <p> </p>

   <p>　　从上面可以看出，象{X}，{XX}，{COUNT}之类的记号是定义模板变量。它们将会在ASP程序中被替代。</p><p>　　而!#TPLDEFROW...!#TPLENDROW是定义一个语句块ROW。在ASP程序中就可以将ROW块重复多次。</p><p>　　第二步：设计ASP程序。</p><p>　　TEST.ASP</p><code>以下是引用片段：<br />-<br />%@Language=JScript%<br />!#includefile=Template.JScript.INC<br />%<br />vartpl=newTemplate(c:\Inetpub\wwwroot);<br />varstr=;<br />vari;<br />tpl.Load(Main,TEST.HTM);<br />tpl.Split(Main);<br />tpl.COUNT=0;<br />for(i=1;i=tpl.MAXX;i++)//tpl.MAXX在模板中定义为10。<br />{<br />tpl.X=i;<br />tpl.XX=i*i;<br />str+=tpl.Parse(ROW);<br />tpl.COUNT++;<br />}<br />tpl.ROW=str;<br />tpl.MAXX=;//清空此模板变量，以避免被显示出来。<br />%<br />%=tpl.Parse(Main)%<br />-</code></p><p>　　上面的程序将显示一个1到10的平方表。</p><p>　　通常在使用模板的情况下，都只要在最后一行加上显示页面的语句。因此整个程序显得十分清晰。此时，只要对模板文件进行编辑，就可以改变整个页面的外观。</p><p>　　至于模板文件，它可以是任何文件，如HTML文件、ASP文件，甚至是程序本身!，而且在一个程序中可以装载多个模板配合使用，这样，不仅具有极大灵活性，而且模板文件与ASP程序的相关性可减到最低程度。</p><p>　　好好利用模板，将会使你的工作更加轻松。</p><p>　　附：Template源程序</p><code>以下是引用片段：<br />!文件名：Template.JScript.INC<br />%<br />/*********************************************************/<br />/*TemplateClass*/<br />/*Author:*/<br />/*Date:6-09*/<br />/*********************************************************/<br />//TemplateMethodDefine<br />functionTemplate_Parse(name)<br />{<br />if(this[name]==null)<br />return;<br />varreg=newRegExp({(\w*)},ig);<br />varstr=newString(this[name]);<br />vararr=str.match(reg);<br />vari;<br />if(arr!=null)<br />for(i=0;iarr.length;i++)<br />{<br />key=arr.slice(1,-1);<br />reg=newRegExp(arr,ig);<br />if(this[key]!=null)<br />str=str.replace(reg,this[key]);<br />}<br />returnstr;<br />}<br />functionTemplate_Split(name)<br />{<br />varlen=0;<br />vararr;<br />if(this[name]==null)<br />return;<br />varTemplate_Exp=newRegExp(!#TPLDEF+(\w*)*((.|\n)*)!#TPLEND+\1*,i);<br />while(this[name].search(Template_Exp)!=-1)<br />{<br />arr=this[name].match(Template_Exp);<br />this[arr[1}=arr[2];<br />this[name]=this[name].replace(Template_Exp,{+arr[1]+});<br />this.Split(arr[1]);<br />}<br />}<br />functionTemplate_Load(name,filename)<br />{<br />varfso=newActiveXObject(Scripting.FileSystemObject);<br />varfile=fso.BuildPath(this.TplPath,filename);<br />if(fso.FileExists(file))<br />{<br />varf=fso.OpenTextFile(file,1);<br />this[name]=f.ReadAll();<br />}<br />}<br />//TemplateConstructor<br />functionTemplate(path)<br />{<br />//Property<br />this.TplPath=path;<br />//Method<br />this.Parse=Template_Parse;<br />this.Split=Template_Split;<br />this.Load=Template_Load;<br />}<br />%</code></p>