首頁 > web前端 > html教學 > HTML與XML之間的優勢互補(上)

HTML與XML之間的優勢互補(上)

零下一度
發布: 2017-05-02 15:08:09
原創
1801 人瀏覽過

目前,許多Web網站的內容資料都存放在資料庫或資料檔案中。對於Web程式開發人員來說,如果要想把有用的資訊從資料庫中提取出來,傳統的方法是在伺服器端編寫腳本程式(如VBScript、javaScript、CGI、asp、Perl等等),透過對資料庫執行SQL查詢得到相關記錄,然後把查詢結果組織成HTML頁面回傳給客戶端,使用者使用瀏覽器觀察最終結果。

為了提升系統服務的彈性、可擴充性,使服務對象範圍更廣,許多商業網站都盡可能地把商務規則、原始資料和表現形式當作相互獨立的服務分別提供。 HTML那種蘊涵資料於顯示的方式顯然不合乎這種需求。因此,把原始資料存放在XML文件中,使用樣式單檔顯示內容是XML技術適合電子商務的優勢所在。但從本質上來說,XSL技術不是以資料顯示的,它是一種格式轉換技術,在顯示手段和方式上都遠不如HTML那麼豐富。對程式設計人員來說,較為理想的方案是把HTML和XML兩種技術結合,優勢互補,讓真正的原始資料在能維持本來意義和結構的同時,還能充分利用HTML那千變萬化的顯示技巧。 XML資料島就是這種技術融合的產物,它使用標籤把XML資料直接嵌入HTML頁面中,從而實現了二者的優勢互補。
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頁面中支援直接使用標籤。

例如:

<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記錄集來處理的。

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元素。

例如,與p元素綁定的程式碼如下:

<p ID=title DATASRC=#xmldso DATAFLD=“title”></p>

<p ID=PRice DATASRC=#xmldso DATAFLD=“isbn”></p>
登入後複製

注意:並非所有的HTML元素都能與XML資料島綁定。目前,支援此DSO綁定機制的元素如下:

A、APPLET、BUTTON、p、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><p DATAFLD=“title”></p></TD>

<TD><p DATAFLD=“isbn”>

</p></TD></TR>

</TBODY>
1
</TABLE>
登入後複製


这样,通过将TABLE元素中的DATASRC属性设定为#xmldso,把两者绑定起来。表格内部分为表头(THEAD)和表体(TBODY)两部分。每一个元素都会显示为一行表格,具体每一栏显示哪一项数据,则由p元素中的DATAFLD属性指定。                        

以上是HTML與XML之間的優勢互補(上)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板