明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

XML與HTML的結(jié)合(上)

[摘要]XML的局限性目前,許多Web網(wǎng)站的內(nèi)容數(shù)據(jù)都存放在數(shù)據(jù)庫或數(shù)據(jù)文件中。對于Web程序開發(fā)人員來說,如果要想把有用的信息從數(shù)據(jù)庫中提取出來,傳統(tǒng)的方法是在服務(wù)器端編寫腳本程序(如VBScript、J...

XML的局限性

目前,許多Web網(wǎng)站的內(nèi)容數(shù)據(jù)都存放在數(shù)據(jù)庫或數(shù)據(jù)文件中。對于Web程序開發(fā)人員來說,如果要想把有用的信息從數(shù)據(jù)庫中提取出來,傳統(tǒng)的方法是在服務(wù)器端編寫腳本程序(如VBScript、JavaScript、CGI、ASP、Perl等等),通過對數(shù)據(jù)庫執(zhí)行SQL查詢得到相關(guān)記錄,然后把查詢結(jié)果組織成HTML頁面返回給客戶端,用戶使用瀏覽器觀察最終結(jié)果。

為了提高系統(tǒng)服務(wù)的靈活性、可擴(kuò)展性,使服務(wù)對象范圍更廣,許多商業(yè)網(wǎng)站都盡可能地把商務(wù)規(guī)則、原始數(shù)據(jù)和表現(xiàn)形式當(dāng)做相互獨(dú)立的服務(wù)分別提供。HTML那種蘊(yùn)數(shù)據(jù)于顯示之中的方式顯然不合乎這種需求。因此,把原始數(shù)據(jù)存放在XML文檔中,使用樣式單文件顯示內(nèi)容是XML技術(shù)適合于電子商務(wù)的優(yōu)勢所在。但從本質(zhì)上來說,XSL技術(shù)不是面向數(shù)據(jù)顯示的,它是一種格式轉(zhuǎn)換技術(shù),在顯示手段和方式上都遠(yuǎn)不及HTML那樣豐富。對編程人員來說,一種較為理想的方案是把HTML和XML兩種技術(shù)相結(jié)合,優(yōu)勢互補(bǔ),使真正的原始數(shù)據(jù)在能夠保持本來意義和結(jié)構(gòu)的同時,還能充分利用HTML那千變?nèi)f化的顯示技巧。XML數(shù)據(jù)島就是這種技術(shù)融合的產(chǎn)物,它使用<XML>標(biāo)簽把XML數(shù)據(jù)直接嵌入到HTML頁面中,從而實現(xiàn)了二者的優(yōu)勢互補(bǔ)。

IE中數(shù)據(jù)島的處理方式

為了能夠處理這種內(nèi)嵌XML代碼的HTML頁面,Internet Explorer 4.0(以下簡稱IE 4.0)引入了DSO(Data Source Objects,數(shù)據(jù)源對象)技術(shù),用Java Applet實現(xiàn)。

例如:

<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屬性保證用戶端腳本能夠處理數(shù)據(jù)對象,PARAM標(biāo)簽指明了XML文檔的位置。

使用Java的局限性在于只能在HTML文檔中說明XML的URL地址,而不能直接將XML標(biāo)簽嵌入其中,這就和真正的數(shù)據(jù)島方案還有一定的差距。微軟在Internet Explorer 5.0(以下簡稱IE 5.0)中對DSO技術(shù)進(jìn)行了擴(kuò)展,突破了以往的限制,使HTML和XML真正地融合到了一起。HTML頁面中支持直接使用<XML>標(biāo)簽。

例如:

<HTML>

<XML ID=“xmldso”>

<?xml version=“1.0”?>

some XML……

</XML>

只要保證每個數(shù)據(jù)島的ID都是唯一的,就可以在頁面中的任何必要的地方嵌入數(shù)據(jù)島,并且這些DSO彼此都是相互獨(dú)立的。

除了上面例子中的這種直接嵌入方式,還可以使用外部引用方式鏈接數(shù)據(jù)島。

例如:

<XML ID=“xmldso” SRC=“myXML.xml”>

</XML>

這樣,只有當(dāng)公司的客戶對象繼續(xù)使用IE 4.0,并且為了解決這部分客戶的兼容性問題時,Java Applet才是編程人員要考慮的選擇方案。

在IE 5.0所實現(xiàn)的DSO技術(shù)中,如果數(shù)據(jù)是通過SQL語言對數(shù)據(jù)庫進(jìn)行查詢得到的結(jié)果,那么就把它們存放在ADO(ActiveX Data Objects)記錄集中。服務(wù)器把這種ActiveX控件(通常是ADO記錄集)發(fā)送到客戶端,由客戶端腳本程序做進(jìn)一步的處理。實際上,IE 5.0就是把XML數(shù)據(jù)島作為一種特殊的ADO記錄集進(jìn)行處理的。

XML的數(shù)據(jù)綁定

1.ADO記錄集的映射

XML中的每一條主元素都被映射為ADO記錄集中的一條記錄,而子元素則相應(yīng)地被映射到記錄集中的字段(也稱為域)。

例如,存在XML數(shù)據(jù)島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文檔中嵌入數(shù)據(jù)島之后,就可以將XML數(shù)據(jù)島與HTML元素綁定在一起。每一個DSO條目(即數(shù)據(jù)島)都有唯一的ID號。首先將HTML元素中的DATASRC屬性設(shè)置為相應(yīng)的ID,就可以把HTML元素和數(shù)據(jù)島聯(lián)系在一起。然后再通過設(shè)置DATAFLD屬性值,來確定所提取的XML元素。

例如,與DIV元素綁定的代碼如下:

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

<DIV ID=price DATASRC=#xmldso DATAFLD=“isbn”></DIV>

注意:并非所有的HTML元素都能與XML數(shù)據(jù)島綁定。目前,支持這種DSO綁定機(jī)制的元素如下:

A、APPLET、BUTTON、DIV、FRAME、IFRAME、 IMG、INPUT (此處類型是:CHECKBOX、HIDDEN、 LABEL、PASSWORD、RADIO和TEXT)、LABEL、 MARQUEE、SELECT、SPAN、TABLE和 TEXTAREA。

3.以表格方式顯式XML數(shù)據(jù)

若把XML數(shù)據(jù)與TABLE元素綁定在一起,就可以自動地顯示為多行的表格形式。

例如,XML數(shù)據(jù)與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屬性設(shè)定為#xmldso,把兩者綁定起來。表格內(nèi)部分為表頭(THEAD)和表體(TBODY)兩部分。每一個<book>元素都會顯示為一行表格,具體每一欄顯示哪一項數(shù)據(jù),則由DIV元素中的DATAFLD屬性指定。