xslt~1q.htm

这是一本关于XML的学习的书

            <p align="JUSTIFY"><span class="normal105">&#9;&#9; &lt;/td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9; &lt;td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9;&lt;!-- highlight 
              negative growth in red --&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9;&lt;xsl:if 
              test="growth &amp;lt; 0"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9; &lt;xsl:attribute 
              name="style"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9;&#9; &lt;xsl:text&gt;color:red&lt;/xsl:text&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9; &lt;/xsl:attribute&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9;&lt;/xsl:if&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9;&lt;xsl:value-of 
              select="growth"/&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9; &lt;/td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9; &lt;td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&#9;&lt;xsl:value-of 
              select="bonus"/&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9; &lt;/td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&#9;&lt;/tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;/xsl:for-each&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&lt;/table&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;/body&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/html&gt;</span></p>
            </font> 
            <p align="JUSTIFY"><span class="normal105"><font face="宋体" lang="ZH-CN" size=3 class="normal105">输出的</font><font size=3><span class="normal105">HTML</span></font><font face="宋体" lang="ZH-CN" size=3 class="normal105">是：</font></span></p>
            <font size=3> 
            <p align="JUSTIFY"><span class="normal105">&lt;html lang="en"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;head&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;meta http-equiv="Content-Type" 
              content="text/html; charset=iso-8859-1"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;title&gt;Sales Results 
              By Division&lt;/title&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/head&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;body&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;table border="1"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;th&gt;Division&lt;/th&gt;&lt;th&gt;Revenue&lt;/th&gt;&lt;th&gt;Growth&lt;/th&gt;&lt;th&gt;Bonus&lt;/th&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;td&gt;&lt;em&gt;North&lt;/em&gt;&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;7&lt;/td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;td&gt;&lt;em&gt;West&lt;/em&gt;&lt;/td&gt;&lt;td&gt;6&lt;/td&gt;&lt;td 
              style="color:red"&gt;-1.5&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;td&gt;&lt;em&gt;South&lt;/em&gt;&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/tr&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/table&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/body&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/html&gt;</span></p>
            </font><font face="宋体" lang="ZH-CN" size=3> 
            <p align="JUSTIFY"></p>
            </font> 
            <p align="JUSTIFY"><span class="normal105"><font face="宋体" lang="ZH-CN" size=3 class="normal105">这个样式表把数据转化为</font><font size=3><span class="normal105">SVG</span></font><font face="宋体" lang="ZH-CN" size=3 class="normal105">：</font></span></p>
            <font size=3> 
            <p align="JUSTIFY"><span class="normal105">&lt;xsl:stylesheet version="1.0"</span></p>
            <p align="JUSTIFY"><span class="normal105"> xmlns:xsl="http://www.w3.org/1999/XSL/Transform"</span></p>
            <p align="JUSTIFY"><span class="normal105"> xmlns="http://www.w3.org/Graphics/SVG/SVG-19990812.dtd"&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&lt;xsl:output method="xml" 
              indent="yes" media-type="image/svg"/&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&lt;xsl:template match="/"&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&lt;svg width = "3in" height="3in"&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;g style = "stroke: 
              #000000"&gt; </span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;!-- draw the axes 
              --&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;line x1="0" x2="150" 
              y1="150" y2="150"/&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;line x1="0" x2="0" 
              y1="0" y2="150"/&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;text x="0" y="10"&gt;Revenue&lt;/text&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;text x="150" y="165"&gt;Division&lt;/text&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;xsl:for-each select="sales/division"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;!-- define some 
              useful variables --&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;!-- the bar's 
              x position --&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;xsl:variable name="pos"</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; select="(position()*40)-30"/&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;!-- the bar's 
              height --&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;xsl:variable name="height"</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; select="revenue*10"/&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;!-- the rectangle 
              --&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;rect x="{$pos}" 
              y="{150-$height}"</span></p>
            <p align="JUSTIFY"><span class="normal105"> width="20" height="{$height}"/&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;!-- the text label 
              --&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;text x="{$pos}" 
              y="165"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;xsl:value-of select="@id"/&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;/text&gt; </span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;!-- the bar value 
              --&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;text x="{$pos}" 
              y="{145-$height}"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;xsl:value-of select="revenue"/&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9; &lt;/text&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;/xsl:for-each&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;/g&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/svg&gt;</span></p>
            <p align="JUSTIFY"></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/xsl:template&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&lt;/xsl:stylesheet&gt;</span></p>
            </font><font face="宋体" lang="ZH-CN" size=3> 
            <p align="JUSTIFY"></p>
            </font> 
            <p align="JUSTIFY"><span class="normal105"><font face="宋体" lang="ZH-CN" size=3 class="normal105">输出的</font><font size=3><span class="normal105">SVG</span></font><font face="宋体" lang="ZH-CN" size=3 class="normal105">是：</font></span></p>
            <font face="宋体" lang="ZH-CN" size=3> 
            <p align="JUSTIFY"></p>
            </font><font size=3> 
            <p align="JUSTIFY"><span class="normal105">&lt;svg width="3in" height="3in"</span></p>
            <p align="JUSTIFY"><span class="normal105"> xmlns="http://www.w3.org/Graphics/SVG/svg-19990412.dtd"&gt;</span></p>
            <p align="JUSTIFY"> <span class="normal105">&lt;g style="stroke: #000000"&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&lt;line x1="0" x2="150" 
              y1="150" y2="150"/&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&lt;line x1="0" x2="0" 
              y1="0" y2="150"/&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&lt;text x="0" y="10"&gt;Revenue&lt;/text&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&lt;text x="150" y="165"&gt;Division&lt;/text&gt;</span></p>
            <p align="JUSTIFY"><span class="normal105">&#9;&lt;rect x="10" y="50" 
              width="20" height="100"/&gt;</span></p>