知方可补不足～用xsl来修饰xml

概念相关

XSL是可扩展样式表语言的外语缩写，是一种用于以可读格式呈现 XML（标准通用标记语言的子集）数据的语言。

起始于 XSL

万维网联盟（W3C）开始发展 XSL 的原因是：存在着对于基于 XML 的样式表语言的需求。

CSS = HTML 样式表

HTML 使用预先定义的标签，每个标签的意义很容易被理解。
HTML 中的 <table> 标签定义表格 - 并且浏览器清楚如何显示它。
向 HTML 元素添加样式是很容易的。通过 CSS，很容易告知浏览器用特定的字体或颜色显示一个元素。

XSL = XML 样式表

XML 不使用预先定义的标签（我们可以使用任何喜欢的标签名），并且每个标签的意义并不都那么容易被理解。
<table> 标签意味着一个 HTML 表格，一件家具，或是别的什么东西 - 浏览器不清楚如何显示它。
XSL 可描述如何来显示 XML 文档！

XSL - 不仅仅是样式表语言

XSL 包括三部分：

XSLT - 一种用于转换 XML 文档的语言。
XPath - 一种用于在 XML 文档中导航的语言。
XSL-FO - 一种用于格式化 XML 文档的语言。

XSL－主要关键字

<xsl:template> 元素用于构建模板
<xsl:value-of> 元素用于提取某个选定节点的值，并把值添加到转换的输出流中
<xsl:for-each> 元素可用于选取指定的节点集中的每个 XML 元素
<xsl:sort>如需对结果进行排序，只要简单地在 XSL 文件中的 <xsl:for-each> 元素内部添加一个 <xsl:sort> 元素
<xsl:if> 如需放置针对 XML 文件内容的条件测试，请向 XSL 文档添加 <xsl:if> 元素。
<xsl:choose> 元素用于结合 <xsl:when> 和 <xsl:otherwise> 来表达多重条件测试。
<xsl:apply-templates> 元素可把一个模板应用于当前的元素或者当前元素的子节点
<xsl:when expression> 相当前于一种判断，表示当expression成立时执行的代码
<xsl:otherwise expression> 它与<xsl:when>一起使用，表示当when条件不成立时，执行的代码

代码相关

xml文件内容

<?xml version="1.0" encoding="gb2312" ?>

<?xml-stylesheet type="text/xsl" href="templete.xsl" ?>

<root>

  <food>

    <name>鸡蛋</name>

    <price>$5</price>

    <info>很有营养的</info>

    <unit>2</unit>

  </food>

  <food>

    <name>煎饼</name>

    <price>$4.5</price>

    <info>早餐必备</info>

    <unit>1</unit>

  </food>

  <food>

    <name>皮蛋粥</name>

    <price>$2</price>

    <info>我的最爱</info>

    <unit>1</unit>

  </food>

</root>

xsl文件内容

<?xml version="1.0" encoding="gb2312" ?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:template match="/">

    <HTML>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

      </head>

      <BODY STYLE="font-family:微软雅黑; font-size:12pt;background-color:#fff">

        <xsl:for-each select="root/food">

          <DIV STYLE="background-color:#eeaaaa; color:white; padding:4px">

            <SPAN STYLE="font-weight:bold; color:white">

              <xsl:value-of select="name"/>

            </SPAN>

            <em>

              <xsl:value-of select="price"/>

            </em>

          </DIV>

          <DIV>

            <xsl:value-of select="info"/>

            <SPAN STYLE="font-style:italic">

              (<xsl:value-of select="count" />份)

            </SPAN>

          </DIV>

        </xsl:for-each>

      </BODY>

    </HTML>

  </xsl:template>

</xsl:stylesheet>

程序截图

aaarticlea/png;base64,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" alt="" />