lexy

          支持開源,尊重他人的勞動!

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            17 隨筆 :: 0 文章 :: 9 評論 :: 0 Trackbacks
          XSLT初學最簡單例子

          最近了解了下XSLT,寫了個簡單的例子,很簡單,不過對從來沒接觸過XSL的新手來說,足夠了。

          一共三個文件:xsl,xml,html,放在同一目錄下就可以了。
          用瀏覽器打開xml文件和html文件,效果是一樣的。(IE 6.0+)

          ------------------ test.xsl -----------------------

          <?xml version="1.0" encoding="iso-8859-1"?>
          <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
          <xsl:template match="/">

          <html>

          <head>

          <title>First XSLT example</title>

          </head>

          <body>

          <table border="1" width="300" align="center">
          ?? ?<tr>
          ?? ??? ?<th>ID</th>
          ?? ??? ?<th>Name</th>
          ?? ??? ?<th>Age</th>
          ?? ?</tr>
          ?? ?<xsl:for-each select="test/people">?? ?
          ?? ??? ?<xsl:sort select="id"/>
          ?? ??? ??? ?<xsl:if test="age!=0">
          ?? ??? ??? ??? ?<xsl:choose >
          ?? ??? ??? ??? ??? ?<xsl:when test="age>20">
          ?? ??? ??? ??? ??? ??? ?<tr>
          ?? ??? ??? ??? ??? ??? ??? ?<td><xsl:value-of select="id"/></td>
          ?? ??? ??? ??? ??? ??? ??? ?<td><xsl:value-of select="name"/></td>
          ?? ??? ??? ??? ??? ??? ??? ?<td><xsl:value-of select="age"/></td>
          ?? ??? ??? ??? ??? ??? ?</tr>
          ?? ??? ??? ??? ??? ?</xsl:when>
          ?? ?
          ?? ??? ??? ??? ??? ?<xsl:otherwise>
          ?? ??? ??? ??? ??? ??? ?<tr bgcolor="red">
          ?? ??? ??? ??? ??? ??? ??? ?<td><xsl:value-of select="id"/></td>
          ?? ??? ??? ??? ??? ??? ??? ?<td><xsl:value-of select="name"/></td>
          ?? ??? ??? ??? ??? ??? ??? ?<td><xsl:value-of select="age"/></td>
          ?? ??? ??? ??? ??? ??? ?</tr>
          ?? ??? ??? ??? ??? ?</xsl:otherwise>
          ?? ??? ??? ??? ?</xsl:choose>
          ?? ??? ??? ?</xsl:if>?? ?
          ?? ?</xsl:for-each>
          </table>

          <br/>

          <table border="3" width="300" align="center">
          ?? ?<xsl:apply-templates/>
          </table>

          </body>

          </html>

          </xsl:template>


          <xsl:template match="people">
          ?? ??? ?<tr align="center">
          ?? ??? ??? ?<td style="color:green">
          ?? ??? ??? ??? ?<xsl:apply-templates select="id"/>
          ?? ??? ??? ?</td>
          ?? ??? ??? ?<td style="color:violet">
          ?? ??? ??? ??? ?<xsl:apply-templates select="name"/>
          ?? ??? ??? ?</td>
          ?? ??? ??? ?<td style="color:blue">
          ?? ??? ??? ??? ?<xsl:apply-templates select="age"/>
          ?? ??? ??? ?</td>
          ?? ??? ?</tr>
          </xsl:template>

          <xsl:template match="id">
          ?? ?<xsl:value-of select="."/>
          </xsl:template>

          <xsl:template match="name">?? ?
          ?? ?<xsl:value-of select="."/>
          </xsl:template>

          <xsl:template match="age">?? ?
          ?? ?<xsl:value-of select="."/>
          </xsl:template>

          </xsl:stylesheet>


          ---------------------- test.xml -----------------------------------

          <?xml version="1.0" encoding="iso-8859-1"?>

          <?xml-stylesheet type="text/xsl" href="test.xsl"?>
          <test>
          ?? ?<people>
          ?? ??? ?<id>1</id>
          ?? ??? ?<name>lexy</name>
          ?? ??? ?<age>23</age>
          ?? ?</people>
          ?? ?<people>
          ?? ??? ?<id>3</id>
          ?? ??? ?<name>some 3</name>
          ?? ??? ?<age>20</age>
          ?? ?</people>
          ?? ?<people>
          ?? ??? ?<id>2</id>
          ?? ??? ?<name>some</name>
          ?? ??? ?<age>18</age>
          ?? ?</people>?? ??? ?
          ?? ?<people>
          ?? ??? ?<id>5</id>
          ?? ??? ?<name>some 5</name>
          ?? ??? ?<age>0</age>
          ?? ?</people>
          ?? ?<people>
          ?? ??? ?<id>4</id>
          ?? ??? ?<name>some 4</name>
          ?? ??? ?<age>25</age>
          ?? ?</people>
          ?? ?<people>
          ?? ??? ?<id>6</id>
          ?? ??? ?<name>some 6</name>
          ?? ??? ?<age>24</age>
          ?? ?</people>
          ?? ?
          </test>


          -------------------------- test.html ------------------------------------

          <html>
          <body>

          <script type="text/javascript">

          // Load XML
          var xml = new ActiveXObject("Microsoft.XMLDOM")
          xml.async = false
          xml.load("test.xml")

          // Load XSL
          var xsl = new ActiveXObject("Microsoft.XMLDOM")
          xsl.async = false
          xsl.load("test.xsl")

          // Transform
          document.write(xml.transformNode(xsl))

          document.write('Transform XML by javascript!');

          </script>

          </body>
          </html>

          參考:
          ?? ?http://www.w3school.com.cn/xsl/index.asp
          posted on 2007-12-29 09:13 lexy 閱讀(498) 評論(1)  編輯  收藏

          評論

          # re: XSLT初學最簡單例子 2009-04-29 21:01 apple pig
          非常感謝  回復  更多評論
            


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 兴国县| 武陟县| 安顺市| 凯里市| 周至县| 上饶县| 常宁市| 宜良县| 九寨沟县| 泸西县| 万州区| 千阳县| 都匀市| 新安县| 齐齐哈尔市| 黔江区| 嵊州市| 东城区| 饶平县| 闽清县| 清徐县| 清丰县| 红桥区| 安远县| 噶尔县| 汾阳市| 商城县| 旺苍县| 社会| 德兴市| 曲靖市| 丰原市| 闻喜县| 恩施市| 湛江市| 镇巴县| 攀枝花市| 色达县| 东源县| 咸宁市| 蒙城县|