使用XSL解析XML输出HTML（XSL学习笔记一）
最近项目用到 XSL + XML，XML大家应该很熟悉，XSL暂且不解释，先看效果，如果想学习XSL的内容，可以先访问：
https://www.w3school.com.cn/xsl/xsl_languages.asp
第一步，创建一个xml文件mycd.xml，里面存放数据模型
<?xml version="1.0" encoding="ISO-8859-1"?>
<mycds>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Hide your heart</title>
<artist>Bonnie Tyler</artist>
<country>UK</country>
<company>CBS Records</company>
<price>9.90</price>
<year>1988</year>
</cd>
<cd>
<title>Greatest Hits</title>
<artist>Dolly Parton</artist>
<country>USA</country>
<company>RCA</company>
<price>9.90</price>
<year>1982</year>
</cd>
</mycds>第二步，创建一个xsl样式表文件mycds.xsl，解析要遍历的xml数据模型，以及要输出的文档样式
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="cds/cd">
<tr>
<td>
<xsl:value-of select="title"/>
</td>
<td>
<xsl:value-of select="artist"/>
</td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>第三步，在xml文件中引入xsl样式表。
<?xml-stylesheet type="text/xsl" href="mycds.xsl"?>使用浏览器就可以正常解析了。效果预览：http://chsoul.gitee.io/test/xsl/mycds.xml
简单理解：
相比于我们熟悉的HTML + CSS ，可以类比为XML + XSL，区别在于HTML自身为纯静态资源，逻辑判断的需要JavaScript的支持，而XSL自身就拥有逻辑处理功能，而XSL也不仅仅局限于HTML格式的输出。
但是XSL发展至今还是被淘汰的技术，个人理解 XSL + XML体量太大，而且解析过程影响性能，耗费资源，不如json的轻量化。
手机扫一扫
移动阅读更方便
你可能感兴趣的文章