zoukankan      html  css  js  c++  java
  • XSL使用写法与效果

    data.xml

    <?xml-stylesheet type="text/xsl" href="getdata.xsl"?>
    <ROOT>
    <ASPNETX Username="Joe" City="Wuhan" Cool="70" />
    <ASPNETX Username="Tim" City="TaiWan" Cool="100" />
    <ASPNETX Username="Van" City="TaiWan" Cool="100" />
    <ASPNETX Username="Joy" City="TaiWan" Cool="80" />
    <ASPNETX Username="Kenny" City="TaiWan" Cool="60" />
    </ROOT>


    getdata.xsl

    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
    <xsl:output method="html" indent="yes"/>
    <xsl:template match="/">
    <table align="left" cellpadding="2" cellspacing="5">
    <tr>
    <td style="font-family: Verdana; font-size: 15px; font-weight: bold;">XSL Test Result:</td>
    </tr>
    <tr>
    <td style="font-family: Verdana; font-size: 10px;">
    <table width="500px" align="left" cellpadding="2" cellspacing="0" style="font-family: Verdana; font-size: 10px;">
    <tr>
    <td bgcolor="#808080">
    <font color="#FFFFFF">
    <b>User name</b>
    </font>
    </td>
    <td bgcolor="#808080">
    <font color="#FFFFFF">
    <b>City</b>
    </font>
    </td>
    <td bgcolor="#808080">
    <font color="#FFFFFF">
    <b>Cool</b>
    </font>
    </td>
    </tr>
    <xsl:for-each select="ROOT/ASPNETX">
    <tr>
    <td style="border: 1px solid #808080">
    <xsl:value-of select="@Username"/>
    </td>
    <td style="border: 1px solid #808080">
    <xsl:value-of select="@City"/>
    </td>
    <td style="border: 1px solid #808080">
    <xsl:value-of select="@Cool"/>
    </td>
    </tr>
    </xsl:for-each>
    </table>
    </td>
    </tr>
    </table>
    </xsl:template>
    </xsl:stylesheet>

    作者:Joe.Fan
             
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    采用重写tostring方法使ComboBox显示对象属性
    JavaScript中正则表达式test()、exec()、match() 方法
    高级软件工程实践总结作业
    用户使用调查报告
    Beta阶段置顶集合
    Beta冲刺阶段总结随笔
    Beta冲刺Day7
    Beta冲刺Day6
    Beta冲刺Day5
    Beta冲刺Day4
  • 原文地址:https://www.cnblogs.com/fanxingthink/p/4176143.html
Copyright © 2011-2022 走看看