XSLT实现XML文档转换成HTML文档

最新推荐文章于 2021-06-22 13:54:17 发布

王胜飞

最新推荐文章于 2021-06-22 13:54:17 发布

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术杂谈

本文链接：https://blog.csdn.net/Esther_Heesch/article/details/51720688

技术杂谈专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何利用XSLT将XML文档转换成HTML文档，以提供更友好的数据显示。通过示例展示了XSLT模板的编写，包括HTML结构的构建和XML数据的映射，从而将XML中的狗的信息以表格形式展示出来。

XML文档描述了数据的结构，并且可以用自定义的标记元素描述数据意义，而且实现了记录数据的功能。如果想要将XML的数据显示在网页页面上，如何做呢？

最简单的方式就是将XML文件直接用浏览器打开，在记事本里写几句简单的代码,例如:

[html]view plaincopy 
   
print?
 <?xml version="1.0" encoding="iso-8859-1"?>  
 <myDogs>  
    <dog>  
       <name>Casey</name>  
       <age>2</age>  
       <fullBlood>yes</fullBlood>  
       <color>Yellow</color>  
       </dog>  
 </myDogs>  

上面的代码保存了一只狗的信息，保存成xml格式，拖到浏览器里运行就可以了，结果是是这样

但这样的界面不够友好，如果我想用表格显示出信息，如何做到呢？那么可以将XML文档转换成HTML文档，以达到更有好的显示XML数据的目的。

介绍具体步骤之前介绍下，XSLT（Extensible StyleSheet Language Transmations），是XSL（可扩展样式语言）的一种，是一种基于模版的样式转换语言，说的直接一点就是可以把XML文本转成其他格式的文本，那么一起来看转换的代码：

[html]view plaincopy 
   
print?
 <?xml version="1.0" encoding="iso-8859-1"?>  
 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">  
   
 <xsl:template match="/">  
 <html>  
 <head>  
     <title>Review of My Dogs</title>  
 </head>  
 <body>  
     <h4>list of My Dogs</h4>  
       
     <table width="100%" border="1">  
         <thead>  
             <tr>  
             <th>Name</th>  
             <th>Breed</th>  
             <th>Age</th>  
             <th>Full Blood</th>  
             <th>Color</th>  
             </tr>  
         </thead>  
         <tbody>  
             <xsl:apply-templates/>  
         </tbody>  
     </table>  
 </body>  
 </html>  
 </xsl:template>  
   
 <xsl:template match="dog">  
     <tr>  
         <td>  
             <strong><xsl:value-of select="name" /></strong>  
         </td>  
         <td><xsl:value-of select="@breed" /></td>  
         <td><xsl:apply-templates select="age" /></td>  
         <td><xsl:value-of select="fullBlood" /> </td>  
         <td><xsl:value-of select="color" /></td>  
     </tr>  
   
 </xsl:template>  
   
 <xsl:template match="age">  
     <xsl:value-of select="years" />years  
     <xsl:value-of select="months" />months  
 </xsl:template>  
   
 </xsl:stylesheet>  

将上面的代码写在记事本里，保存成xsl格式，然后再XML文档中引入：

[html]view plaincopy 
   
print?
 <?xml version="1.0" encoding="iso-8859-1"?>  
 <?xml-stylesheet type="text/xsl" href="mydogs.xsl"?>  
   
 <myDogs>  
 <dog breed="labrador">  
     <name>morgan</name>  
     <age>  
         <years>1</years>  
         <months>10</months>  
     </age>  
     <fullBlood>yes</fullBlood>  
     <color>Chocolate</color>  
 </dog>  
 </myDogs>  