萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> JSP結合XML+XSLT將輸出轉換HTML

JSP結合XML+XSLT將輸出轉換HTML

 我們知道 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

<?xmlversion="1.0"encoding="ISO-8859-1"?>
<employees>
<employeeid="123">
<first-name>John</first-name>
<last-name>Doe</last-name>
<telephone>800-555-1212</telephone>
</employee>
<employeeid="456">
<first-name>Jane</first-name>
<last-name>Smith</last-name>
<telephone>888-555-1212</telephone>
</employee>
<employeeid="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顯示頁面是一樣的。

 

copyright © 萬盛學電腦網 all rights reserved