XML中數(shù)據(jù)綁定的示例分析

發(fā)布時間：2021-09-17 13:50:16 來源：億速云閱讀：116 作者：小新欄目：編程語言

這篇文章主要為大家展示了“XML中數(shù)據(jù)綁定的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“XML中數(shù)據(jù)綁定的示例分析”這篇文章吧。

HTML中不僅含有大量的格式化語句，還到處充斥著內(nèi)容數(shù)據(jù)，讓人看著實在是頭大。美工人員在調(diào)整界面布局時，可能會不經(jīng)意的修改了內(nèi)容數(shù)據(jù)；業(yè)面內(nèi)容維護(hù)人員在維護(hù)數(shù)據(jù)時往往也無意的弄亂了業(yè)面布局代碼。

于是乎，人們開始有意識的避免這種混亂局勢。利用XML進(jìn)行數(shù)據(jù)描述，在HTML中僅保留頁面布局代碼，這樣就使得數(shù)據(jù)在界面分開，再也不會因為修改布局而丟失內(nèi)容數(shù)據(jù)；亦不會在維護(hù)數(shù)據(jù)時改變頁面布局。

數(shù)據(jù)與界面被分離開了，我們似乎還需要某種手段再讓它們有機的結(jié)合起來。XML數(shù)據(jù)配合不同的HTML，可以給客戶不同的數(shù)據(jù)瀏覽方式。XML數(shù)據(jù)島就可以將XML中的數(shù)據(jù)很自然的引入到HTML中，而無需編寫繁瑣的代碼。

下面我用實例向大家闡述。

假設(shè)我們有一個名為“Book.xml”的XML文件存圖書信息，內(nèi)容如下。

<?xmlversion="1.0"encoding="gb2312"?>
<books>
<bookid="0001"bookcategory="文藝"amount="150"remain="80"discount="8.7">
<title>三國演義</title>
<author>羅貫中</author>
<publisher>文藝出版社</publisher>
<isbn>0-765-58007-8</isbn>
<price>80</price>
</book>
<bookid="0002"bookcategory="文藝"amount="100"remain="70"discount="9.8">
<title>紅樓夢</title>
<author>曹雪芹</author>
<publisher>三秦出版社</publisher>
<isbn>0-765-58007-9</isbn>
<price>22</price>
</book>
<bookid="0003"bookcategory="文藝"amount="120"remain="60"discount="8.5">
<title>西游記(上下冊)</title>
<author>吳承恩</author>
<publisher>人民文學(xué)出版社</publisher>
<isbn>0-765-58007-3</isbn>
<price>40.12</price>
</book>
</books>

每個圖書結(jié)點(Book)都有分類，數(shù)據(jù)，余量，折扣四個屬性，還有書名，作者，出版社，書號和價格五個子元素。這里僅僅是為了給大家講述如何使用XML數(shù)據(jù)島，故數(shù)據(jù)結(jié)構(gòu)定義的很簡單，數(shù)據(jù)量也不是很大。

我們想在HTML中以表格的形式，將XML中的內(nèi)容顯示出來。我們現(xiàn)在開始動手編寫HTML文件。首先要在HTML中構(gòu)造一個表格，用來顯示圖書的信息。這部分想必大家都很梳洗，我就不細(xì)講了，我們著重的講一下如何定義XML數(shù)據(jù)導(dǎo)，以及如何將數(shù)據(jù)表HTML表格進(jìn)行綁定。

XML數(shù)據(jù)島，顧名思義，它充當(dāng)著數(shù)據(jù)源的作用，就是引入存儲數(shù)據(jù)的XML文件，并為其分配一個ID，方便在HTML中引用。定義代碼如下：

<xmlid="XMLData"src="Test07.xml"></xml>

一般性的，我們會將這句代碼寫在<Body>標(biāo)記中。ID是其標(biāo)識符，方便在HTML文件其他地方引用，src是XML數(shù)據(jù)文件的位置，可以是相對位置，也可以是一個有效的URL。在此例中是其值是“Test07.xml”，表示這是與該HTML文件存放在同一位置的一個名為“Test07.xml”的文件。

<tableid="tblbooks"datasrc="#XMLData"border=1datapagesize=2width="100%">
<thead>
<thstyle="font-style:blod">書名</th>
<thstyle="font-style:blod">類別</th>
<thstyle="font-style:blod">書號</th>
<thstyle="font-style:blod">作者</th>
<thstyle="font-style:blod">出版社</th>
<thstyle="font-style:blod">定價</th>
<thstyle="font-style:blod">數(shù)量</th>
<thstyle="font-style:blod">余量</th>
</thead>
<tr>
<td><spandatafld="title"></span></td>
<td><spandatafld="bookcategory"></span></td>
<td><spandatafld="isbn"></span></td>
<td><spandatafld="author"></span></td>
<td><spandatafld="publisher"></span></td>
<td><spandatafld="price"></span></td>
<td><spandatafld="amount"></span></td>
<td><spandatafld="remain"></span></td>
</tr>
</table>

大家可以發(fā)現(xiàn)，在<table>標(biāo)記中，我們加入了datasrc="#XMLData"，表示該表格的數(shù)據(jù)來自一個名為“XMLData”的數(shù)據(jù)島，特別需要注意的是，在引用數(shù)據(jù)導(dǎo)時一定要用“?！奔由蠑?shù)據(jù)島ID。

同時需要在每個單元格<td>標(biāo)記中放置一個<span>標(biāo)記并指定字段，如<td><span datafld="title"></span></td>，表示這個標(biāo)記與title字段進(jìn)行綁定，該字段值會自動的填充到<span>標(biāo)記中。

以上是“XML中數(shù)據(jù)綁定的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

XML中數(shù)據(jù)綁定的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽