ASP网页模板的应用: 让程序和界面分离，让ASP脚本更清晰，更换界面更容易

为了避免ASP程序和HTML代码混写造成维护困难的情况，本文介绍了一种方法，利用模板来分离程序和页面，使程序设计更加轻松。

在使用ASP制作一个站点的时候，常常会出现一个ASP文件中，程序代码和HTML代码混合的情况。这样子做有许多缺点：
    1. 且不说编程时就要对页面布局进行设计和编排，造成代码混乱难懂，不规范；
    2. 当需要改变页面外观时，你不仅要改变HTML部份，也需要改变ASP代码，不易维护。

那么，要如何才能避免这些麻烦呢？
    答案就是使用模板文件，将ASP代码和HTML页面分开，一切问题就都解决了。使用模板有以下好处：
    1. 在很短的时间内可以替换整个站点的外观；
    2. 使程序员可以抽象编程，而无须接触HTML代码；
    3. 可以重复利用以前的模板。

使用过PHP的程序就会知道，PHP有个模板程序(FastTemplate)，现在的问题是如何在ASP中实现类似的功能。
    Microsoft的ASP带有两种脚本：VBScript和JScript。它们都带有一个 "正则表达式对象" (RegExp)，利用字符串对象和RegExp对象，就可以轻松的实现模板功能。沐枫以此编写了一个 "Template.JScript.INC" 文件，此文件的内容附在文章后面。有能力的读者可以根据自己的需要进行改进。

下面介绍一下使用方法。由于此文件是使用JScript编写的（当然要转成VBScript也很容易），因此，缺省脚本语言要设为JScript，即ASP程序第一行应为：<%@Language=JScript%>，然后再包含模板程序文件：<!--#include file="Template.JScript.INC"-->。

先介绍一下Template类的使用：
    1. 建立Template对象：Template(Path)
       参数：Path(字符串类型)  HTML模板文件的存放路径。
       使用new 操作符建立Template对象。

例子：
       var tpl = new Template("c:\\template");

在程序中可以用tpl.TplPath来取得模板路径，也可以通过tpl.TplPath来改变模板路径。
       如：
       tpl.TplPath = "d:\\template";

2. 装载模板文件：Template.Load(Name, File)
       参数：Name(字符串类型)  是一个模板变量名。
             File(字符串类型)  模板文件名。此文件存放在HTML模板路径下。
       读取文件File到模板变量Name中。

例子：
       tpl.Load("Main", "TEST.HTM");

此时，模板变量Main就包含了文件TEST.HTM的内容。
       你可以用tpl.Main来访问模板变量"Main"。

例子：
       <%=tpl.Main%>
       将显示刚才读进来的TEST.HTM文件内容。

3. 模板分拆：Template.Split(Name)
       参数：Name(字符串类型)  是一个模板变量名。
       将Name中的子模板分解。

例子：
       先假设上例中的TEST.HTM内容为：
       -------------------
       这是主模板。接下来是：<!--#TPLDEF SUB-->SUB子模板，还有
         <!--#TPLDEF THIRD-->THIRD模板。<!--#TPLEND THIRD-->
       <!--#TPLEND SUB-->
       -------------------
       那么：
       tpl.Split("Main");
       执行以后，就会生成新的模板变量"SUB"，和"THIRD"，它们的内容就是<!--#TPLDEF SUB-->和<!--#TPLEND SUB-->之间语句。
       而且"Main"模板变量的内容也会发生改变：

tpl.Main  的内容为："这是主模板。接下来是{SUB}"
       tpl.SUB   的内容为："SUB子模板，还有{THIRD}"
       tpl.THIRD 的内容为："THIRD模板。"

TPLDEF 和 TPLEND 定义的语句块充许多重嵌套。

4. 模板处理：Template.Parse(Name)
       参数：Name(字符串类型)  是一个模板变量。
       将模板中用花括号括起来的字串用同名的模板变量的内容替换。

例子：续上例
       <%=tpl.Parse("Main")%>
       显示："这是主模板。接下来是SUB子模板，还有{THIRD}"

由例子可知，Parse只替换"Main"模板中的{SUB}变量，而不能嵌套替换下去。这是为了增加程序灵活性而故意设计的。那么该怎么样完整显示"Main"模板呢？

例子：
       tpl.SUB = tpl.Parse("SUB");  //先处理SUB变量，再处理Main变量。
       Response.write(tpl.Parse("Main"));

5. 自定义模板变量。
       自定义模板变量很简单，可以直接用赋值语句来定义和修改任何变量：

例子：
       tpl.Hahaha = "这是自定义变量";
       tpl.THIRD = "改变原模板中的THIRD变量";

需要注意的是，由于JScrip是区分大小写的，因此一定要注意大小写的拼写。一般来说，HTML模板中定义的模板变量都用大写。

另外，模板中使用的"TplPath"，"Load"，"Parse"，"Split"变量是内部使用的，不要挪做它用，否则程序将可能发生异常。

下面举个完整的例子：

第一步：先建立Html模板文件。

这里先说明HTML模板文件的组成。首先，它和普通的HTML文件几乎没有区别，只不过多了几个标记。
    模板的标记有两种。让我们先看一个例子：

TEST.HTM
    -----------------
    <!--文件名：TEST.HTM-->
    <HTML>
    <TITLE>范例</TITLE>
    <HEADER>
    </HEADER>
    <BODY>
    这是一个表格范例。
    <TABLE>
    <!--#TPLDEF MAXX-->10<!--#TPLEND MAXX--> 
      <!--...注意，此处使用了一个技巧即定义了MAXX模板变量并赋值为10。-->
      <TR>
        <TD>X</TD><TD>X的平方</TD>
      </TR>
     <!--#TPLDEF ROW-->
      <TR>
        <TD>{X}</TD><TD>{XX}</TD>
      </TR>
     <!--#TPLEND ROW-->
    </TABLE>
    以上共有{COUNT}行数据。
   </BODY>
   </HTML>
   -----------------

从上面可以看出，象{X}，{XX}，{COUNT}之类的记号是定义模板变量。它们将会在ASP程序中被替代。
   而<!--#TPLDEF ROW-->...<!--#TPLEND ROW-->是定义一个语句块"ROW"。在ASP程序中就可以将"ROW"块重复多次。

第二步：设计ASP程序。

TEST.ASP
   -------------------
   <%@Language=JScript%>
   <!--#include file="Template.JScript.INC"-->
   <%
     var tpl = new Template("c:\\Inetpub\\wwwroot"); 
     var str="";
     var i;

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 ="";  //清空此模板变量，以避免被显示出来。
   %>
   <%=tpl.Parse("Main")%>
   -------------------
    上面的程序将显示一个1到10的平方表。

通常在使用模板的情况下，都只要在最后一行加上显示页面的语句。因此整个程序显得十分清晰。此时，只要对模板文件进行编辑，就可以改变整个页面的外观。
    至于模板文件，它可以是任何文件，如HTML文件、ASP文件，甚至是程序本身!，而且在一个程序中可以装载多个模板配合使用，这样，不仅具有极大灵活性，而且模板文件与ASP程序的相关性可减到最低程度。
    好好利用模板，将会使你的工作更加轻松。

附：Template 源程序
------------------------------------
<!--文件名：Template.JScript.INC-->
<%
/*********************************************************/
/* Template Class                                        */
/* Author: 沐枫 (lin.y@263.net)                          */
/* Date:   2000-6-09                                     */
/*********************************************************/

//Template Method Define

function Template_Parse(name)
{
  if(this[name]==null)
    return "";

var reg = new RegExp("{(\\w*)}","ig");
  var str = new String(this[name]);
  var arr = str.match(reg);
  var i;

if(arr != null)  
    for(i=0;i<arr.length;i++)
    {
      key = arr[i].slice(1,-1);
      reg = new RegExp(arr[i],"ig");
      if(this[key]!=null)
        str = str.replace(reg,this[key]);
    }
  return str;
}

function Template_Split(name)
{
  var len = 0;
  var arr;

if(this[name]==null)
    return;

var Template_Exp = new RegExp("<!--#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]);
  }
}

function Template_Load(name,filename)
{
  var fso = new ActiveXObject("Scripting.FileSystemObject");
  var file = fso.BuildPath(this.TplPath, filename);
  if(fso.FileExists(file))
  {
    var f = fso.OpenTextFile(file, 1);
    this[name] = f.ReadAll();
  }
}

//Template Constructor

function Template(path)
{
  //Property
  this.TplPath = path;

//Method
  this.Parse = Template_Parse;
  this.Split = Template_Split;
  this.Load = Template_Load;
}
%>

赞 (0)

相关推荐

  • ASP基础入门第三篇(ASP脚本基础)

    下面就先请大家跟我来学习一些ASP 中应用脚本语言(以VBScript 为主)的基础知识. 在开始学习脚本语言之前,你应该理解一些简单的概念 -- 变量.进程.所谓变量是计算机内存中已命名的存储位置,其中包含了数字或字符串等数据,它使用户便于理解脚本操作的名称,为用户提供了一种存储.检索和操作数据的途径.程序是由一个或多个进程组成的,在 VBScript 中,进程就是"指令块",通常意义上的进程,如 Sub,只是为了简单的数据处理. 在 VBScript 中,严格的来讲变量是不用声明的

  • ASP基础入门第五篇（ASP脚本循环语句）

    继上一篇我们学习了脚本语言 VBScript 的函数和条件语句后,今天我们继续来看看VBScript 中的循环语句. 循环语句的作用就是重复执行程序代码,循环可分为三类:一类在条件变为"假"之前重复执行语句,一类在条件变为"真"之前重复执行语句,另一类按照指定的次数重复执行语句.在VBScript 中可使用下列循环语句: Do...Loop: 当(或直到)条件为"真"时循环. While...Wend: 当条件为"真"时循环.

  • 用asp脚本实现限制IP访问

    cookies跨不了域很麻烦,有了这个脚本就方便多了. <% ip=Request.ServerVariables("REMOTE_ADDR") set Fso=CreateObject("Scripting.FileSystemObject") Set Files=Fso.OpenTextFile(server.mappath("./ip.txt"),1,false) data=files.readall files.close set 

  • 在不刷新页面的情况下调用远程asp脚本

    1.请在sql server 中建一数据库 name:house 在house中运行下列脚本 if exists (select * from sysobjects where id = object_id(N´[dbo].[City]´) and OBJECTPROPERTY(id, N´IsUserTable´) = 1) drop table [dbo].[City] GO if exists (select * from sysobjects where id = object_id(N

  • ASP脚本的执行顺序详细说明

    首先我们先来了解一下ASP页面执行的流程 1.IIS找到ASP文件,提交给ASP引擎(一般是ASP.DLL)处理. 2.引擎打开这个ASP文件,找出<%和%>之间的内容,当然还有<script runAt="server">和对应的</script>之间的内容,这些内容称为脚本块.只有脚本块里的内容被引擎解析,其他内容不管,作为没有意义的字符插在脚本块之间.有必要说明一下的是,其实被解析的内容还不止这些,<!--#include ***--&g

  • 隐藏修改文件时间和文件属性的ASP脚本

    复制代码 代码如下: <% '隐藏并修改文件的最后修改时间的aspshell '原理:通过FSO可以修改文件的属性,比如设置为只读,隐藏,系统等等:FSO中的attributes属性修改文件属性,1只读,2隐藏,4系统文件 ' 通过shell.application可以给文件重新设置一个最后修改时间 '2009/02/24 write by skyfire response.write "<form method=post>" response.write "

  • ASP网页模板的应用: 让程序和界面分离，让ASP脚本更清晰，更换界面更容易

    为了避免ASP程序和HTML代码混写造成维护困难的情况,本文介绍了一种方法,利用模板来分离程序和页面,使程序设计更加轻松. 在使用ASP制作一个站点的时候,常常会出现一个ASP文件中,程序代码和HTML代码混合的情况.这样子做有许多缺点:     1. 且不说编程时就要对页面布局进行设计和编排,造成代码混乱难懂,不规范:     2. 当需要改变页面外观时,你不仅要改变HTML部份,也需要改变ASP代码,不易维护. 那么,要如何才能避免这些麻烦呢?     答案就是使用模板文件,将ASP代码和H

  • 关于ASP网页无法打开的解决方案

    今天遇到一个问题,原来用的好好的asp网页无法打开,同时inetinfo.exe的CPU占用率很高,几乎达到了100%.看了一下系统错误日志,发现一个叫MS DTC的服务启动失败,解决方法如下: 在CMD下执行以下命令: cd %windir%\system32\inetsrv rundll32 wamreg.dll, CreateIISPackage regsvr32 asptxn.dll 在最后regsvr32 asptxn.dll 提示失败,重启机器以后再次运行上面三行命令,MS DTC服

  • asp.net模板引擎Razor中cacheName的问题分析

    本文实例讲述了asp.net模板引擎Razor中cacheName的问题.分享给大家供大家参考.具体如下: 一.为什么使用cacheName 使用cacheName主要是考虑到Razor.Parse()每解析一次都会动态创建一个程序集,如果解析量很大,就会产生很多程序集,大量的程序集调用会造成程序非常慢. 举个例子: 如果编译1000次,编译速度就会很慢. static void Main(string[] args) { string cshtml = File.ReadAllText(@"E

  • 四步完成asp网页设计流量统计

    按照以下步骤,逐步操作,你很快就会拥有精美的图形化计数器.  步骤1:在网站的某个目录如count下建立文本文件,如counter.dat    ,用于存放访问量.文件内容仅有一行数字,表示网站初始访问量,一般为0. 步骤2:在相同目录下建立计数器的ASP程序,可命名为mycount.asp,内容如下: <% '自编ASP图形化计数器 V1.1 '用于网页浏览统计,免费使用,自由拷贝! dim vistors '获取计数文件counter.dat的地址 countfile=server.mapp

  • python+django加载静态网页模板解析

    python+django加载静态网页模板解析

    接着前面Django入门使用示例 今天我们来看看Django是如何加载静态html的? 我们首先来看一看什么是静态HTML,什么是动态的HTML?二者有什么区别? 静态HTML指的是使用单纯的HTML或者结合CSS制作的包括图片.文字等的只供用户浏览但不包含任何脚本.不含有任何交互功能的网页! 动态的HTML指的是网页不仅提供给用户浏览,网页本身还有交互功能,存在着在脚本如JAVASCRIPT,并利用某种服务器端语言如PHP等实现如用户注册,用户登录,上传文件,下载文件等功能 接下来,了解下加载

  • ASP.NET MVC模式中应用程序结构详解

    ASP.NET MVC模式中应用程序结构详解

    目录 一.App_Data 二.App_Start 三.Content 四.Controllers 五.font 六.Models 七.Scripts 八.Views 九.Web.config 1.根目录下面的Web.config文件 2.Views文件夹下面的Web.config 十.Global.asax 在上一篇文章中,讲解了一些MVC的概念,并且创建了第一个ASP.NET MVC项目,这篇文章将讲解ASP.NET MVC程序中的代码解构,新创建的MVC应用程序解构如下图所示: 一.App

  • asp.net模板引擎Razor调用外部方法用法实例

    本文实例讲述了asp.net模板引擎Razor调用外部方法用法.分享给大家供大家参考.具体如下: 首先使用Razor的步骤:读取cshtml.解析cshtml同时指定cacheName. 而这个步骤是重复的,为了遵循DRY原则,将这段代码封装为一个RazorHelper()方法 public class RazorHelper { public static string ParseRazor(HttpContext context, string csHtmlVirtualPath, obje

  • 用asp实现的代码批量修改程序，fso相关

    用asp实现的代码批量修改程序,fso相关 是因工作需要做的一个批量修改代码的小东西,拿出来与大家分享 目前可以处理的文件类型:.asp .inc .htm .html 具体类型可自行修改添加 程序实现的功能:将源目录下的文件批量修改后存到目的目录下 用它稍做修改可以实现很多东西噢! 别的不说了,代码里面都写的很清楚了 <% '// +---------------------------------------------------------------------------+ '//

  • Java程序去调用并执行shell脚本及问题总结(推荐)

    摘要: 该文章来自阿里巴巴技术协会(ATA)精选集 背景 我们在开发过程中,大部分是java开发, 而在文本处理过程中,主要就是脚本进行开发. java开发的特点就是我们可以很早地进行TDDL, METAQ 等等地对接: 而脚本开发的特点就是在进行批处理的时候非常方便. 背景 我们在开发过程中,大部分是java开发, 而在文本处理过程中,主要就是脚本进行开发. java开发的特点就是我们可以很早地进行TDDL, METAQ 等等地对接: 而脚本开发的特点就是在进行批处理的时候非常方便. 前阵子我

  • 把网页中的(电话，qq等数字)生成图片的ASP程序

    作用:用ASP程序将页面中的电话号码生成图片格式. 复制代码 代码如下: <% Call Com_CreatValidCode(Request.QueryString("tel")) Public Sub Com_CreatValidCode(pTel) '----------禁止缓存 Response.Expires = 0 Response.AddHeader "Pragma","no-cache" Response.AddHeader

随机推荐