XSLT簡單基礎第二章:XSLT的案例(2)
發表時間:2024-06-13 來源:明輝站整理相關軟件相關文章人氣:
[摘要]2.2 一個實例現在我們來看一個簡單的XSLT實際應用例子,獲得一些感官上的認識。很多網頁設計師看到類似HTML的代碼才會放心,代碼是那樣的親切和熟悉。例子1: "Hello, world!"hello world作為第一個教程已經是程序語言中的慣例了。我們也遵守這個慣例,看看...
2.2 一個實例
現在我們來看一個簡單的XSLT實際應用例子,獲得一些感官上的認識。很多網頁設計師看到類似HTML的代碼才會放心,代碼是那樣的親切和熟悉。
例子1: "Hello, world!"
hello world作為第一個教程已經是程序語言中的慣例了。我們也遵守這個慣例,看看如何利用XSLT來顯示"hello world"。雖然這個例子沒有什么實際用途,但是請大家不要急,后面還有更詳細的例子。
第一步:建立要輸入XML文檔hello.xml。
<?xml version="1.0" encoding="iso-8859-1"?>
<greeting>Hello, world!</greeting>
這是一個很簡單XML文檔,只包含一個節點的XML結構樹。
第二步:建立XSLT文檔hello.xsl。提示:默認的XSLT文件的后綴名為.xsl。
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head>
<title>First XSLT example</title>
</head>
<body>
<p><xsl:value-of select="greeting"/></p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
你現在可以用IE5.0以上版本瀏覽器打開這個hello.xsl文件,看到XSL的結構樹。
第三步:在XML中調用這個XSL文件。修改hello.xml的代碼為:
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="hello.xsl"?>
<greeting>Hello, world!</greeting>
ok,到這一步原理上已經完成了所有的代碼,接下來只要用一個XSLT的處理器(XML Processor)來執行hello.xml就可以看到"hello
world"的顯示結果了。流行的處理器軟件有以下幾種:
(1).James Clark的XT。下載網址:http://www.jclark.com/xml/xt.html
(2).IBM的XML for Java軟件包,名為LotusXSL。下載網址:www.alphaworks.ibm.com/tech/xml4j
(3).Saxon。下載網址:http://www.wrox.com
(4).微軟的MSXML3。下載網址:http://www.microsoft.com/xml
有網友要問,我想在瀏覽器中看到"hello world"的效果應該怎么做?在微軟的IE5.5內嵌了MSXML3解釋器,你可以用IE5.5打開hello.xml文件,就可以看到結果。如果只看到XML結構樹,不是單獨的"hello
world"字樣,說明你的瀏覽器沒有安裝MSXML3版本。
如果沒有安裝又想看效果怎么辦?那還是用我們在XML教程中的老辦法,采用JS實現。(這已經超出了本文要講的范圍,但為了更加直觀,便于理解,我們在這里提供實例代碼。)下面是一種實現的代碼,可以保存為hello.htm,和上面的hello.xml,hello.xsl放在同一目錄下面。最后用IE5.0以上版本打開hello.htm就可以看到效果了。
<html>
<head>
<script language="JavaScript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("hello.xml");
nodes = xmlDoc.documentElement.childNodes;
greeting.innerText = nodes.item(0).text;
</script>
<title>First XSLT Example</title>
</head>
<body bgcolor="#FFFFFF">
<span id="greeting"></span><br>
</body>
</html>