C#發現之旅：高性能ASP.NET樹狀列表控件開發詳解（六）——XML與XSLT設計

節點XML文檔設計

在開發高性能ASP.NET樹狀列表Web控件時，採用XML/XSLT技術生成HTML代碼是核心思路。由於XML本身具有天然的樹狀結構特性，設計用於定義樹狀節點的XML文檔變得相對直觀簡單。雖然設計方案可以多種多樣，但本文採用以下結構作為示範：

<?XML version="1.0" encoding="utf-8"?>
<RootNodes>
  <Node>
    <Icon>customer.bmp</Icon>
    <Text>艾德高科技</Text>
    <Nodes>
      <Node>
        <Icon>order.bmp</Icon>
        <Text>10359 成先生</Text>
        <Nodes>
          <Node>
            <Icon>product.bmp</Icon>
            <Text>餅干</Text>
            <OnClick>alert('餅干')</OnClick>
            <Nodes />
          </Node>
          <Node>
            <Icon>product.bmp</Icon>
            <Text>溫馨奶酪</Text>
            <OnClick>alert('溫馨奶酪')</OnClick>
            <Nodes />
          </Node>
        </Nodes>
      </Node>
    </Nodes>
  </Node>
  <Node>
    <Icon>customer.bmp</Icon>
    <Text>霸力建設</Text>
    <Nodes>
      <Node>
        <Icon>order.bmp</Icon>
        <Text>10858 余小姐</Text>
        <Nodes>
          <Node>
            <Icon>product.bmp</Icon>
            <Text>海鮮粉</Text>
            <OnClick>alert('海鮮粉')</OnClick>
            <Nodes />
          </Node>
        </Nodes>
      </Node>
    </Nodes>
  </Node>
</RootNodes>

這個XML結構清晰地表達了層級關係：Node元素代表一個節點，包含Icon（圖標文件名）、Text（顯示文本）、OnClick（點擊事件腳本）以及Nodes（子節點集合）。根元素RootNodes承載第一層節點。

XSLT文檔設計

XSLT轉換文檔是該控件實現的關鍵複雜部分，負責將上述XML數據轉換為瀏覽器可渲染的HTML結構。後續章節將詳細剖析其模板匹配邏輯與輸出生成機制。

軟件組件說明

根據設計規劃，該控件項目包含以下核心文件：

• Default.aspx：演示樹狀列表控件的ASPX頁面。
• SkyTreeNode.cs：定義樹狀列表節點的類型類。
• SkyTreeNodeList.cs：定義節點集合類型。
• TreeViewNodeXML.aspx：為動態加載子節點提供XML數據服務的頁面。
• SkyTreeViewControl.bmp：工具箱中控件的圖標圖片。
• SkyTreeViewControl.cs：控件核心C#源代碼。
• SkyTreeViewControl.xslt：配套的XSLT轉換文件。
• SkyTreeViewControl_*.gif/bmp：渲染樹狀結構所需的各類小圖標資源。

這些文件協同工作，構建出一個高性能、可擴展的ASP.NET樹狀列表控件。