asp和xml简单实现html模板功能
简单来说这个方式只是使用datasrc和dataFLd这两个HTML标签的属性实现的.废话就不多说了,一切实例说话.以下两个例子将说明一切.
例一:单个数据显示
以下是用ASP生成的XML数据岛.
<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>网站名称:</td>
<td><span dataFLd="webname"></span></td>
</tr>
<tr>
<td>网站地址:</td>
<td><a dataFLd="weburl"><span dataFLd="weburl"></span></a></td>
</tr>
</table>
例二:多条数据显示
以下是用ASP生成的XML数据岛.
<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>我关注的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到一个文件内查看实际运行效果.)
注意例二HTML原码中的thead和tbody,在显示多条记录时会有用的,如果不明白他们有什么用的可以去掉它们后看看会有什么后果.
顺便说一句,图像和按键的数据绑定和超链接的绑定是差不多的,如:<img dataFLd="webimg">和<button dataFLd="buttonvalue"></button>
局限,就是要求浏览器必须支持XML,还有一个疑问
例一:单个数据显示
以下是用ASP生成的XML数据岛.
<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>网站名称:</td>
<td><span dataFLd="webname"></span></td>
</tr>
<tr>
<td>网站地址:</td>
<td><a dataFLd="weburl"><span dataFLd="weburl"></span></a></td>
</tr>
</table>
例二:多条数据显示
以下是用ASP生成的XML数据岛.
<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>我关注的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到一个文件内查看实际运行效果.)
注意例二HTML原码中的thead和tbody,在显示多条记录时会有用的,如果不明白他们有什么用的可以去掉它们后看看会有什么后果.
顺便说一句,图像和按键的数据绑定和超链接的绑定是差不多的,如:<img dataFLd="webimg">和<button dataFLd="buttonvalue"></button>
局限,就是要求浏览器必须支持XML,还有一个疑问
浙公网安备 33010602011771号