xml應用的範例程式碼分享

這一節示範了一個小型的XML應用程式框架。

-------------------------------------------- ------------------------------------

從XML文件開始
首先我們建立一個簡單的XML文件。

來看我們原始的XML文檔，描述了CD目錄。

<?xml version="1.0" encoding="ISO-8859-1"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>

.
.
... more ...
.

------------------ -------------------------------------------------- ------------

將XML文件載入資料島
資料島可以存取XML檔案。

透過資料島，可以把XML文件引入HTML頁面中。

<xml src="cd_catalog.xml" id="xmldso" async="false">
</xml>

使用上面範例程式碼，可以把cd_catalog.xml檔案載入一個叫做"xmldso"的資料島中。 屬性async="false"的作用是在HTML處理器開始處理XML資料以前，必須確保XML文件中的所有資料都被載入到記憶體中。

-------------------------------------------- ------------------------------------

把XML資料綁定到HTML的表格元素中
HTML中的table元素可以用來顯示XML資料。

為了讓你的XML資料能在HTML頁面中顯示出來，必須把的資料島綁定到一個HTML元素上。

把XML資料綁定到table元素，需要在table屬性中加入一個資源屬性，並且在span元素中加入字段屬性:

<table datasrc="#xmldso" width="100%" border="1">
<thead>
<th>Title</th>
<th>Artist</th>
<th>Year</th>
</thead>
<tr align="left">
<td><span datafld="TITLE"></span></td>
<td><span datafld="ARTIST"></span></td>
<td><span datafld="YEAR"></span></td>
</tr></table>

---------- -------------------------------------------------- --------------------

把資料島綁定到 或

元素上
或

元素都可以用來顯示XML資料。

沒有必要使用table元素來顯示XML數據，數據可以透過數據島綁定到任何一個HTML元素上。

要做的就是在你得頁面中加入一些 或

元素，使用資料資源屬性把每一個元素和XML文檔元素綁定起來，就像下面這樣:

<br />Title:
<span datasrc="#xmldso" datafld="TITLE"></span>
<br />Artist:
<span datasrc="#xmldso" datafld="ARTIST"></span>
<br />Year:
<span datasrc="#xmldso" datafld="YEAR"></span>

或像這樣的形式:

<br />Title:
<p datasrc="#xmldso" datafld="TITLE"></p>
<br />Artist:
<p datasrc="#xmldso" datafld="ARTIST"></p>
<br />Year:
<p datasrc="#xmldso" datafld="YEAR"></p>

注意如果你使用

元素,資料將會顯示在新的一行裡。

上面的例子，可以看到XML資料都顯示在一行裡。如果要控制資料換行，就必須在你的程式碼裡加入一些腳本程式。

-------------------------------------------- ------------------------------------

為你的XML資料加上導航腳本
可以透過腳本程式來實現導航功能。

新增資料島方法，使用腳本函數movenext() 和 moveprevious() 來實作導覽功能。

<script type="text/javascript">
function movenext()
{
x=xmldso.recordset
if (x.absoluteposition < x.recordcount)
{
x.movenext()
}
}
function moveprevious()
{
x=xmldso.recordset
if (x.absoluteposition > 1)
{
x.moveprevious()
}
}
</script>

------------------------------------------- -------------------------------------

小結
如果你有創造力的話就可以寫出非常完善的應用程式。

如果你使用在這一頁中學到的知識，在發揮一下想像力，就可以輕易的創造出完善的應用程式。

以上是xml應用的範例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！