選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

XML 教程

XML 首頁 XML 簡介 XML 用途 XML 樹 XML 語法 XML 元素 XML 屬性 XML 名稱空間 XML 顯示 XML HttpRequest XML 解析器 XML DOM XML XPath XML XSLT XML XQuery XML XLink XML 驗證器 XML DTD XML Schema XML 伺服器 XML 示例 XML 測驗 XML 證書

XML AJAX

AJAX Introduction AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples

XML DOM

DOM Introduction DOM Nodes DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Navigating DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM Examples

XPath 教程

XPath Introduction XPath Nodes XPath Syntax XPath Axes XPath Operators XPath Examples

XSLT 教程

XSLT Introduction XSL Languages XSLT Transform XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT Apply XSLT on the Client XSLT on the Server XSLT Edit XML XSLT Examples

XQuery 教程

XQuery Introduction XQuery Example XQuery FLWOR XQuery HTML XQuery Terms XQuery Syntax XQuery Add XQuery Select XQuery Functions

XML DTD

DTD Introduction DTD Building Blocks DTD Elements DTD Attributes DTD Elements vs Attr DTD Entities DTD Examples

XSD Schema

XSD 簡介 XSD 操作指南 XSD <schema> XSD 元素 XSD 屬性 XSD 限制 XSD 複雜元素 XSD 空 XSD 僅元素 XSD 僅文字 XSD 混合 XSD 指示器 XSD <any> XSD <anyAttribute> XSD 替換 XSD 示例

XSD Data Types

XSD String XSD Date/Time XSD Numeric XSD Misc XSD Reference

Web Services

XML Services XML WSDL XML SOAP XML RDF XML RSS

參考手冊

DOM 節點型別 DOM 節點 DOM 節點列表 DOM NamedNodeMap DOM 文件 DOM 元素 DOM 屬性 DOM 文字 DOM CDATA DOM 註釋 DOM XMLHttpRequest DOM 解析器 XSLT 元素 XSLT/XPath 函式

XSLT - 編輯 XML


儲存在 XML 檔案中的資料可以透過 Internet 瀏覽器進行編輯。


開啟、編輯和儲存 XML

現在,我們將展示如何開啟、編輯和儲存儲存在伺服器上的 XML 檔案。

我們將使用 XSL 將 XML 文件轉換為 HTML 表單。XML 元素的值將被寫入 HTML 表單中的 HTML 輸入欄位。HTML 表單是可編輯的。編輯資料後,資料將提交回伺服器,並且 XML 檔案將被更新(我們將同時展示 PHP 和 ASP 的程式碼)。


XML 檔案和 XSL 檔案

首先,看一下 XML 文件 ("tool.xml")

<?xml version="1.0" encoding="UTF-8"?>
<tool>
  <field id="prodName">
    <value>HAMMER HG2606</value>
  </field>
  <field id="prodNo">
    <value>32456240</value>
  </field>
  <field id="price">
    <value>$30.00</value>
  </field>
</tool>

檢視 XML 檔案.

然後,看一下以下樣式表 ("tool.xsl")

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <form method="post" action="edittool.asp">
  <h2>工具資訊(編輯):</h2>
  <table border="0">
    <xsl:for-each select="tool/field">
    <tr>
      <td><xsl:value-of select="@id"/></td>
      <td>
      <input type="text">
      <xsl:attribute name="id">
        <xsl:value-of select="@id" />
      </xsl:attribute>
      <xsl:attribute name="name">
        <xsl:value-of select="@id" />
      </xsl:attribute>
      <xsl:attribute name="value">
        <xsl:value-of select="value" />
      </xsl:attribute>
      </input>
      </td>
    </tr>
    </xsl:for-each>
  </table>
  <br />
  <input type="submit" id="btn_sub" name="btn_sub" value="Submit" />
  <input type="reset" id="btn_res" name="btn_res" value="Reset" />
  </form>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

檢視 XSL 檔案.

上面的 XSL 檔案遍歷 XML 檔案中的元素,併為每個 XML "field" 元素建立一個輸入欄位。XML "field" 元素的 "id" 屬性的值被新增到每個 HTML 輸入欄位的 "id" 和 "name" 屬性中。每個 XML "value" 元素的值被新增到每個 HTML 輸入欄位的 "value" 屬性中。結果是一個可編輯的 HTML 表單,其中包含 XML 檔案中的值。

然後,我們有第二個樣式表:"tool_updated.xsl"。這是用於顯示更新的 XML 資料的 XSL 檔案。此樣式表不會生成可編輯的 HTML 表單,而是生成一個靜態 HTML 表格。

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>更新的工具資訊:</h2>
  <table border="1">
    <xsl:for-each select="tool/field">
    <tr>
      <td><xsl:value-of select="@id" /></td>
      <td><xsl:value-of select="value" /></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

檢視 XSL 檔案.



PHP 檔案

在上面的 "tool.xsl" 檔案中,將 HTML 表單的 action 屬性更改為 "edittool.php"。

"edittool.php" 頁面包含兩個函式:loadFile() 函式載入並轉換 XML 檔案以供顯示,updateFile() 函式將更改應用於 XML 檔案。

<?php
function loadFile($xml, $xsl)
{
$xmlDoc = new DOMDocument();
$xmlDoc->load($xml);

$xslDoc = new DOMDocument();
$xslDoc->load($xsl);

$proc = new XSLTProcessor();
$proc->importStyleSheet($xslDoc);
echo $proc->transformToXML($xmlDoc);
}

function updateFile($xml)
{
$xmlLoad = simplexml_load_file($xml);
$postKeys = array_keys($_POST);

foreach($xmlLoad->children() as $x)
{
  foreach($_POST as $key=>$value)
  {
    if($key == $x->attributes())
    {
      $x->value = $value;
    }
  }
}

$xmlLoad->asXML($xml);
loadFile($xml,"tool_updated.xsl");
}

if($_POST["btn_sub"] == "")
{
  loadFile("tool.xml", "tool.xsl");
}
else
{
  updateFile("tool.xml");
}
?>

提示:如果您不知道如何編寫 PHP,請學習我們的 PHP 教程

注意:我們正在伺服器上執行轉換並將更改應用於 XML 檔案。這是一個跨瀏覽器解決方案。客戶端將只從伺服器獲取 HTML - 這將在任何瀏覽器中工作。


ASP 檔案

上面 "tool.xsl" 檔案中的 HTML 表單有一個 action 屬性,其值為 "edittool.asp"。

"edittool.asp" 頁面包含兩個函式:loadFile() 函式載入並轉換 XML 檔案以供顯示,updateFile() 函式將更改應用於 XML 檔案。

<%
function loadFile(xmlfile,xslfile)
Dim xmlDoc,xslDoc
'載入 XML 和 XSL 檔案
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)
set xslDoc = Server.CreateObject("Microsoft.XMLDOM")
xslDoc.async = false
xslDoc.load(xslfile)
'轉換檔案
Response.Write(xmlDoc.transformNode(xslDoc))
end function

function updateFile(xmlfile)
Dim xmlDoc,rootEl,f
Dim i
'載入 XML 檔案
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.async = false
xmlDoc.load(xmlfile)

'將 rootEl 變數設定為根元素
Set rootEl = xmlDoc.documentElement

'遍歷表單集合
for i = 1 To Request.Form.Count
  '消除表單中的按鈕元素
  if instr(1,Request.Form.Key(i),"btn_")=0 then
    'selectSingleNode 方法查詢 XML 檔案以查詢匹配查詢的單個節點
    '此查詢請求是具有與表單集合中當前鍵值匹配的 id 屬性的 field 元素的 value 子元素。當匹配時 -
    '將 text 屬性設定為表單集合中當前欄位的值。
    '設定文字屬性等於表單集合中當前欄位的值。
    '將 text 屬性設定為表單集合中當前欄位的值。
    '將 text 屬性設定為表單集合中當前欄位的值。
    set f = rootEl.selectSingleNode("field[@id='" & _
    Request.Form.Key(i) & "']/value")
    f.Text = Request.Form(i)
  end if
next

'儲存修改後的 XML 檔案
xmlDoc.save xmlfile

'釋放所有物件引用
set xmlDoc=nothing
set rootEl=nothing
set f=nothing

'使用樣式表載入修改後的 XML 檔案,該樣式表
'允許客戶端檢視編輯後的資訊
loadFile xmlfile,server.MapPath("tool_updated.xsl")
end function

'如果表單已提交,則更新 XML 檔案並顯示結果
' - 否則,轉換 XML 檔案以進行編輯
if Request.Form("btn_sub")="" then
  loadFile server.MapPath("tool.xml"),server.MapPath("tool.xsl")
else
  updateFile server.MapPath("tool.xml")
end if
%>

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援