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

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

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

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

顯示時(shí)的HTML原碼: 
<table datasrc="#xmldata" border=1> 
<tr> 
<td colspan=2>我的簡(jiǎn)單介紹</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>最愛(ài)白菜</webname> 
<weburl>http://blog.csdn.net/qunluo</weburl> 
</webList> 
</xData> 
</xml> 

顯示時(shí)的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> 

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

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

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

最新評(píng)論