[ 永遠的UNIX::UNIX技術資料的寶庫 ]   GB | BIG5

首頁 > 編程技術 > XML/WML > 正文
XML技術系列講座(5)XML與HTML的結合(上)
本文出自:http://www.computerworld.com.cn 作者: 北京郵電大學 張劍 (2002-02-08 06:15:00)
1、XML的局限性
目前,許多Web網站的內容數據都存放在數據庫或數據文件中。對Web程序開發人員來說,如果要想把有用的信息從數據庫中提取出來,傳統的方法是在服務器端編寫腳本程序(如VBScript、JavaScript、CGI、ASP、Perl等等),通過對數據庫執行SQL查詢得到相關記錄,然把查詢結果組織成HTML頁面返回給客戶端,用戶使用瀏覽器觀察最終結果。
為了提高系統服務的靈活性、可擴展性,使服務對象范圍更廣,許多商業網站都盡可能地把商務規則、原始數據和表現形式當做相互獨立的服務分別提供。HTML那種蘊數據顯示之中的方式顯然不合乎這種需求。因此,把原始數據存放在XML文檔中,使用樣式單文件顯示內容是XML技術適合電子商務的優勢所在。但從本質上來說,XSL技術不是面向數據顯示的,它是一種格式轉換技術,在顯示手段和方式上都遠不及HTML那樣豐富。對編程人員來說,一種較為理想的方案是把HTML和XML兩種技術相結合,優勢互補,使真正的原始數據在能夠保持本來意義和結構的同時,還能充分利用HTML那千變萬化的顯示技巧。XML數據島就是這種技術融合的產物,它使用<XML>標簽把XML數據直接嵌入到HTML頁面中,從而實現了二者的優勢互補。
2、IE中數據島的處理方式
為了能夠處理這種內嵌XML代碼的HTML頁面,Internet Explorer 4.0(以下簡稱IE 4.0)引入了DSO(Data Source Objects,數據源對象)技術,用Java Applet實現。
例如:
<APPLET CODE=“com.ms.xml.dso.XMLDSO.class” ID=“xmldso” WIDTH=0 HEIGHT=0 MAYSCRIPT=TRUE>
<PARAM NAME=“URL” VALUE=“myXML.xml”>
</APPLET>
上述例子中,CODE屬性指明了DSO Java小程序,MAYSCRIPT屬性保証用戶端腳本能夠處理數據對象,PARAM標簽指明了XML文檔的位置。
使用Java的局限性在只能在HTML文檔中說明XML的URL地址,而不能直接將XML標簽嵌入其中,這就和真正的數據島方案還有一定的差距。微軟在Internet Explorer 5.0(以下簡稱IE 5.0)中對DSO技術進行了擴展,突破了以往的限制,使HTML和XML真正地融合到了一起。HTML頁面中支持直接使用<XML>標簽。
例如:
<HTML>
<XML ID=“xmldso”>
<?xml version=“1.0”?>
some XML……
</XML>
只要保証每個數據島的ID都是唯一的,就可以在頁面中的任何必要的地方嵌入數據島,並且這些DSO彼此都是相互獨立的。
除了上面例子中的這種直接嵌入方式,還可以使用外部引用方式鏈接數據島。
例如:
<XML ID=“xmldso” SRC=“myXML.xml”>
</XML>
這樣,只有當公司的客戶對象繼續使用IE 4.0,並且為了解決這部分客戶的兼容性問題時,Java Applet才是編程人員要考慮的選擇方案。
在IE 5.0所實現的DSO技術中,如果數據是通過SQL語言對數據庫進行查詢得到的結果,那就把它們存放在ADO(ActiveX Data Objects)記錄集中。服務器把這種ActiveX控件(通常是ADO記錄集)發送到客戶端,由客戶端腳本程序做進一步的處理。實際上,IE 5.0就是把XML數據島作為一種特殊的ADO記錄集進行處理的。
3、XML的數據綁定
(1)ADO記錄集的映射
XML中的每一條主元素都被映射為ADO記錄集中的一條記錄,而子元素則相應地被映射到記錄集中的字段(也稱為域)。
例如,存在XML數據島books.xml如下:
<XML ID=“xmldso”>
<?xml version=“1.0”?>
<booklist>
<book>
<title>Straight Talk About Computers</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title> Gourmet Microwave </title>
<isbn>72-80081-082</isbn>
</book>
</booklist>
</XML>
此時,映射的ADO記錄集為:
title isbn
Straight Talk About Computers 72-80088-005
Gourmet Microwave 72-80081-082
(2)與HTML元素的綁定
在HTML文檔中嵌入數據島之,就可以將XML數據島與HTML元素綁定在一起。每一個DSO條目(即數據島)都有唯一的ID號。首先將HTML元素中的DATASRC屬性設置為相應的ID,就可以把HTML元素和數據島聯系在一起。然再通過設置DATAFLD屬性值,來確定所提取的XML元素。
例如,與DIV元素綁定的代碼如下:
<DIV ID=title DATASRC=#xmldso DATAFLD=“title”></DIV>
<DIV ID=price DATASRC=#xmldso DATAFLD=“isbn”></DIV>
注意:並非所有的HTML元素都能與XML數據島綁定。目前,支持這種DSO綁定機制的元素如下:
A、APPLET、BUTTON、DIV、FRAME、IFRAME、 IMG、INPUT (此處類型是:CHECKBOX、HIDDEN、 LABEL、PASSWORD、RADIO和TEXT)、LABEL、 MARQUEE、SELECT、SPAN、TABLE和 TEXTAREA。
(3)以表格方式顯式XML數據
若把XML數據與TABLE元素綁定在一起,就可以自動地顯示為多行的表格形式。
例如,XML數據與TABLE元素綁定的代碼如下:
<TABLE BORDER=1 DATASRC=“#xmldso”>
<THEAD>
<TR><TH>Title</TH>
<TH>ISBN</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD=“title”></DIV></TD>
<TD><DIV DATAFLD=“isbn”>
</DIV></TD></TR>
</TBODY>
</TABLE>
這樣,通過將TABLE元素中的DATASRC屬性設定為#xmldso,把兩者綁定起來。表格內部分為表頭(THEAD)和表體(TBODY)兩部分。每一個<book>元素都會顯示為一行表格,具體每一欄顯示哪一項數據,則由DIV元素中的DATAFLD屬性指定。


(http://www.fanqiang.com)
    進入【UNIX論壇

相關文章
XML技術系列講座(13)XML與電子商務 (2002-02-13 06:15:00)
XML技術系列講座(12)驗証XML數據合法性(下) (2002-02-12 07:15:00)
XML技術系列講座(11)驗証XLM數據合法性(上) (2002-02-12 06:15:00)
XML技術系列講座(10)客戶機與服務器的數據交互(下) (2002-02-11 07:15:00)
XML技術系列講座(9)客戶機與服務器的數據交互(上) (2002-02-11 06:15:00)
XML技術系列講座(8)通過DOM操作數據(下) (2002-02-10 07:20:01)
XML技術系列講座(7)通過DOM操作數據(上) (2002-02-09 07:20:00)
XML技術系列講座(6)XML與HTML的結合(下) (2002-02-08 07:15:00)
XML技術系列講座(5)XML與HTML的結合(上) (2002-02-08 06:15:00)
XML技術系列講座(4)XML的顯示XSL樣式單(下) (2002-02-07 07:15:01)

===更多相關===
 

★  樊強制作 歡迎分享  ★