溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“XML中數據綁定的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“XML中數據綁定的示例分析”這篇文章吧。
HTML中不僅含有大量的格式化語句，還到處充斥著內容數據，讓人看著實在是頭大。美工人員在調整界面布局時，可能會不經意的修改了內容數據；業面內容維護人員在維護數據時往往也無意的弄亂了業面布局代碼。
于是乎，人們開始有意識的避免這種混亂局勢。利用XML進行數據描述，在HTML中僅保留頁面布局代碼，這樣就使得數據在界面分開，再也不會因為修改布局而丟失內容數據；亦不會在維護數據時改變頁面布局。
數據與界面被分離開了，我們似乎還需要某種手段再讓它們有機的結合起來。XML數據配合不同的HTML，可以給客戶不同的數據瀏覽方式。XML數據島就可以將XML中的數據很自然的引入到HTML中，而無需編寫繁瑣的代碼。
下面我用實例向大家闡述。
假設我們有一個名為“Book.xml”的XML文件存圖書信息，內容如下。
<?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>人民文學出版社</publisher> <isbn>0-765-58007-3</isbn> <price>40.12</price> </book> </books>
每個圖書結點(Book)都有分類，數據，余量，折扣四個屬性，還有書名，作者，出版社，書號和價格五個子元素。這里僅僅是為了給大家講述如何使用XML數據島，故數據結構定義的很簡單，數據量也不是很大。
我們想在HTML中以表格的形式，將XML中的內容顯示出來。我們現在開始動手編寫HTML文件。首先要在HTML中構造一個表格，用來顯示圖書的信息。這部分想必大家都很梳洗，我就不細講了，我們著重的講一下如何定義XML數據導，以及如何將數據表HTML表格進行綁定。
XML數據島，顧名思義，它充當著數據源的作用，就是引入存儲數據的XML文件，并為其分配一個ID，方便在HTML中引用。定義代碼如下：
<xmlid="XMLData"src="Test07.xml"></xml>
一般性的，我們會將這句代碼寫在<Body>標記中。ID是其標識符，方便在HTML文件其他地方引用，src是XML數據文件的位置，可以是相對位置，也可以是一個有效的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">數量</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>
大家可以發現，在<table>標記中，我們加入了datasrc="#XMLData"，表示該表格的數據來自一個名為“XMLData”的數據島，特別需要注意的是，在引用數據導時一定要用“＃”加上數據島ID。
同時需要在每個單元格<td>標記中放置一個<span>標記并指定字段，如<td><span datafld="title"></span></td>，表示這個標記與title字段進行綁定，該字段值會自動的填充到<span>標記中。
以上是“XML中數據綁定的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
