XMLLe document ne peut représenter que le contenu des données, tandis que les données réelles doivent être présentées sur la page Web. Utilisez CSS pour formater le document XML afin qu'il puisse être affiché. Ce contenu a été expliqué en détail dans l'article précédent. En plus du CSS, il existe également un langage qui peut également exprimer le contenu des données XML dans les pages Web, c'est-à-dire XSL. Les langues XSL incluent XSLT (Transformation XSL) et FO(Format de l'objet). Le document XSLT peut convertir le document XML en d'autres formes de document, telles que HTML , Texte, etc. FO est utilisé pour la sortie formatée, car le W3C unifie également le FO Standard, ici, nous expliquerons uniquement l'utilisation de XSLT.
La partie la plus importante lors de l'utilisation de XSLT est de sélectionner XML Nœud les valeurs et crée des modèles. La balise utilisée pour créer un modèle est match<.> L'attribut est utilisé pour déterminer le nœud XML auquel il correspond. La balise utilisée pour sélectionner la valeur du nœud XML est , cette balise nécessite select attribut pour déterminer à quel nœud XML il correspond. Un exemple simple sera utilisé pour illustrer ce qui suit. Voir le document XML suivant :
1 <?xml version="1.0" encoding="utf-8"?>
2 <?xml-stylesheet type="text/xsl" href="stylesheet.xslt"?>
3 <xml>
4 <book>
5 <name>Xml应用系列</name>
6 <author>学路的小孩</author>
7 <date>2009-03-23</date>
8 </book>
9 </xml>
Copier après la connexion
Description du code : La première ligne est XML La partie déclaration du fichier ; la deuxième ligne déclare l'introduction du fichier XSLT, et l'attribut type indique que le type du fichier est text/xsl, href l'attribut pointe vers un XSLT fichier nommé stylesheet.xslt. Après la troisième ligne se trouve la partie du document XML. Voici le contenu de stylesheet.xslt :
1 <?xml version="1.0" encoding="UTF-8" ?>
2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
3 <xsl:template match="/">
4 <html>
5 <head>
6 <title>第一个XSLT文件</title>
7 </head>
8 <body>
9 <xsl:apply-templates select="xml"></xsl:apply-templates>
10 </body>
11 </html>
12 </xsl:template>
13 <xsl:template match="xml">
14 <table style="background-color:orange">
15 <tr>
16 <th>书名</th>
17 <th>作者</th>
18 <th>日期</th>
19 </tr>
20 <xsl:apply-templates select="book"></xsl:apply-templates>
21 </table>
22 </xsl:template>
23 <xsl:template match="book">
24 <tr>
25 <td>
26 <xsl:value-of select="name"/>
27 </td>
28 <td>
29 <xsl:value-of select="author"/>
30 </td>
31 <td>
32 <xsl:value-of select="date"/>
33 </td>
34 </tr>
35 </xsl:template>
36 </xsl:stylesheet>
Copier après la connexion
Description du code : Le format du document XSLT est toujours au format XML, le la première ligne est La déclaration d'en-tête de XML ; la deuxième ligne est la version de XSLT et le espace de noms déclaration, et la balise est XSLTNœud suivant du document. La troisième ligne utilise pour créer un modèle, select="/" Indique que la correspondance est le nœud racine du document. Les quatrième à onzième lignes sont les informations de nœud HTML à générer par ce nœud, dont la neuvième ligne est indique le modèle d'application, où select="xml" indique que le modèle à appeler est le XML< correspondant. 🎜> modèle de nœud, qui apparaît à la ligne 13. Toutes les lignes suivantes (à l'exception des lignes 26, etc.) ne sont rien de plus que des répétitions de ces contenus sans grande introduction. La ligne 26 est le contenu de la sélection de la balise name. Utilisez IE pour ouvrir le fichier XML, et le contenu affiché est le suivant : 
另外，XSLT还具有流程控制、条件选择、循环处理、元素排序等功能。下面通过一个实例来说明，其中XML文档内容如下：
1 <?xml version="1.0" encoding="utf-8" ?>
2 <?xml-stylesheet type="text/xsl" href="bookListStyle.xslt"?>
3 <bookList>
4 <category type="计算机">
5 <book id="1">
6 <title>网页与Web程序设计</title>
7 <author>吴利兵</author>
8 <pubInfo>
9 <publisher>机械工业出版社</publisher>
10 <pubDate>2009-04-01</pubDate>
11 <price>16.50</price>
12 </pubInfo>
13 </book>
14 <book id="2">
15 <title>软件工程</title>
16 <author>邓良松</author>
17 <pubInfo>
18 <publisher>西安电子科技出版社</publisher>
19 <pubDate>2005-06-10</pubDate>
20 <price>33.20</price>
21 </pubInfo>
22 </book>
23 </category>
24 <category type="小说">
25 <book id="3">
26 <title>茶花女</title>
27 <author>小仲马</author>
28 <pubInfo>
29 <publisher>外语出版社</publisher>
30 <pubDate>2005-06-30</pubDate>
31 <price>22.00</price>
32 </pubInfo>
33 </book>
34 <book id="4">
35 <title>红楼梦</title>
36 <author>曹雪芹</author>
37 <pubInfo>
38 <publisher>中国教育出版社</publisher>
39 <pubDate>2005-09-06</pubDate>
40 <price>55.00</price>
41 </pubInfo>
42 </book>
43 </category>
44 </bookList>
Copier après la connexion
bookListStyle.xslt文件的内容如下：
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title>图书列表</title>
<style>
<![CDATA[
body,td,th{
font-size:10pt;
font-family:宋体;
}
body{
background-color:#c0c0c0;
}
table{
border:solid red 1px;
margin-left:30px;
margin-right:30px;
background-color:#ffffc0;
cellPadding:4;
}
]]>
</style>
</head>
<body>
<table>
<caption align="top" style="font-weight:bold; text-align:left">图书列表</caption>
<tr style="color:#8b0000" align="left">
<th width="5%">编号</th>
<th width="10%">类别</th>
<th width="25%">书名</th>
<th width="20%">作者</th>
<th width="25%">出版社</th>
<th width="10%">出版日期</th>
<th width="5%">定价</th>
</tr>
<xsl:for-each select="bookList/category/book">
<xsl:sort select="pubInfo/price" order="descending"/>
<tr>
<xsl:attribute name="style">
color:
<xsl:if test="../@type[.='计算机']">blue</xsl:if>
</xsl:attribute>
<xsl:attribute name="title">
<xsl:value-of select="title"/>
<xsl:choose>
<xsl:when test="../@type[.='计算机']">
类别:计算机类图书
</xsl:when>
<xsl:otherwise>
类别:小说类图书
</xsl:otherwise>
</xsl:choose>
作者：<xsl:value-of select="author"></xsl:value-of>
<br/>
出版社：<xsl:value-of select="pubInfo/publisher"/>
<br/>
出版日期：<xsl:value-of select="pubInfo/pubDate"/>
<br/>
定价：<xsl:value-of select="pubInfo/price"/>元
</xsl:attribute>
<td>
<xsl:value-of select="@id"/>
</td>
<td>
<xsl:value-of select="../@type"/>
</td>
<td>
<xsl:value-of select="title"/>
</td>
<td>
<xsl:value-of select="author"/>
</td>
<td>
<xsl:value-of select="pubInfo/publisher"/>
</td>
<td>
<xsl:value-of select="pubInfo/pubDate"/>
</td>
<td>
<xsl:value-of select="pubInfo/price"/>
</td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>Copier après la connexion
这里不再对代码进行分析，请读者自己理解这段代码，并动手写一下自己的XSLT模板。这段代码的运行效果如下图：
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
