简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > développement back-end > Tutoriel XML/RSS > le corps du texte

Explication détaillée des exemples de liaison de données de l'îlot de données XML

黄舟
Libérer： 2017-04-01 13:27:39
original
1397 Les gens l'ont consulté

HTML contient non seulement un grand nombre d'instructions de formatage, mais regorge également de données de contenu, ce qui est vraiment déroutant. Les artistes peuvent modifier par inadvertance les données de contenu lors de l'ajustement de la mise en page de l'interface ; les responsables de la maintenance du contenu professionnel gâchent souvent involontairement le code de mise en page professionnel lors de la maintenance des données.

En conséquence, les gens ont commencé à éviter consciemment cette situation chaotique. Utilisez XML pour la description des données, et ne conservez que le code mise en page en HTML, afin que les données soient séparées dans l'interface et que les données de contenu ne soient plus perdues à cause d'une modification de la mise en page ; et ne modifiera pas non plus la mise en page tout en conservant les données.

Les données et l'interface ont été séparées, et nous semblons avoir besoin d'un moyen de les combiner de manière organique. Les données XML combinées à différents HTML peuvent offrir aux clients différentes méthodes de navigation dans les données. XML Data Island peut naturellement introduire des données XML dans HTML sans écrire de code fastidieux.

Je vais vous l'expliquer avec des exemples ci-dessous.

Supposons que nous ayons un fichier XML nommé "Book.xml" pour stocker les informations sur le livre, avec le contenu suivant. 

<?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>
Copier après la connexion

Chaque nœud de livre (Livre) possède quatre attributs de classification, données, marge, remise, ainsi que le titre du livre, l'auteur, cinq sous- éléments : éditeur, numéro du livre et prix. Ceci est juste pour vous expliquer comment utiliser les îlots de données XML, donc la structure des données est très simple et la quantité de données n'est pas très importante.

Nous souhaitons afficher le contenu en XML sous forme de tableau en HTML. Nous commençons maintenant à écrire des fichiers HTML. Tout d’abord, construisez un tableau en HTML pour afficher les informations sur le livre. Cette partie doit être très déroutante pour tout le monde, je n'entrerai donc pas dans les détails. Concentrons-nous sur la façon de définir le guide de données XML et sur la façon de lier la table de données table HTML .

XML Data Island, comme son nom l'indique, agit comme une source de données, c'est-à-dire qu'il introduit des fichiers XML qui stockent les données et leur attribue un identifiant, facilitant ainsi le référencement en HTML. Le code de définition est le suivant : 

<xmlid="XMLData"src="Test07.xml"></xml>
Copier après la connexion
Généralement, nous écrirons ce code dans la balise ID est son identifiant, qui est pratique pour référence à d'autres endroits du fichier HTML. src est l'emplacement du fichier de données XML, qui peut être un emplacement relatif ou une URL valide. Dans cet exemple, sa valeur est "Test07.xml", ce qui signifie qu'il s'agit d'un fichier nommé "Test07.xml" stocké au même emplacement que le fichier HTML. 

<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>
Copier après la connexion
Vous pouvez constater que dans la balise , nous avons ajouté datasrc="#XMLData", indiquant que les données de la table proviennent d'un îlot de données nommé "XMLData". doit être payé à La chose la plus importante est que lors de la référence à l'importation de données, vous devez utiliser "#" plus l'ID de l'îlot de données.

En même temps, vous devez placer une balise dans chaque cellule signifie que cette balise est liée au champ de titre et la valeur du champ sera automatiquement renseignée dans la balise

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
XML，数据岛，数据绑定
source：php.cn
Article précédent：Exemple d'analyse de code sur la façon d'utiliser bash pour analyser XML Article suivant：Affichage de la pagination des données dans l'îlot de données XML
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Laravel 8 - Comment rediriger la route /{editable_text} vers la route /{user} J'ai essayé de créer un itinéraire de redirection pour me conduire à un profil utilisateur...
Depuis 2024-04-06 17:26:11
0
1
410
Comment savoir quand un composant Vue est complètement initialisé ? Ainsi, dans mon composant Vue, j'ai une méthode créée de manière asynchrone et plusieurs v...
Depuis 2024-04-05 14:20:24
0
1
1442
Comment récupérer les valeurs des lignes non sélectionnées dans un tableau de données HTML à l'aide de jquery J'essaie d'obtenir la valeur de toutes les lignes sur lesquelles le bouton n'a pas été cli...
Depuis 2024-04-05 09:26:49
0
1
1418
Libération de l'axe X après avoir appelé Chart.zoom() : un guide étape par étape J'ai défini la stratégie de défilement sur setScrollStrategy(AxisScrollStrategies.progress...
Depuis 2024-04-04 23:40:56
0
1
1339
Contrôler l'ordre des colonnes adjacentes lors de la sélection de SUM Lorsque vous sélectionnez via SUM, les données renvoyées sont regroupées en un seul enregi...
Depuis 2024-04-04 23:26:33
0
1
402
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！
et spécifier le champ, tel que< /span>