Detailed explanation of data binding examples of XML data island

HTML not only contains a large number of formatting statements, but is also full of content data, which is really confusing. Artists may inadvertently modify content data when adjusting the interface layout; professional content maintainers often unintentionally mess up the professional layout code when maintaining data.

Ever since, people began to consciously avoid this chaotic situation. Use XML for data description, and only retain the page layout code in HTML, so that the data is separated in the interface, and the content data will no longer be lost due to modification of the layout; nor will Change page layout while maintaining data.

Data and interface have been separated, and we seem to need some means to combine them organically. XML data combined with different HTML can provide customers with different data browsing methods. XML Data Island can naturally introduce data in XML into HTML without writing cumbersome code.

I will explain it to you with examples below.

Suppose we have an XML file named "Book.xml" to store book information, with the following content.

<?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>

Each book node (Book) has four attributes: classification, data, balance, and discount, as well as book title, author, and publisher , ISBN and price are five sub-elements. This is just to tell you how to use XML data islands, so the data structure is very simple and the amount of data is not very large.

We want to display the content in XML in the form of table in HTML. We now start writing HTML files. First, construct a table in HTML to display book information. This part must be very confusing for everyone, so I won't go into details. Let's focus on how to define XML data import and how to bind the data tableHTMLTable.

XML data island, as the name suggests, acts as a data source, which is to introduce the XML file that stores the data and assign it an ID to facilitate quoting in HTML. The definition code is as follows:

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

Generally, we will write this code in the 9c5594a5fc8d2e506f1a8147102c836b tag. ID is its identifier, which is convenient for reference in other places in the HTML file. src is the location of the XML data file, which can be a relative location or a valid URL. In this example, its value is "Test07.xml", which means that this is a file named "Test07.xml" stored in the same location as the HTML file.

<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>

You can find that in the f5d188ed2c074f8b944552db028f98a1 tag, we added datasrc="#XMLData", indicating that the data of the table comes from a data island named "XMLData". What needs special attention is that , be sure to use "#" plus the data island ID when quoting the data import.

At the same time, you need to place a 45a2772a6b6107b401db3c9b82c049c2 tag in each cellb6c5a531a458a2e790c1fd6421739d1c tag and specify the field, such asb6c5a531a458a2e790c1fd6421739d1c557e2519adddeaeaf0ce9fa890e7418454bdf357c58b8a65c66d7c19c8e4d114 b90dd5946f0946207856a8a37f441edf means that this tag is bound to the title field, and the field value will be automatically filled in the 45a2772a6b6107b401db3c9b82c049c2 tag.

The above is the detailed content of Detailed explanation of data binding examples of XML data island. For more information, please follow other related articles on the PHP Chinese website!