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

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

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 tag in each cell

means that this tag is bound to the title field, and the field value will be automatically filled in the tag.

tag and specify the field, such as

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!