XML数据岛技术

最近,好几个朋友的项目中用到XML,这里特别讲下 XML数据岛技术,希望对他们以及来我BLOG的朋友们有所帮助,好了废话不多说了…
首先,我们来了解数据岛的概念,
什么是数据岛(data Islands)?
XML的数据源对象又称为DSO(data source object)或数据岛。
数据岛是指存在于HTML页面中的XML代码。

数据岛的优势
将XML数据与HTML页面显示完美结合起来
数据岛的缺陷
只能在 IE 下运行,firefox等浏览器下无法使用。
安全性:xml 数据岛可通过查看 html 的源代码获取

数据岛在HTML中的显示方式
DSO数据显示方式
和SPAN标记捆绑
<span datasrc=”#数据源的名称”  datafld=”某种标记或属性的名称” ></span>
和DIV标记捆绑
<div datasrc=”#数据源的名称”  datafld=”某种标记或属性的名称”></div>
和INPUT标记捆绑
<input datasrc=”#数据源的名称”  datafld=”某种标记或属性的名称”></input>
和TEXTAREA标记捆绑
<textarea datasrc=”#数据源的名称”  datafld=”某种标记或属性的名称”></textarea>
数据岛的使用
内嵌数据岛
<xml id=“xmlid”>  … </xml>
外联的数据岛
<xml id=“xmlid” src=“1.xml“ />
XML数据岛技术的东东就这么多了,下面给大家来个具体的实例了哟。
我们先写个 user.xml文件
<?xml version="1.0" encoding="UTF-8"?>	
		<user>
			<userName>admin</userName>
			<Gender>male</Gender>
			<age>22</age>
			<occupation>java engineer</occupation>
		</user>

下面就是我们写个 testdso.html,用来显示user.xml里内容。
<html>
  <head>
    <title>testdso.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>
         <!-- 导入user.xml -->
 	<xml id="xmlid" src="./user.xml"/> 
         <!-- 注意这里用的datasrc控件 -->
	<table datasrc="#xmlid" border="1" >
		<tr>
			<td>userName</td>
			<td>Gender</td>
			<td>age</td>
			<td>occupation</td>
		</tr>
		<tr>
			<td><span  datafld="userName" ></span></td>
			<td><span  datafld="Gender" ></span></td>
			<td><span  datafld="age" ></span></td>
			<td><span  datafld="occupation" ></span></td>
		</tr>	
	</table>
  </body>
</html>

好了大家可以直接用EditPlus编辑工具ctrl+e或IE浏览器运行testdso.html了,这样user.xml里的内容就完美的显示到了testdso.html里的表格中去了哟。呵呵,感觉不错吧!

你可能感兴趣的:(html,xml,浏览器,IE,firefox)