Home Backend Development XML/RSS Tutorial Detailed explanation of data binding examples of XML data island

Detailed explanation of data binding examples of XML data island

Apr 01, 2017 pm 01:27 PM

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>
Copy after login

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>
Copy after login

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>
Copy after login

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.

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Can I open an XML file using PowerPoint? Can I open an XML file using PowerPoint? Feb 19, 2024 pm 09:06 PM

Can XML files be opened with PPT? XML, Extensible Markup Language (Extensible Markup Language), is a universal markup language that is widely used in data exchange and data storage. Compared with HTML, XML is more flexible and can define its own tags and data structures, making the storage and exchange of data more convenient and unified. PPT, or PowerPoint, is a software developed by Microsoft for creating presentations. It provides a comprehensive way of

Convert XML data to CSV format in Python Convert XML data to CSV format in Python Aug 11, 2023 pm 07:41 PM

Convert XML data in Python to CSV format XML (ExtensibleMarkupLanguage) is an extensible markup language commonly used for data storage and transmission. CSV (CommaSeparatedValues) is a comma-delimited text file format commonly used for data import and export. When processing data, sometimes it is necessary to convert XML data to CSV format for easy analysis and processing. Python is a powerful

Filtering and sorting XML data using Python Filtering and sorting XML data using Python Aug 07, 2023 pm 04:17 PM

Implementing filtering and sorting of XML data using Python Introduction: XML is a commonly used data exchange format that stores data in the form of tags and attributes. When processing XML data, we often need to filter and sort the data. Python provides many useful tools and libraries to process XML data. This article will introduce how to use Python to filter and sort XML data. Reading the XML file Before we begin, we need to read the XML file. Python has many XML processing libraries,

Python implements conversion between XML and JSON Python implements conversion between XML and JSON Aug 07, 2023 pm 07:10 PM

Python implements conversion between XML and JSON Introduction: In the daily development process, we often need to convert data between different formats. XML and JSON are common data exchange formats. In Python, we can use various libraries to convert between XML and JSON. This article will introduce several commonly used methods, with code examples. 1. To convert XML to JSON in Python, we can use the xml.etree.ElementTree module

Handling errors and exceptions in XML using Python Handling errors and exceptions in XML using Python Aug 08, 2023 pm 12:25 PM

Handling Errors and Exceptions in XML Using Python XML is a commonly used data format used to store and represent structured data. When we use Python to process XML, sometimes we may encounter some errors and exceptions. In this article, I will introduce how to use Python to handle errors and exceptions in XML, and provide some sample code for reference. Use try-except statement to catch XML parsing errors When we use Python to parse XML, sometimes we may encounter some

Python parsing special characters and escape sequences in XML Python parsing special characters and escape sequences in XML Aug 08, 2023 pm 12:46 PM

Python parses special characters and escape sequences in XML XML (eXtensibleMarkupLanguage) is a commonly used data exchange format used to transfer and store data between different systems. When processing XML files, you often encounter situations that contain special characters and escape sequences, which may cause parsing errors or misinterpretation of the data. Therefore, when parsing XML files using Python, we need to understand how to handle these special characters and escape sequences. 1. Special characters and

How to handle XML and JSON data formats in C# development How to handle XML and JSON data formats in C# development Oct 09, 2023 pm 06:15 PM

How to handle XML and JSON data formats in C# development requires specific code examples. In modern software development, XML and JSON are two widely used data formats. XML (Extensible Markup Language) is a markup language used to store and transmit data, while JSON (JavaScript Object Notation) is a lightweight data exchange format. In C# development, we often need to process and operate XML and JSON data. This article will focus on how to use C# to process these two data formats, and attach

Data synchronization between XML and database using Python Data synchronization between XML and database using Python Aug 07, 2023 pm 01:10 PM

Using Python to implement data synchronization between XML and database Introduction: In the actual development process, it is often necessary to synchronize XML data with database data. XML is a commonly used data exchange format, and database is an important tool for storing data. This article will introduce how to use Python to achieve data synchronization between XML and database, and give code examples. 1. Basic concepts of XML and database XML (ExtensibleMarkupLanguage) is an extensible

See all articles
tag and specify the field, such as