XML和XSLT結合讓網站設計渾然一體-XML/RSS教程-PHP中文網

首頁

後端開發

XML/RSS教程

XML和XSLT結合讓網站設計渾然一體

黄舟

Feb 27, 2017 pm 04:23 PM

　xml和XSLT的轉換使Web設計受益無窮。借助XML和 XSLT轉換，你可以實現將動態用語(dynamic verbiage)和網站內容儲存在資料庫中。你可以在XML中傳輸資料庫，然後再透過XSLT轉換將其轉換為HTML腳本。

　　在網路發展初期，凝聚性(cohesiveness)是由伺服器端實現的，但要牽涉到大量的人工文件管理工作。幸運的是，隨著網路的日益成熟，網頁開發工具也日臻完善。例如，在.NET框架下，你可以建立各種Web控制項來統一設計。

　　在設計使用者/資料互動功能時，如何讓資料的完整性、使用者介面的功能性和商務規則的完善實現。本文將提供一個網站實例，並說明XML 和XSLT如何讓你的網站設計渾然一體。

以下是引用片段：

<html> 
<head> 
</head> 
<body> 
<form method="POST" name="thisForm" id="thisForm" action="somepage.php"> 
<input type="text" name="txtText" id="txtText" size="25"><br> 
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"> 
</form> 
</body> 
</html>

以上程式碼段完成了主要功能，但還需用XML和XSLT來對其加以美化。

　　在XML中，程式碼有開頭和結尾標籤，而在HTML中沒有。 INPUT 和BR標籤是個特例，它們不需要結尾標籤。然而，在結尾標籤標記「>」前面加上一個正斜杠，可確保HTML符合XML規範。如果在寫HTML腳本時注意遵守這些規範，你就能夠將XML/HTML(aka XHTML)轉換成不錯的HTML頁面。　　

以下是引用片段：

<form method="POST" name="thisForm" id="thisForm" action="somepage.php"> 
<input type="text" name="txtText" id="txtText" size="25" transform="blueText"/> 
<br/> 
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" 
transform="bigButton"/> 
</form> 运行下列代码，完成XSLT转换： 
<?xml version="1.0"?> 
<xsl:stylesheet 
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" 
> 
<xsl:output method="html"/> 
<xsl:template match="/"> 
<table width="100%" cellpadding="0" cellspacing="0"> 
<tr><td align="center">This is the defined header</td></tr> 
<tr><td><xsl:apply-templates select="//form"/></td></tr> 
<tr><td align="center">This is the defined footer</td></tr> 
</table> 
</xsl:template> 
<xsl:template match="form"> 
<xsl:element name="form"> 
<xsl:attribute name="method"><xsl:value-of 
select="@method"/></xsl:attribute> 
<xsl:attribute name="action"><xsl:value-of 
select="@action"/></xsl:attribute> 
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute> 
<xsl:apply-templates select="*"/> 
</xsl:element> 
</xsl:template><xsl:template match="*"> 
<xsl:choose> 
<xsl:when test="@transform=&#39;blueText&#39;"><xsl:element name="input"> 
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute> 
<xsl:attribute name="type">text</xsl:attribute> 
<xsl:attribute name="style">color:blue</xsl:attribute> 
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of 
select="@value"/></xsl:attribute></xsl:if> 
</xsl:element> 
</xsl:when> 
<xsl:when test="@transform=&#39;redText&#39;"><xsl:element name="input"> 
<xsl:attribute name="name"><xsl:value-of 
select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of 
select="@id"/></xsl:attribute> 
<xsl:attribute name="type">text</xsl:attribute> 
<xsl:attribute name="style">color:red</xsl:attribute> 
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of 
select="@value"/></xsl:attribute></xsl:if> 
</xsl:element> 
</xsl:when> 
<xsl:when test="@transform=&#39;bigButton&#39;"><xsl:element name="input"> 
<xsl:attribute name="name"><xsl:value-of 
select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of 
select="@id"/></xsl:attribute> 
<xsl:attribute name="style">height:30px;width:100px;font- 
size:18pt;font-weight:700;</xsl:attribute> 
<xsl:attribute name="value"><xsl:value-of 
select="@value"/></xsl:attribute> 
</xsl:element> 
</xsl:when> 
</xsl:choose> 
</xsl:template> 
</xsl:stylesheet>

　　以上程式碼無法為你實作建立命名空間、定義XML標籤、確認DTD或schema。它使你能夠創建可行的HTML腳本，並可轉換為完整的新頁面，無需擔心設計因素。

　　在樣式表中，以HTML標籤的轉換屬性驅動轉換操作。我曾考慮用一個FORM窗體作為定義轉換操作所需的使用者控制項的單元，因為所有用於使用者輸入的控制項都應在一個FORM中。本範例中，輸出為一個文字INPUT，文字顏色為藍色;一個高20像素、寬100像素的按鈕，字體為18點加粗。我們可以透過修改轉換屬性來改變文字方塊中的文字顏色。

　　有多種方法可將靜態內容加入網頁中本例中只採用最簡單的方式，即在樣式表中增加header和footer。

　　現在，要建立一個新窗體用於使用者輸入時，要做的只是建立一個一般窗體。一旦一般窗體通過測試，就可以將這些窗體加入轉換中產生主題的HTML輸出。你只要記住輸入控制項類型，並注意把它加為轉換屬性即可。

以上是XML和XSLT結合讓網站設計渾然一體的內容，更多相關內容請關注PHP中文網（www.php.cn）！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JSON，XML和數據格式：比較RSSMay 02, 2025 am 12:20 AM

JSON、XML和RSS的主要區別在於結構和用途：1.JSON適用於簡單數據交換，結構簡潔，易於解析；2.XML適合複雜數據結構，結構嚴謹但解析複雜；3.RSS基於XML，用於內容髮布，標準化但用途有限。

故障排除XML/RSS提要：常見的陷阱和專家解決方案May 01, 2025 am 12:07 AM

XML/RSS訂閱源的處理涉及解析和優化，常見問題包括格式錯誤、編碼問題和元素缺失。解決方案包括：1.使用XML驗證工具檢查格式錯誤；2.確保編碼一致性並使用chardet庫檢測編碼；3.處理元素缺失時使用默認值或跳過該元素；4.使用高效解析器如lxml和緩存解析結果以優化性能；5.注意數據一致性和安全性，防止XML注入攻擊。

解碼RSS文檔：閱讀和解釋提要Apr 30, 2025 am 12:02 AM

解析RSS文檔的步驟包括：1.讀取XML文件，2.使用DOM或SAX解析XML，3.提取標題、鏈接等信息，4.處理數據。 RSS文檔是一種基於XML的格式，用於發布更新內容，結構包含、和元素，適用於構建RSS閱讀器或數據處理工具。

RSS和XML：Web聯合組織的基石Apr 29, 2025 am 12:22 AM

RSS和XML是網絡內容分發和數據交換的核心技術。 RSS用於發布頻繁更新的內容，XML用於存儲和傳輸數據。通過實際項目中的使用示例和最佳實踐，可以提高開發效率和性能。

RSS提要：探索XML的作用和目的Apr 28, 2025 am 12:06 AM

XML在RSSFeed中的作用是結構化數據、標準化和提供可擴展性。 1.XML使得RSSFeed的數據結構化，便於解析和處理。 2.XML提供了一種標準化的方式來定義RSSFeed的格式。 3.XML的可擴展性使得RSSFeed可以根據需要添加新的標籤和屬性。

縮放XML/RSS處理：性能優化技術Apr 27, 2025 am 12:28 AM

處理XML和RSS數據時，可以通過以下步驟優化性能：1)使用高效的解析器如lxml提升解析速度；2)採用SAX解析器減少內存使用；3)利用XPath表達式提高數據提取效率；4)實施多進程並行處理提升處理速度。

RSS文檔格式：探索RSS 2.0及以後Apr 26, 2025 am 12:22 AM

RSS2.0是一種開放標準，允許內容髮布者以結構化的方式分發內容。它包含了豐富的元數據，如標題、鏈接、描述、發布日期等，使得訂閱者能夠快速瀏覽和訪問內容。 RSS2.0的優勢在於其簡潔和擴展性。例如，它允許自定義元素，這意味著開發者可以根據需求添加額外的信息，如作者、分類等。

理解RSS：XML觀點Apr 25, 2025 am 12:14 AM

RSS是一種基於XML的格式，用於發布經常更新的內容。 1.RSSfeed通過XML結構化組織信息，包括標題、鏈接、描述等。 2.創建RSSfeed需按照XML結構編寫，添加元數據如語言和發布日期。 3.高級用法可包含多媒體文件和分類信息。 4.調試時使用XML驗證工具，確保必需元素存在且編碼正確。 5.優化RSSfeed可通過分頁、緩存和保持結構簡潔來實現。通過理解和應用這些知識，可以有效管理和分發內容。

See all articles