上門編程教學課程內容
課程簡介
本課程專為希望快速掌握 XSLT(Extensible Stylesheet Language Transformations) 技術的開發者設計。透過三小時濃縮教學,學員將學會以 XSLT 將 XML 資料轉換(Transform) 成 HTML、JSON、文字或其他 XML 結構的能力。
XSLT 是 XML 生態系中用於資料格式轉換與展示邏輯控制的重要技術,常應用於 前端資料呈現、系統整合、文件產生與標準交換格式開發。本課程將以實作為主軸,從基礎語法、XPath 選擇規則到條件與迴圈轉換,幫助學員在短時間內能運用 XSLT 進行實際專案開發。
適合對象:
學習成果:
課程時長
3 小時(180 分鐘)
理論講解與實作操作比例約 3 : 7
課程大綱
第一部份:XSLT 概論與運作原理(30 分鐘)
-
XML 與 XSLT 的關係與角色
-
XSLT 的用途與適用場景(前端展示/資料整合/報表輸出)
-
XSLT 處理架構概覽(XML Parser + XSLT Processor)
-
開發環境與工具介紹(VS Code、Oxygen XML、Saxon/Xalan)
-
實作:建立第一個 XSLT 樣式表,將 XML 轉換為 HTML 頁面
第二部份:XSLT 語法基礎與模板運作(40 分鐘)
-
XSLT 文件結構說明(xsl:stylesheet、xsl:template)
-
節點選擇與匹配(match、select 屬性)
-
XSLT 處理流程:Template + XPath + Output
-
XSLT 常用元素介紹:xsl:value-of、xsl:apply-templates、xsl:for-each
-
實作範例:將 XML 中的產品清單輸出為 HTML 表格
第三部份:XPath 與條件運算應用(40 分鐘)
第四部份:高階功能與輸出控制(40 分鐘)
-
輸出設定(xsl:output:HTML、text、XML、JSON)
-
變數與參數使用(xsl:variable、xsl:param)
-
模板呼叫(xsl:call-template、xsl:with-param)
-
動態屬性與連結輸出技巧(xsl:attribute、xsl:text)
-
實作練習:以模板生成多層次巢狀 HTML 頁面或 JSON 結構
第五部份:綜合實作與延伸應用(30 分鐘)
-
專案範例:將學生資料 XML 轉換成成績單報表 HTML
-
多文件合併與外部資源匯入(document() function)
-
XSLT 與 CSS、JavaScript 的整合應用
-
XSLT 2.0 / 3.0 新特性簡介(函數、正則支援、JSON 模型)
-
延伸學習方向:XQuery、XProc、XML Schema 應用
課程特色