伺服器端轉換

ASP.NET WebForms + XSLT 轉換

流程

  1. C# 後端從資料庫取得XML字串(學生資料)
  2. 把XML字串載入 MemoryStream,建立 XPathDocument
  3. 讀取專案實體路徑下的 student.xsl 樣式表
  4. 透過 XslCompiledTransform 執行XSLT轉換,輸出HTML字串
  5. 將產生的HTML交給前端頁面渲染(可自行實作;XSL不僅可用於網頁,也可做為樣板引擎)

完整XML內容請自行準備

student.xsl 檔案

請將檔案放置到專案內

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <!-- 指定輸出HTML、編碼UTF‑8,解決中文亂碼 -->
    <xsl:output method="html" encoding="UTF-8" indent="yes"/>

    <xsl:template match="/">
        <html>
            <head>
                <meta charset="UTF-8"/>
                <title>學生清單</title>
            </head>
            <body>
                <ul>
                    <!-- 對應XML路徑:根節點→StudentDB→學生 -->
                    <xsl:for-each select="StudentDB/學生">
                        <li>
                            編號:<xsl:value-of select="position()"/>
                            姓名:<xsl:value-of select="姓名"/>
                        </li>
                    </xsl:for-each>
                </ul>
            </body>
        </html>
    </xsl:template>
</xsl:stylesheet>Code language: HTML, XML (xml)

C# 轉換程式

using System;
using System.Text;
using System.IO;
using System.Xml.XPath;
using System.Xml.Xsl;

namespace XslDemo.Web
{
    public partial class Default : System.Web.UI.Page
    {
        protected string studentHtml = string.Empty;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                //1. 從BLL層取得資料庫回傳的XML字串
                string xml = new BLL.student().GetAllListXml();
                byte[] arr = Encoding.UTF8.GetBytes(xml);
                using (MemoryStream stream = new MemoryStream(arr))
                {
                    XPathDocument xpd = new XPathDocument(stream);
                    string xslPath = Context.Server.MapPath("/student.xsl");

                    // 檢查XSL檔案是否存在
                    if (!File.Exists(xslPath))
                    {
                        studentHtml = "XSL樣式檔不存在!";
                        return;
                    }

                    XslCompiledTransform tran = new XslCompiledTransform();
                    tran.Load(xslPath);

                    StringBuilder sb = new StringBuilder();
                    tran.Transform(xpd, null, new StringWriter(sb));

                    // 【重點】指派給頁面變數
                    studentHtml = sb.ToString();
                }
            }
        }
    }
}Code language: C# (cs)

若要輸出到aspx,可透過佔位符方式輸出

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="XslDemo.Web.Default" %>
<!DOCTYPE html>
<html>
<body>
    <%--輸出XSLT轉換後的HTML內容--%>
    <%=studentHtml %>
</body>
</html>Code language: HTML, XML (xml)

伺服器端轉換

Previous:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *