Asp中代碼與頁面的分離

字號:


    為了避免ASP程序和HTML代碼混寫造成維護困難的情況,本文介紹了一種方法,利用模板來分離程序和頁面,使程序設(shè)計更加輕松。
    在使用ASP制作一個站點的時候,常常會出現(xiàn)一個asp文件中,程序代碼和HTML代碼混合的情況。這樣子做有許多缺點:
    1. 且不說編程時就要對頁面布局進行設(shè)計和編排,造成代碼混亂難懂,不規(guī)范;
    2. 當(dāng)需要改變頁面外觀時,你不僅要改變HTML部份,也需要改變ASP代碼,不易維護。
    那么,要如何才能避免這些麻煩呢?
    答案就是使用模板文件,將ASP代碼和HTML頁面分開,一切問題就都解決了。使用模板有以下好處:
    1. 在很短的時間內(nèi)可以替換整個站點的外觀;
    2. 使程序員可以抽象編程,而無須接觸HTML代碼;
    3. 可以重復(fù)利用以前的模板。
    使用過PHP的程序就會知道,PHP有個模板程序(FastTemplate),現(xiàn)在的問題是如何在ASP中實現(xiàn)類似的功能。
    Microsoft的ASP帶有兩種腳本:VBScript和JScript。它們都帶有一個 "正則表達式對象" (RegExp),利用字符串對象和RegExp對象,就可以輕松的實現(xiàn)模板功能。沐楓以此編寫了一個 "Template.JScript.INC" 文件,此文件的內(nèi)容附在文章后面。有能力的讀者可以根據(jù)自己的需要進行改進。
    下面介紹一下使用方法。由于此文件是使用JScript編寫的(當(dāng)然要轉(zhuǎn)成VBScript也很容易),因此,缺省腳本語言要設(shè)為JScript,即ASP程序第一行應(yīng)為:<%@Language=JScript%>,然后再包含模板程序文件:。
    先介紹一下Template類的使用:
    1. 建立Template對象:Template(Path)
    參數(shù):Path(字符串類型) HTML模板文件的存放路徑。
    使用new 操作符建立Template對象。
    例子:
    var tpl = new Template("c:\template");
    在程序中可以用tpl.TplPath來取得模板路徑,也可以通過tpl.TplPath來改變模板路徑。
    如:
    tpl.TplPath = "d:\template";
    2. 裝載模板文件:Template.Load(Name, File)
    參數(shù):Name(字符串類型) 是一個模板變量名。
    File(字符串類型) 模板文件名。此文件存放在HTML模板路徑下。
    讀取文件File到模板變量Name中。
    例子:
    tpl.Load("Main", "TEST.HTM");
    此時,模板變量Main就包含了文件TEST.HTM的內(nèi)容。
    你可以用tpl.Main來訪問模板變量"Main"。
    例子:
    <%=tpl.Main%>
    將顯示剛才讀進來的TEST.htm文件內(nèi)容。
    3. 模板分拆:Template.Split(Name)
    參數(shù):Name(字符串類型) 是一個模板變量名。
    將Name中的子模板分解。
    例子:
    先假設(shè)上例中的TEST.HTM內(nèi)容為:
    -------------------
    這是主模板。接下來是:SUB子模板,還有
    THIRD模板。
    -------------------
    那么:
    tpl.Split("Main");
    執(zhí)行以后,就會生成新的模板變量"SUB",和"THIRD",它們的內(nèi)容就是和之間語句。
    而且"Main"模板變量的內(nèi)容也會發(fā)生改變:
    tpl.Main 的內(nèi)容為:"這是主模板。接下來是{SUB}"
    tpl.SUB  的內(nèi)容為:"SUB子模板,還有{THIRD}"
    tpl.THIRD 的內(nèi)容為:"THIRD模板。"
    TPLDEF 和 TPLEND 定義的語句塊充許多重嵌套。
    4. 模板處理:Template.Parse(Name)
    參數(shù):Name(字符串類型) 是一個模板變量。
    將模板中用花括號括起來的字串用同名的模板變量的內(nèi)容替換。
    例子:續(xù)上例
    <%=tpl.Parse("Main")%>
    顯示:"這是主模板。接下來是SUB子模板,還有{THIRD}"
    由例子可知,Parse只替換"Main"模板中的{SUB}變量,而不能嵌套替換下去。這是為了增加程序靈活性而故意設(shè)計的。那么該怎么樣完整顯示"Main"模板呢?
    例子:
    tpl.SUB = tpl.Parse("SUB"); //先處理SUB變量,再處理Main變量。
    Response.write(tpl.Parse("Main"));
    5. 自定義模板變量。
    自定義模板變量很簡單,可以直接用賦值語句來定義和修改任何變量:
    例子:
    tpl.Hahaha = "這是自定義變量";
    tpl.THIRD = "改變原模板中的THIRD變量";
    需要注意的是,由于JScrip是區(qū)分大小寫的,因此一定要注意大小寫的拼寫。一般來說,HTML模板中定義的模板變量都用大寫。
    另外,模板中使用的"TplPath","Load","Parse","Split"變量是內(nèi)部使用的,不要挪做它用,否則程序?qū)⒖赡馨l(fā)生異常。
    下面舉個完整的例子:
    第一步:先建立Html模板文件。
    這里先說明HTML模板文件的組成。首先,它和普通的html文件幾乎沒有區(qū)別,只不過多了幾個標(biāo)記。
    模板的標(biāo)記有兩種。讓我們先看一個例子:
    TEST.HTM
    -----------------
    這是一個表格范例。
    10
    XX的平方
    {X}{XX}
    以上共有{COUNT}行數(shù)據(jù)。
    -----------------
    從上面可以看出,象{X},{XX},{COUNT}之類的記號是定義模板變量。它們將會在ASP程序中被替代。
    而...是定義一個語句塊"ROW"。在ASP程序中就可以將"ROW"塊重復(fù)多次。
    第二步:設(shè)計ASP程序。
    TEST.ASP
    -------------------
    <%@Language=JScript%>
    <%
    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")%>
    -------------------
    上面的程序?qū)@示一個1到10的平方表。
    通常在使用模板的情況下,都只要在最后一行加上顯示頁面的語句。因此整個程序顯得十分清晰。此時,只要對模板文件進行編輯,就可以改變整個頁面的外觀。
    至于模板文件,它可以是任何文件,如HTML文件、ASP文件,甚至是程序本身!,而且在一個程序中可以裝載多個模板配合使用,這樣,不僅具有極大靈活性,而且模板文件與ASP程序的相關(guān)性可減到最低程度。
    好好利用模板,將會使你的工作更加輕松。
    附:Template 源程序
    ------------------------------------
    <%
    /*********************************************************/
    /* Template Class*/
    /* Author: SAYYES(www.knowsky.com)  */
    /* Date:  2003-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{
    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("((.|\n)*)","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;
    }
    %>