使用DSO顯示XML文檔

1、 DSO DSO簡介簡介6.1使用使用DSODSO顯示記錄顯示記錄6.2 使用使用DSODSO顯示元素屬性顯示元素屬性 6.3 使用使用DSODSO顯示圖像元素顯示圖像元素6.4 使用使用DSODSO與與ScriptScript編程編程6.56.1.1 DSO基本概念基本概念與與HTML文檔綁定的文檔綁定的XML數(shù)據(jù)源對象簡稱數(shù)據(jù)源對象簡稱為為DSO，通常也稱為嵌入，通常也稱為嵌入HTML文檔中的文檔中的XML數(shù)據(jù)島。數(shù)據(jù)島。使用使用DSO，借助，借助HTML網(wǎng)頁來顯示網(wǎng)頁來顯示XML文文檔內(nèi)容，既能保持檔內(nèi)容，既能保持XML文檔數(shù)據(jù)與其顯示文檔數(shù)據(jù)與其顯示格式分離的特點，又具備格式分離的特點

2、，又具備HTML網(wǎng)頁的豐網(wǎng)頁的豐富顯示格式。富顯示格式。利用利用DSO技術顯示技術顯示XML文檔的機制是，把鏈接文檔的機制是，把鏈接到到HTML網(wǎng)頁中的一個網(wǎng)頁中的一個XML文檔或一段文檔或一段XML數(shù)數(shù)據(jù)當作一個類似于數(shù)據(jù)庫的記錄集（據(jù)當作一個類似于數(shù)據(jù)庫的記錄集（Recordset）對象，然后使用與數(shù)據(jù)庫類似的操作方法來顯示對象，然后使用與數(shù)據(jù)庫類似的操作方法來顯示和瀏覽被鏈接的和瀏覽被鏈接的XML文檔的內(nèi)容。文檔的內(nèi)容。采用采用DSO技術，首先需要進行數(shù)據(jù)綁定，即將技術，首先需要進行數(shù)據(jù)綁定，即將XML文檔數(shù)據(jù)綁定到文檔數(shù)據(jù)綁定到HTML文檔，然后再將特文檔，然后再將特定的定的XML元素

3、鏈接到元素鏈接到SPAN或或TABLE等標準的等標準的HTML元素，這些元素，這些HTML元素就會自動顯示它們元素就會自動顯示它們所綁定的所綁定的XML元素內(nèi)容。元素內(nèi)容。使用使用DSO技術來顯示技術來顯示XML文檔數(shù)據(jù)的兩個文檔數(shù)據(jù)的兩個主要步驟：主要步驟：（1）把要顯示的）把要顯示的XML文檔綁定到一個文檔綁定到一個HTML文檔中文檔中 。這個步驟是通過在。這個步驟是通過在HTML文檔中添加一個名為文檔中添加一個名為XML的特定元素來實的特定元素來實現(xiàn)的?，F(xiàn)的。（2）把）把XML文檔中的元素與文檔中的元素與HTML文檔文檔中特定的元素綁定中特定的元素綁定 。6.1.2 XML文檔綁定到文檔

4、綁定到HTML網(wǎng)頁網(wǎng)頁被邦定到被邦定到HTML網(wǎng)頁的網(wǎng)頁的XML文檔數(shù)據(jù)將成文檔數(shù)據(jù)將成為一個數(shù)據(jù)源對象，也被稱為數(shù)據(jù)島。可為一個數(shù)據(jù)源對象，也被稱為數(shù)據(jù)島?？梢允褂脙煞N不同的數(shù)據(jù)島形式，即：外部以使用兩種不同的數(shù)據(jù)島形式，即：外部數(shù)據(jù)島和內(nèi)部數(shù)據(jù)島。數(shù)據(jù)島和內(nèi)部數(shù)據(jù)島。1內(nèi)部數(shù)據(jù)島內(nèi)部數(shù)據(jù)島內(nèi)部數(shù)據(jù)島是將內(nèi)部數(shù)據(jù)島是將XML文檔的全部內(nèi)容放在文檔的全部內(nèi)容放在HTML文檔中特定的文檔中特定的XML元素的起始標記與結(jié)元素的起始標記與結(jié)束標記之間，并在束標記之間，并在XML起始標記中給出這個數(shù)起始標記中給出這個數(shù)據(jù)島的據(jù)島的ID標識。標識。2外部數(shù)據(jù)島外部數(shù)據(jù)島外部數(shù)據(jù)島是在名為外部數(shù)據(jù)島是在名

5、為XML的的HTML元素中僅包元素中僅包含所需綁定的含所需綁定的XML文檔的文檔的URL及其及其ID標識。標識。6.1.3 XML元素綁定到元素綁定到HTML元素元素第一種方法是將全部第一種方法是將全部XML元素綁定到元素綁定到HTML文檔的文檔的TABLE元素元素 ，使得，使得HTML網(wǎng)頁中的表格能夠自動顯示網(wǎng)頁中的表格能夠自動顯示XML文檔的記文檔的記錄集合。此時應在錄集合。此時應在標記中添加標記中添加DATASRC屬性，并將一個自定義的數(shù)據(jù)屬性，并將一個自定義的數(shù)據(jù)源對象名稱（數(shù)據(jù)島標識符）作為其屬性源對象名稱（數(shù)據(jù)島標識符）作為其屬性值。值。第二種方法是將指定的第二種方法是將指定的XM

6、L元素綁定到元素綁定到HTML文檔的其他特定元素，例如綁定到文檔的其他特定元素，例如綁定到SPAN、DIV、BUTTON等元素。此時在等元素。此時在標記中除了標記中除了應添加應添加DATASRC屬性之外，還應添加屬性之外，還應添加DATAFLD屬性來指定所綁定的屬性來指定所綁定的XML文檔中的某文檔中的某個字段。采用此種方法一次只能顯示一條記錄或個字段。采用此種方法一次只能顯示一條記錄或記錄中的一個字段。記錄中的一個字段。并不是所有的并不是所有的HTML元素都可以與元素都可以與XML元素綁元素綁定，書中表定，書中表6-1列出了可綁定的列出了可綁定的HTML元素及其元素及其被綁定的屬性。被綁定的

7、屬性。6.2.1 使用使用DSO顯示單一記錄顯示單一記錄若將若將XML文檔綁定到文檔綁定到HTML網(wǎng)頁文檔之后，再網(wǎng)頁文檔之后，再使用使用SPAN、DIV、BUTTON 等等HTML元素綁定元素綁定到個別的到個別的XML字段，結(jié)果這些字段，結(jié)果這些HTML元素就會元素就會自動顯示所綁定的自動顯示所綁定的XML字段的內(nèi)容。使用這種字段的內(nèi)容。使用這種方法來顯示所綁定的方法來顯示所綁定的XML文檔時，通常一次只文檔時，通常一次只能顯示一條記錄，所以被綁定的能顯示一條記錄，所以被綁定的XML文檔都相文檔都相當簡單。當簡單。書中的書中的Customer_single.htm文檔就是將簡文檔就是將簡單單

8、XML文檔記錄中的每一個字段分別綁定文檔記錄中的每一個字段分別綁定到若干個到若干個SPAN元素，并將該記錄的數(shù)據(jù)逐元素，并將該記錄的數(shù)據(jù)逐行顯示出來。在行顯示出來。在IE瀏覽器中打開這個網(wǎng)頁瀏覽器中打開這個網(wǎng)頁文檔后，顯示結(jié)果如下圖所示。文檔后，顯示結(jié)果如下圖所示。6.2.2 使用簡單表格顯示使用簡單表格顯示XML記錄記錄將將XML文檔作為數(shù)據(jù)源對象并綁定到文檔作為數(shù)據(jù)源對象并綁定到HTML文檔的文檔的TABLE元素之后，元素之后，XML文文檔中的每一個記錄的數(shù)據(jù)都會被分別顯示檔中的每一個記錄的數(shù)據(jù)都會被分別顯示在在HTML網(wǎng)頁的不同表格行中，而網(wǎng)頁的不同表格行中，而XML記記錄元素中的每一個

9、字段數(shù)據(jù)則會被分別顯錄元素中的每一個字段數(shù)據(jù)則會被分別顯示于不同的表格欄中。示于不同的表格欄中。書中的書中的Customer.htm文檔包含了一個表格文檔包含了一個表格元素元素TABLE，該元素與一個標識符為，該元素與一個標識符為dsoCustomer的數(shù)據(jù)島進行了綁定。表格的數(shù)據(jù)島進行了綁定。表格元素元素TABLE中的每一個中的每一個TD元素都包含了元素都包含了一個一個SPAN元素，這個元素，這個SPAN 元素被綁定至元素被綁定至XML文檔記錄的某個字段，以便讓該元素文檔記錄的某個字段，以便讓該元素能夠顯示對應字段的內(nèi)容，從而實現(xiàn)將能夠顯示對應字段的內(nèi)容，從而實現(xiàn)將XML文檔的記錄數(shù)據(jù)在表格

10、中逐行顯示出文檔的記錄數(shù)據(jù)在表格中逐行顯示出來。來。6.2.3 使用分頁表格顯示使用分頁表格顯示XML記錄記錄要實現(xiàn)被綁定的要實現(xiàn)被綁定的XML文檔中的眾多記錄用分頁文檔中的眾多記錄用分頁的表格來顯示，需執(zhí)行下列步驟：的表格來顯示，需執(zhí)行下列步驟：（1）將被綁定的）將被綁定的TABLE 元素的元素的DATAPAGESIZE 屬性設定成希望每一頁顯示的屬性設定成希望每一頁顯示的記錄個數(shù)。記錄個數(shù)。（2）為被綁定的）為被綁定的TABLE 元素的元素的ID 屬性指定一屬性指定一個唯一的識別代號。個唯一的識別代號。（3）要實現(xiàn)在各個表格頁之間翻頁瀏覽，可使）要實現(xiàn)在各個表格頁之間翻頁瀏覽，可使用腳本程

11、序調(diào)用用腳本程序調(diào)用DSO提供的用于控制分頁顯示的提供的用于控制分頁顯示的方法。方法。6.2.4 使用嵌套表格顯示使用嵌套表格顯示XML記錄記錄使用嵌套表格來顯示較復雜的特定使用嵌套表格來顯示較復雜的特定XML文文檔（其中的每一條檔（其中的每一條XML記錄除了固定的一記錄除了固定的一組字段之外，還允許包含零個或多個嵌套組字段之外，還允許包含零個或多個嵌套的記錄）的記錄數(shù)據(jù)，不僅需要將整個表的記錄）的記錄數(shù)據(jù)，不僅需要將整個表格綁定到格綁定到XML文檔，同時還須將被嵌套的文檔，同時還須將被嵌套的內(nèi)層表格綁定到內(nèi)層表格綁定到XML文檔的內(nèi)層記錄元素，文檔的內(nèi)層記錄元素，如此整個表格才會以嵌套方式顯

12、示當前記如此整個表格才會以嵌套方式顯示當前記錄內(nèi)的每一個元素的內(nèi)容。錄內(nèi)的每一個元素的內(nèi)容。6.3.1 顯示顯示XML記錄的屬性記錄的屬性對于對于XML文檔中含有屬性的記錄元素，在文檔中含有屬性的記錄元素，在使用使用DSO方式進行處理時，只需將該元素方式進行處理時，只需將該元素的屬性作為記錄的一個特定字段來處理即的屬性作為記錄的一個特定字段來處理即可。因此就可以利用普通的數(shù)據(jù)綁定技巧可。因此就可以利用普通的數(shù)據(jù)綁定技巧來存取元素屬性的值。來存取元素屬性的值。6.3.2 顯示顯示XML字段的屬性字段的屬性對于對于XML文檔中某個元素的字段中所含有文檔中某個元素的字段中所含有的屬性，在使用的屬性，

13、在使用DSO方式進行處理時，只方式進行處理時，只需將該屬性作為這個字段的特定子元素來需將該屬性作為這個字段的特定子元素來處理即可。處理即可。DSO 會把含有屬性的字段元素會把含有屬性的字段元素以嵌套的形式，而不是以字段的形式儲存。以嵌套的形式，而不是以字段的形式儲存。因此，因此，XML記錄集將會變成一個階層式的記錄集將會變成一個階層式的記錄集，所以必須使用嵌套表格來顯示所記錄集，所以必須使用嵌套表格來顯示所包含的嵌套數(shù)據(jù)。包含的嵌套數(shù)據(jù)。使用使用DSO技術，還可以把技術，還可以把XML文檔元素綁文檔元素綁定到除定到除TABLE和和SPAN之外的其他之外的其他HTML元素，以實現(xiàn)特定元素，以實現(xiàn)

14、特定XML數(shù)據(jù)的顯示功能。數(shù)據(jù)的顯示功能。這些這些HTML元素包括元素包括DIV、BUTTON、IMG等。等。如果將如果將XML文檔的圖像元素綁定到文檔的圖像元素綁定到HTML的的IMG元素，即可方便地實現(xiàn)在網(wǎng)頁中顯元素，即可方便地實現(xiàn)在網(wǎng)頁中顯示出對應的圖像。示出對應的圖像。將將XML文檔與文檔與HTML文檔綁定之后，在內(nèi)存中文檔綁定之后，在內(nèi)存中生成的記錄集合是一個屬于生成的記錄集合是一個屬于DSO的的recordset對象。對象。該對象提供了一組符合該對象提供了一組符合Microsoft 的的ADO標準數(shù)標準數(shù)據(jù)訪問技術的方法和屬性，因而可以通過據(jù)訪問技術的方法和屬性，因而可以通過scr

15、ipt編程調(diào)用這些方法和屬性來對記錄集進行訪問和編程調(diào)用這些方法和屬性來對記錄集進行訪問和處理。處理?？梢愿鶕?jù)需要調(diào)用可以根據(jù)需要調(diào)用recordset對象的任何一個方法對象的任何一個方法來撰寫有關的來撰寫有關的script程序。調(diào)用這些方法最簡單程序。調(diào)用這些方法最簡單的方式就是在的方式就是在HTML文檔中通過將某個方法直接文檔中通過將某個方法直接指定到指定到BUTTON元素的元素的ONCLICK屬性中。屬性中。6.5.1 瀏覽瀏覽DSO記錄記錄書中的范例文檔書中的范例文檔Customer_Browse.htm，是用來一次顯示一條是用來一次顯示一條DSO中數(shù)據(jù)記錄的中數(shù)據(jù)記錄的HTML網(wǎng)頁文

16、檔。該網(wǎng)頁提供了網(wǎng)頁文檔。該網(wǎng)頁提供了4個按鈕及個按鈕及相應的相應的script 代碼，讓瀏覽者隨意地瀏覽代碼，讓瀏覽者隨意地瀏覽第一個、前一個、下一個與最后一個數(shù)據(jù)第一個、前一個、下一個與最后一個數(shù)據(jù)記錄。在記錄。在IE瀏覽器中打開這個網(wǎng)頁文檔后瀏覽器中打開這個網(wǎng)頁文檔后顯示的結(jié)果如下圖所示。顯示的結(jié)果如下圖所示。6.5.2 編輯與添加編輯與添加DSO記錄記錄書中的書中的HTML文檔文檔Customer_edit.htm，不，不僅可用來一次顯示一條僅可用來一次顯示一條DSO中的數(shù)據(jù)記錄，中的數(shù)據(jù)記錄，還可以在網(wǎng)頁的文本框中對顯示的數(shù)據(jù)進還可以在網(wǎng)頁的文本框中對顯示的數(shù)據(jù)進行編輯修改。此外，該網(wǎng)頁不僅提供了行編輯修改。此外，該網(wǎng)頁不僅提供了4個個讓瀏覽者能夠隨意翻頁瀏覽和修改數(shù)據(jù)的讓瀏覽者能夠隨意翻頁瀏覽和修改數(shù)據(jù)的按鈕，而且還使用了按鈕，而且還使用了recordset 對象的對象的addNew() 方法設置了一個方法設置了一個“添加記錄添加記錄”的的按鈕。在按鈕。在IE瀏覽器中打開這個網(wǎng)頁文檔后瀏覽器中打開這個網(wǎng)頁文檔后的顯示結(jié)果如下圖所示。的顯示結(jié)果如下圖