日期:2014-05-17 浏览次数:20704 次
XML文档描述了数据的结构,并且可以用自定义的标记元素描述数据意义,而且实现了记录数据的功能。如果想要将XML的数据显示在网页页面上,如何做呢?
最简单的方式就是将XML文件直接用浏览器打开,在记事本里写几句简单的代码,例如:
<?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文本转成其他格式的文本,那么一起来看转换的代码:
<?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>
<?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>
这样显示的界面友好性就提升了。