DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> Jsp結合XML+XSLT將輸出轉換為Html格式
Jsp結合XML+XSLT將輸出轉換為Html格式
編輯:XML詳解     
XML+XSLT就可以直接輸出到支持XML的浏覽器上,如IE 5.0以上,但是,我們還要考慮到有不少浏覽器不直接支持XML,在這種情況下,我們需要在服務器上進行轉換成Html輸出到浏覽器,這種臨時過渡辦法恐怕要在一段時間內一直要使用.

  使用JSP 加上tablib標識庫,我們可以完成這種轉換。

  著名open source項目組jakarta.apache.org推出的系列標識庫中,就有這個功能的tanglib:http://jakarta.apache.org/taglibs/doc/xsl-doc/intro.Html

  按照jakarta配置方法,有點繁瑣,需要修改或定義Web.XML,本人經過摸索,使用下列相當簡單的辦法,就可以使JSP能成功運行XSL這個標識庫了。

  xsl標識庫有三個關鍵包:
   xerces.jar 可以在http://XML.apache.org/中得到
   xalan.jar 可以在http://XML.apache.org/中得到
   xsl.jar 從http://jakarta.apache.org/taglibs/doc/xsl-doc/intro.Html得到

  1.將這三個包放置到Tomcat的common/lib目錄下,或者直接放入Classpath環境中。

  2.在JSP中調用標識庫:

  原來Jakarta推薦方法是:

<%@taglib uri="http://jakarta.apache.org/taglibs/xsl-1.0" prefix="xsl" %>

  這就需要在/WEB-INF/web.XML下定義一下http://jakarta.apache.org/taglibs/xsl-1.0指向。如:

<taglib>
<taglib-uri>http://jakarta.apache.org/taglibs/xsl-1.0</taglib-uri>
<taglib-location>/WEB-INF/xsl.tld</taglib-location>
</taglib>

  這種做法雖然很標准,但是,如果你的容器一直使用tomcat,就完全不必了。

  我們的做法是:

<%@taglib uri="xsl.jar" prefix="xsl" %>

  我們以Jakarta的XSL taglib附帶的Apply.JSp為例,正好了解一下JSP XML XSLT三者之間的關系:

  Apply.JSP

<%@taglib uri="xsl.jar" prefix="xsl" %>
<Html>
<head>
<title>Employee List</title>
</head>
<body bgcolor="white">

<p>下面展示了JSP的四種組合XML XSLT的方法:
<p>下面使用apply方法,將已經存在的employees.XML和employeeList.xsl結合在一起

<xsl:apply xml="/xml/employees.xml" xsl="/XML/employeeList.xsl"/>
<hr>


<p>下面是使用已經存在employeeList.xsl 然後在JSP中自己直接寫入XML數據.


<xsl:apply xsl="/XML/employeeList.xsl">
<?XML version="1.0" encoding="ISO-8859-1"?>
<employees>
<employee id="123">
<first-name>John</first-name>
<last-name>Doe</last-name>
<telephone>800-555-1212</telephone>
</employee>
<employee id="456">
<first-name>Jane</first-name>
<last-name>Smith</last-name>
<telephone>888-555-1212</telephone>
</employee>
<employee id="789">
<first-name>George</first-name>
<last-name>Taylor</last-name>
<telephone>555-555-1212</telephone>
</employee>
</employees>
</xsl:apply>
<hr>

<p>下面使使用include調用的辦法,這樣一個XSLT樣式可以適應不同的XML文件。

<xsl:apply xsl="/XML/employeeList.xsl">
<xsl:include page="/xml/employees.XML"/>
</xsl:apply>
<hr>

<p>下面是使用import方法,在page-scope(類似scope="page")中導入XML文件</p>

<xsl:import id="data" page="/xml/employees.XML"/>
<xsl:apply nameXml="data" xsl="/XML/employeeList.xsl"/>

</body>

  在上面程序中,展示了四種JSP組合XML XSLT的方法,基本可以滿足我們的需要。注意上面的XML文件路徑是"/XML/",這是相對Tomcat容器的絕對路徑。

  我們簡單看一下employeeList.xsl和employees.XML內容:

  employeeList.xsl類似Html中的CSS,主要是對XML中數據顯示方式進行定義:

<?XML version="1.0"?>
<xsl:stylesheet version="1.0" XMLns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="employees">
<table border="1" width="100%">
<tr>
<th>ID</th>
<th>Employee Name</th>
<th>Phone Number</th>
</tr>
<xsl:for-each select="employee">
<tr>
<td>
<xsl:value-of select="@id"/>
</td>
<td>
<xsl:value-of select="last-name"/>,
<xsl:value-of select="first-name"/>
</td>
<td>
<xsl:value-of select="telephone"/>
</td>
</tr>
</xsl:for-each>
</table>
</xsl:template>

</xsl:stylesheet>


employees.XML

<?XML version="1.0" encoding="ISO-8859-1"?>


<employees>
 <employee id="123">
  <first-name>John</first-name>
  <last-name>Doe</last-name>
  <telephone>800-555-1212</telephone>
 </employee>

 <employee id="456">
  <first-name>Jane</first-name>
  <last-name>Smith</last-name>
  <telephone>888-555-1212</telephone>
 </employee>

  <employee id="789">
  <first-name>George</first-name>
  <last-name>Taylor</last-name>
  <telephone>555-555-1212</telephone>
 </employee>
</employees>

  如果我們在employees.XML頂部加入:

<?XML:stylesheet type="text/xsl" href="catalog.xsl"?>

  用支持XML的IE 5.0以上浏覽器調用,其顯示頁面就和Apply.JSP顯示頁面是一樣的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved