用DOS在HTML主页中浏览XML数据

维普资讯

买罨第一　

智慧密集　

用ＤＳＯ在ＨＴＭＬ主页中浏览ＸＭＬ数据　

施明辉孙荣胜　

摘要本文详迷了用ＤＳＯ绑定ＸＭＬ文档的方法，并用实倒说明了如何利用ＤＳＯ技术在　

ＨＴＮＩ　主页甲浏览ＸＭＬ数据。　

ＤＳＯ，绑定，ＸＭＩ　关键词

一

一

、

引言　

目前，Ｍｉｃｒｏ￣ｆｔ、Ｏｒａｃｌｅ　ＩＢＭ等著名大公司纷纷推出基于　

个ＤＳＯ对象，然后用此ＤＳＯ对象创建ｒ个ＤＯＭ对象，接　

着用ＤＯＭ对象加载一个主页外部的ＸＭＬ文件。加载好ＸＭＬ　

文件以后，就可以利用ＤＳＯ对象将ＸＭＬ文件中的数据绑定到　

ＨＴＭＬ元素中了　

为了更容易理解，我们可以把创建并加载好ＸＭＬ文件的　

ＤＳＯ对象看作是一个关系数据库中的记录集对象　ＸＭＬ文件　

中的属性名和标记名作为字段名，而标记的属性值和内容作为　

字段值　在ＨＴＭＬ主页的脚本中，我们可以象操作关系数据库　

中的记录集一样，使用ＤＳＯ对象来操作ＸＭＬ数据　

ｘＭＬ（ｅｘｋｎ　ｋ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ，可扩展标ｉ　语言）的解决方　

案　ＸＭＬ以其简单而有效的特性在软件业的许多领域得到迅　

速发展。其中，数据存储是ＸＭＬ应用的一个方面。由于ＸＭＬ　

文档是以简单的文本格式存放数据，不像关系数据库那样以复　

杂格式存放数据，因而能够带来许多好处　比如数据能方便地　

跨平台使用；同样的数据易于用不同的方式显示等。将来，许　

多的数据必将以ＸＭＬ文档格式存储。但是ＸＭＬ文档本身不具　

备显示功能　ＣＳＳ（Ｃａｓｃａｄｉｎｇ　Ｓｔｙｌｅ　Ｓｈｅｅｔｓ层叠样式表）和ＸＳＬ　

三、实例　

在一个餐饮项目开发中，我们用ＤＳＯ技术将包含菜谱信　

息的ＸＭＬ文档绑定到ＨＴＭＬ页面中，使得在浏览器中能通过　

按纽非常方便地浏览ＸＭＬ文档中的数据　下面介绍使用方　

法。为了减少篇幅，本文将原项目中的ＸＭＬ文档和ＨＴＭＬ页　

面作了简化处理，但足以说明问题。　

首先．编写一个ＸＭＬ文件ｎｌｌｅｌｌｔｌ８．ｘｍｌ如下所示：　

＜？ｘｍｌ　ｖｅｒｓｉｏｎ＝　１　０　ｅｎｃｏｄｉｎｇ＝　ｇｂ２３１　２—　＞　

＜ｍｅｎｕｓ＞　

（ＸＭＬ　Ｓｔｙｌｅ　Ｌａｎｇｕａｇｅ可扩展类型语言）可以用来显示ＸＭＬ数　

据，但都必须编写样式文件。而ＤＳＯ（Ｄａｔａ　Ｓｏｕｒｃｅ　Ｏｂｊｅｃｔ数据　

源对象）可以直接将ＸＭＬ数据绑定到ＨＴＭＬ主页中。这样．通　

过浏览器来操纵ＸＭＬ数据就显得非常灵活方便了。　

二、ＤＳＯ介绍　

实际上，１３６０在ＸＭＬ出现以前就有了。ＤＳＯ是在ＨＴＭＬ　

主页中可以加人结构化数据｛包括ＸＭＬ）的一类对象　不同类　

型的数据格式有不同类型的ＤＳＯ。目前，主要有三种类型的　

ＤＳＯ：表格式数据控制｛Ｔａｂｕｌａｒ　Ｄａｔａ　Ｃｏｎｔｒｏｌ　ＴＤＣ）、远程数据　

服务｛原来的ＡＤＣ）、ＸＭＬ数据源　这三种类型的ＤＳＯ分别适　

用于结构化文本文件、ＳＱＬ数据库中的记录集、ＸＭＬ文件格　

式的数据　起初，只有前阿种类型的ＤＳＯ。随着ＸＭＬ的出　

现，用于ＸＭＩ　数据存储的ＤＳＯ才被开发出来　

ＤＳＯ可以看作是一个在客户端像数据库一样运行的对象：　

它可以接收按某种方式组织的信息（比如ＸＭＬ文件格式的数　

据）．并使用ＤＳＯ自身的数据库引擎对信息进行操作。与使用　

其它对象一样，我们可以用ＤＳＯ提供的接口来操作数据。　

ＩＥ５提供了用Ｃ＋＋编写的ＤＳＯ。这种ＤＳＯ不仅支持数据　

（ｍｅｎｕ　ｉｄ＝　１　＞　

＜菜名　宝粥＜，菜名＞　

＜特色＞色泽　吉白　香甜　口＜，特色＞　

＜价格）８元＜　价格＞　

＜／ｑ３ｅｎＵ＞　

＜ｍｅｎｉＪ　ｉｄ＝　２　）　

＜菜名＞杏仁豆腐谬＜　菜各　

特色　杏仁味香．睬极清雅　，斗寺色　

（价格＞１　０元＜／价格＞　

＜　ｍｅｎｕ＞　

＜ｍｅｎｕ　ｉｄ＝　３　）　

＜菜名埔　由炒虾仁＜，菜名　

＜特色　色泽洁白．成鲜昧美　，斗寺色＞　

与ＨＴＭＬ元素的绑定．同时还创建了一个加载ＸＭＩ　文件的　

ＤＯＭ（Ｄｏｃｕｍｅｎｔ　Ｏｂｊｃｔｅ　Ｍｏｄｅｌ文档对象模式）　因此，我们可　

在ＨＴＭＬ主页中这样来使用ＤＳＯ　首先利用ｏｂｊｅｃｔ元素刨建　

＜价格＞１　２元＜／价格＞　

＜／ｍｅｎｉＪ＞　

＜ｔＴＩｅｃｒｕ　ｉｄ＝　４　＞　

ｃ衄叩曲靠蝻　哆　ｊ啦ｓ　１１　

维普资讯

实用第一　

应用托　

智慧密集　

表ｘｍｌｄｓｏ　

荨芒　耳炒肉ｒ　＜　苇若　

特　巧丑色ＮＩｑ．滑嫩脆翼（对寺色＞　

（　

＜。ｎ１ｅ１Ｕ＞　

）　４元＜／　幅）　

ｉｄ　

１　

２　

菜名　

八宝粥　

杏仁豆腐汤　

特色　

色泽洁白，香甜可口　

杏仁味香，味极清雅　

价格　

８元　

１０元　

＜／ｍｅ　ｕｓ＞　

然后，在ＨＴＭＬ文件中做如下几步：　

１．建立ＤＳＯ对象　

３　

４　

滑油炒虾仁　

术耳炒肉片　

色泽洁白，成鲜味美　

双色相同，滑馓脆爽　

１２元　

１４元　

与使用其它对象一样，我们必须创建一个ＤＳＯ的实例对　

象　我们使用ＨＴＭＬ的ｏｂｊｅｃｔ元素来完成对象创建：　

＜ＯＢＪＥＣＴ　ＣＬＡＳＳ　Ｄ＝　ｃＩｓｉｄ：　５５０ｄｄａ３０—０５４１—１　１　ｄ２—　

９ｃａ９—００６０ｂＯｅｃ３ｄ３９　Ｄ＝ｘｍＩｄｓｏ　＞　

（／ＯＢＪＥＣＴ＞　

既然可以把Ｙ，．ＮＬ结构看作表的结构，那么我们也可以在　

ｔｔＴＭＬ主页中象操作关系数据库中的记录集一样使用ＤＳＯ对　

象来操作ＸＭＬ数据。例如在ＨＴＭＬ主页的脚本中加入以下代　

码：　

ｆｕｎｃｔ　ｏｎ　ｆｉ　ｒｓｔ（）　

｛　

ｘｍｌｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｍｏｖｅｆｉ　ｒｓｔ；　

这样．我们就得到了一个名为￣ｍｌ＆ｏ的ＤＳＯ对象　注意　

ＤＳＯ的ｃｌｓｉｄ不能写错　

２加载ＸＭＬ文件　

在ＨＴＭＬ主页中，加入以下脚率代码：　

＜ＳＣＲＩＰＴ　ｌａｎｇｕａｇｅ：　ｌａｖａｓｃｒｉｐｔ　

ｌｏａｄ＞　

ｏ　ｒ＝ｗ　Ｊｎｏｏ＇￣．，ｅｖｅｎｔ．＝ｏｎ—　

】　

函数ｆｌｎｉｔ（】可以将ＤＳＯ对象ｘｍｌｄｓｏ与ｌｌｌｅｎｌｌｓ　ｘｍｌ中第一　

对＜ｍｅｎｕ＞（／ｍｅｎｕ＞．￣２问的内容绑定，类似于绑定到表中的第　

一

ＩｏａｄｘｍＩｄａｔａ『）．　

＜／ＳＣＲｌＰＴ＞　

条记录　

类似地，在以下脚本代码中，ｎｅｘｔ（）函数可以将ＤＳＯ对象　

ｘｍｌｄｓｏ绑定到ｍｅｎａｓ　ｘｍｌ的下一对＜ｍｅｎｕ＞＜／ｍｅｎｕ＞之间的内　

容，类似于绑定到表中的下一条记录。　

ｆｕｎｃｔ；ｏｎ　ｎｅｘｔｌｌ　

＜ｓｃｑＩＰＴ　ｌａｎｇｕａｇｅ＝　ｊａｖａｓｃｒｉｐｔ　）　

ｆ　ｎｃｔｉｏｎ　Ｉｏａｄｘｍｉｄａｔａ　ｃ）　

｛　

ｖａｒ　ｄｏｃ＝ｘｍｌｄｓｏ×ｍＩｄｏｃｕ　ｅｎ１．：　

ｄｏｅ　ｌｏａｄｆ　ｍｅｎｕｓ　ｘｍｌ　）ｔ　

ｘ，－ｒ，Ｉｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｍｏｖｅｎｅｘｔ　

ｆ　Ｉ　ｘｍｌｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｅｏｆＩ　

＜　ＳＣＲｌＰｉ　

｛　

选段代码在主页的ｏｎｌｏａｄ事件中执行Ｉｏａｄｘｓｄｄａｔａ（１函数：　

］ｏａｄｘｍｌｄａｔａＩ１函数完成了耐当前目录中的ｍｅｎＨ８　ｘｍ］文件的加　

ａｌｅｒｔＩ已到最后一页．单ｊ确是　等转到第一页　

ｘｍｌｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｍｏｖｅｆ　ｒｓｔ；　

载：首先用　ｖ　ｄｏｃ　ｘｍｌｄｓｏ　ｘｍｌｄｏｃｕｍｅｎｔ　创建了一个ＤＯｂＩ　

对象（对象名为ｄｕｃ），然后通过ＤＯＭ对象ｄｏｃ加载ＸＭＬ文　

件～这里加载的是当前目录中的ｍｅｎｌｌ８．ｘｍ１　当然、读者也可　

函数中的ｉｆ语句的作用类似于在当前记录下移到最后一　

条记录之外时，发出提示信息．并将当前记录转移到第一条记　

录。　

以加载指定路径的其它ＸＭＬ文件．只须在ｌｏａｄ（）函数中指定　

路径即可　

３．绑定ＸＭＬ数据　

５源代码及运行结果　

我们将这个实例的源代码ｄｓｏｍｅｎｕ．ｈｔｍ与大家共享　读者　

可以将此文件与ｍｅｌｌｔｌｓ．ｘｍｌ放在同一目录下．然后，在ＩＥ５中　

运行ｄｓｏｍｅｎａ．ｈｔｍ，即可看到结果　

源代码如下：　

＜ＨＴＭＬ　

＜ＨＥＡＤ　

ＨＴＭＩ有一些元素具有绑定属性。拿ＳＰＡＮ和ＩＮＰＬ１这两　

个ＨＴＭＬ元素为例．我们可以如下使用：　

（ｓｐａｎ　Ｄ＆ＴＡＳＲＣ＝＃ｘｍｌｄｓｏ　ＤＡＴＡＦＬＤ＝　ｉｄ　＞＜，ｓｐａｎ）　

＜，ｎｐｕｔ　ｔ＇４ｐｅ＝ｔｅｘｔ　ＤＡＴＡＳＲＣ＝　ｘｍＩｄｓｏ　ＤＡＴＡＦＬＤ：　蓁　

若　

这里，两个元素的ＤＡＴＡＳＲＣ属性都指定了数据源是取名　

为ｘｍｌｄｓｏ的ＤＳＯ对象。Ｓｐａｎ元素的ＤＡＴＡＦＬＤ属性指定了绑　

定的数据是ＸＭＬ标记的属性砒的值。Ｉｎｐｕｔ元素的ＤＡＴＡＦＬＤ　

＜Ｔ　ＴＬＥ＞，ＸｌＩ竖菜堕（／ＴＩＴＬＥ＞　

＜ＯＢＪＥＣＴ　

ＣＬＡＳＳＩＤ＝　ｃｌｓ　ｄ。５５０ｄｄａ３０—０５４１—１　１　ｄ２一ｇｃａ９—００６０ｂ０一　

ｅｃ３ｄ３９　ｌＤ＝　ｘｍｉｄｓｏ）　

（’０ＢＪＥＣＴ＞　

属性指定了绑定的数据是ＸＭＬ标记“菜名”中的内容　对于　

ｍｅｌｔＨ￣ｘｍｌ这样结构规则而简单的ＸＭＬ文件，ＤＳＯ把它看作　

娄似于关系数据库中一张表的结构：表的名字是ＤＳＯ对象　

名．表的宁段名是ＸＭＬ文件中的属性名或标记名，表的字段　

值为标记的属性值和内容，如下表所示：　

４．编写脚本代码　

＜ＳＣＲＩＰＴ　ｌａｎｇｕａｇｅ＝　ｉａｖａｓｃｎｐｔ　ｆｏ　ｒ＝　ｉＩｄｏｗ　ｅｖｅｎｔ＝ｏｎｌｏａｄ＞　

Ｉｏａｄｘｍｌ０ａ：ａ　Ｉ　Ｉ．　

＜／ＳＣＲｌＰＴ＞　

（　ＨＥＡＤ＞　

１２　电髓编程技巧与维护．２００２．５　

维普资讯

实用第一　

＜ＢＯＤＶ＞　

智慧密集　

＜ｔａｂｌｅ　ｂｏｒｄｅｒ＝１＞　

ｘｍＩｄｓｏ　ｒａｃｅ　ｒｅｓｅｔ　ｍｏｖｅｎｅｘｔ．　

＜ｔ　ｒ＞＜ｔｄ　ａｉｇｎ＝ｃｅｎｔｅ　ｒ＞￣＜ｓｐａｎ　

ｘｍ＇ｄｓｏ　ＤＡＴＡＦＬＤ＝　ｉｄ　）＜．，ｓｐａｎ　

＜ｔ　ｒ＞　

ＤＡＴＡＳＲＣ＝　

ｉ　Ｉ×～Ｉｄｓｏ　ｒｅｅｏ　ｒｄｓｅｔ　ｅｃ　Ｉ　

＜一ｔｄ＞＜，ｔ　ｒ＞　

｛　

ａｌｅｒｔＩ己　ｊ最后…ｊ早ｊ确暑牟苣　Ｉ莆一　

＜ｔｄ）　

（伯ｂｉｅ　ｂｅ　ｒｄｅ　ｒ＝１　ｉｄ＝ｔａｂＩｅ１　）　

ＸＦＦ＇Ｉｄｓｏ　ｒｅ：９￣ｄｓｅｔ～ｅｖｅｆ　ｒａｔ．　

（ｔｒ）（ｔｄ＞蓁名（／ｔｄ＞＜ｔｄ＞＜ｉｎｐｕｔ　ｔｙｐｅ＝ｔｅｘｔ　

ＤＡＴＡＳＲＣ＝＃ｘｍｌｄｓｏ　ＤＡＴＡＦＬ０＝　菜名　＞＜　）（／ｔｒ＞　

ｆｕｎ　：ｉｏｎ　ｆ　ｔ　Ｉ　

＜ｔｒ＞＜ｔｄ＞斗寺色（／ｔｄ＞＜ｔｄ＞（ｉｎｐｕ：ｔｙｐｅ＝ｔｅｘｔ　

（　

ｘｍｆｏｓｏ　ｒｅｃｏ　ｒｄｓｅｔ　Ｉ］］ＯＶｅ　Ｉ　ｒｓｔ　

ＤＡＴＡＳＲＣ＝＃ｘｍｌｄｓｏ　ＤＡＴＡＦＬ０＝　崎色　＞（／　ａ＞＜　ｔｒ＞　

＜ｔｒ＞＜ｔｄ：ｑ＇）ｉ－格（／ｔｄ＞＜ｔｄ＞＜ｉｎｐｕｔ　ｔｙｐｅ：ｔｅｘｔ　

ＤＡＴＡＳＲＣ＝＃ｘｍｌｄｓｏ　ｄａｔａｆｌｄ＝　价格　＞＜／ｔｄ＞＜／ｔ　ｒ＞　

＜　ｔａｂｌｅ＞　

＜／ｔｄ＞　

＜　）　

｝　

ｆｕｎｃｔｉｏｎ　Ｉａｓｔ　ｆ　Ｉ　

（　

ｘｍＩＯＳＯ　ｒｅｃｏｒｄｓｅｔ　ｍｏｖｅｌａｓｔ　

＜ｔｒ＞　

＜／ｓｃ　ｒｉｐｔ）　

（　ｄ＞　

＜　ａｂ　Ｊｅ　ｂｏ　ｒｄｅ　ｒ＝１＞　

＜ｔｒ＞　

＜／ＨＴＭＬ）　

在１Ｅ５中的运行结果如　

＜ｔｄ　ａｌｉｇｎ＝ｃｅｎｔｅｒ＞　ｉｎｐｕｔ　ｔｙｐｅ＝　ｂｕｔｔｏｎ　ｖａｌｕｅ＝　

＜一一　ｎａｍｅ＝　ｐｒｅｖｉｏｕｓ　ｏｎｃｌｉｃｋ＝ｐｒｅｖｉｏｕｓ　ｃｌ＞＜　ｔ０）　

＜ｔｄ　ａｌｉｇｎ＝ｃｅｎｔｅ　ｒ＞＜ｉｎｐｕｔ　ｔｙｐｅ＝　ｂｕｔｔｏｎ　ｖａｌｕｅ＝　

一一

＞　ｎａｍｅ＝　ｎｅｘｔ　ｏｎｃＩｉｃｋ＝ｎｅｘｔ（１＞＜　ｔｄ＞　

（／ｔｒ＞　

（ｔｒ＞　

＜ｔｄ＞＜ｉｎｐｕｔ　ｔｙｐｅ＝　ｂｕｔ　

ｎａｍｅ＝　ｆｉｒｓｔ　ｏｎｃＩＩｃｋ＝ｆｉｒｓｔ¨＞＜／ｔｄ＞　

ｖａｌｕｅ＝菜谱第一页　

（ｔａ）＜ｉｎｐｕｔ　ｔｙｐｅ＝　ｂｕｔｔｏｎ　ｖａｌｕｅ＝苹谱景后一　

页　ｎａｍｅ＝　ｌｅｓｔ　ｏｎｃ　Ｊｉｃｋ＝ｌａｓｔ¨＞＜／ｔｄ＞　

＜／ｔｒ＞　

＜／ｔａｂＩｅ＞　

（／ｔｄ＞　

＜／ｔ　ｒ＞　

（．．＂ｔａｂｌｅ＞　

＜ｓｃｒｉｐｔ　ｌａｎｇｕａｇｅ＝　ｊａｖａｓｃｒｉｐｔ　）　

ｆｕｎｃｔｉｏｎ　ＩｏａｄｘｍＩｄａｔａ　ｃｌ　

四、结束语　

相信读者已开始赞叹ＤＳＯ使用之方便　实际上ＤＳＯ不仅　

ｖａ　ｒ　ｄｅｃ：ｘｍＩｄｓｏ　ｘｍＩｄｏｃｕｍｅｎｔ　

仅用来浏览数据　它的绑定功能是非常强大的，　至于我ｆｒｉａｒ　

以把许多以前必须在服务器端实现的功能放到客户端实现，Ｈ　

而减轻服务器端的负荷　在我们餐饮项目开发的Ｂ／Ｓ结构　

ｄｅｃ　Ｉｏａｄ（　ｍｅｎｕｓ　ｘｍＩ　｝，　

ｆｕｎｃｔｉｏｎ　ｐ　ｒｅｖｉｏｕｓ　ｌ】　

（　

ｘｍｌｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｍＯｖｅＤｒｅｖｆ０ｕｓ　

中，我们不仅用ＤＳＯ在Ｂｏｗｅｒ端浏览ＸＭＬ数据，而艮利用　

ＤＳＯ快捷地实现了在Ｂｏｗｓｅｒ端修改　添加、删除Ｓｅｒｖｅｒ端的　

ＸＭＬ文档，只不过在Ｓｅ￣＇ｅｒ端加了些代码　

ｉｆ　ｆｘｍｌｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｂｅｔ）　

（　

ａｌｅ　ｒｔ（　已到第一页，单击　硅定　辱转　最后一页　

ｘｍｌｄｓｏ　ｒｅｃｏｒｄｓｅｔ　ｍｏｖｅｌａｓｔ；　

参考文献　

１陆新年、陆新字等译ＸＭＬ揭密＾门、应用、精通　

１　

清华大学出版社　

２　ｈｔｔｐ：／／ｍｓｄｎ．ｍｉｃｒｏｓｏｆｔ．ｃｏｒｎ／ｗｏｒｋｓｈｏｐ／ａｕｔｈｏｒ／ｄａｔａｂｌｉｎｄ／　

ｄａｔａｓｏｕｒｃｅｓ．ａｓｐ　

（收稿粤期：２００２年１月２２日）　

ｃ。唧ｍｒ釉　ａ｜玎　咖雌　＆－№　曲　２　．５　１３