使用XSL解析XML输出HTML（XSL学习笔记一）

最近项目用到 XSL + XML，XML大家应该很熟悉，XSL暂且不解释，先看效果，如果想学习XSL的内容，可以先访问：

https://www.w3school.com.cn/xsl/xsl_languages.asp

创建XML文件

第一步，创建一个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文件

第二步，创建一个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文件中引入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的轻量化。

巴特西

使用XSL解析XML输出HTML（XSL学习笔记一）

创建XML文件

创建XSL文件

关联XML和XSL文件

最新文章

热门文章