本文利用的是XML的DSO數(shù)據(jù)綁定功能來實現(xiàn)ASP代碼和HTML代碼的分離,從而實現(xiàn)快速更換HTML模板的功能,由于本人只是剛剛開始接觸XML,有許多不太了解的,在這里僅僅是提出一點想法,如果本文有錯漏的地方請大家指多. 

目前快速更換模板功能基本上是處于replace替換模板中的特殊標(biāo)簽后再顯示出來,這樣加大了許多ASP的處理時間,而且模板文件過長的話,加載到內(nèi)存里進(jìn)行處理時也是對服務(wù)器內(nèi)存的一種考驗.而XML中提供了一種DSO數(shù)據(jù)綁定功能.可以將標(biāo)識替換操作交付給客戶端.由于為了簡化HTML模板的制作要求.所以,盡量簡化HTML模板的XML技術(shù)含量是有必要的. 

簡單來說這個方式只是使用datasrc和dataFLd這兩個HTML標(biāo)簽的屬性實現(xiàn)的.廢話就不多說了,一切實例說話.以下兩個例子將說明一切. 

例一:單個數(shù)據(jù)顯示 
以下是用ASP生成的XML數(shù)據(jù)島. 
<xml id="xmldata"> 
<xData> 
<name>coder</name> 
<webname>輕靈自由的珍珠</webname> 
<weburl>http://blog.csdn.net/oyiboy</weburl> 
</xData> 
</xml> 

顯示時的HTML原碼: 
<table datasrc="#xmldata" border=1> 
<tr> 
<td colspan=2>我的簡單介紹</td> 
</tr> 
<tr> 
<td>我的名稱:</td> 
<td><span dataFLd="name"></span></td> 
</tr> 
<tr> 
<td>網(wǎng)站名稱:</td> 
<td><span dataFLd="webname"></span></td> 
</tr> 
<tr> 
<td>網(wǎng)站地址:</td> 
<td><a dataFLd="weburl"><span dataFLd="weburl"></span></a></td> 
</tr> 
</table> 


例二:多條數(shù)據(jù)顯示 
以下是用ASP生成的XML數(shù)據(jù)島. 
<xml id="xmldataList"> 
<xData> 
<webList> 
<webname>輕靈自由的珍珠</webname> 
<weburl>http://blog.csdn.net/oyiboy</weburl> 
</webList> 
<webList> 
<webname>Estyle(靳田)之狂想手扎</webname> 
<weburl>http://blog.csdn.net/estyle</weburl> 
</webList> 
<webList> 
<webname>最愛白菜</webname> 
<weburl>http://blog.csdn.net/qunluo</weburl> 
</webList> 
</xData> 
</xml> 

顯示時的HTML原碼: 
<table datasrc="#xmldataList" border=1> 
<thead> 
<tr> 
<td colspan=2>我關(guān)注的Csdn Blog列表</td> 
</tr> 
<tr> 
<td align="center">名稱</td> 
<td align="center">地址</td> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td><span dataFLd="webname"></span></td> 
<td><a dataFLd="weburl"><span dataFLd="weburl"></span></a></td> 
</tr> 
</tbody> 
</table> 

(以上兩個例子可以copy到一個文件內(nèi)查看實際運行效果.) 
注意例二HTML原碼中的thead和tbody,在顯示多條記錄時會有用的,如果不明白他們有什么用的可以去掉它們后看看會有什么后果. 

順便說一句,圖像和按鍵的數(shù)據(jù)綁定和超鏈接的綁定是差不多的,如:<img dataFLd="webimg">和<button dataFLd="buttonvalue"></button> 

局限,就是要求瀏覽器必須支持XML,還有一個疑問.象例一中的<a dataFLd="weburl"><span dataFLd="weburl"></span></a>會顯示得出<a >http://blog.csdn.net/oyiboy</a>的效果應(yīng)該怎么作.請各位高人指點一下. 

最新評論