ASP.NET 2.0 Web 部件連接架構深度解析與實作指南

ASP.NET 2.0 引入的 Web 部件架構為 Web 應用程式帶來了強大的個人化與元件化能力。本文深入探討 Web 部件連接機制，說明如何設計可互通的提供者與消費者部件，實現主從式資料呈現、一對多關聯查詢及表單篩選等實務情境。

Web 部件建立的兩種路徑

繼承 WebPart 類別（程式碼優先）

建立自訂類別繼承 System.Web.UI.WebControls.WebParts.WebPart，封裝於組件 DLL 中。此方式支援版本控制、重複使用與 Visual Studio 2005 設計工具整合，適合企業級元件開發。

使用使用者控制項（設計師優先）

拖放控制項快速建構 UI，適合快速原型開發。建議實作 IWebPart 介面，以便程式化設定 Title、TitleIconUrl 等屬性。範例採用 WebPartBase 基類繼承 UserControl 並實作 IWebPart：

Partial Class WebParts_Customers
    Inherits WebPartBase
    Sub New()
        Title = "Northwind Customer List"
        TitleIconImageUrl = "~\img\Customers.gif"
    End Sub
End Class

連接架構核心概念

提供者與消費者模型

• 提供者：實作介面並暴露資料（如 ICustomerIDProvider）。
• 消費者：宣告連接點接收資料。

ASP.NET 2.0 僅要求提供者實作介面，較 WSS 2.0 的雙向介面限制更靈活。

自訂介面範例

Public Interface ICustomerIDProvider
    ReadOnly Property CustomerID() As String
End Interface

實務應用情境

主從式資料呈現

客戶清單部件（提供者）連接客戶明細部件（消費者），傳遞 CustomerID 顯示詳細資訊。

一對多關聯查詢

客戶清單連接訂單清單部件，依選取客戶篩選訂單。

表單篩選查詢

篩選條件部件連接結果顯示部件，執行查詢前傳遞參數。

Northwind 範例實作要點

1. 建立 ICustomerIDProvider 介面定義契約。
2. 客戶清單部件實作介面，CustomerID 屬性回傳當前選取項目鍵值。
3. 客戶明細部件定義消費連接點，接收字串參數查詢資料。
4. 在頁面上透過 WebPartManager 與 WebPartZone 宣告靜態連接，或執行期動態建立。

進階優勢

• 介面定義完全由開發者掌控，不受預設介面限制。
• 支援複雜資料類型傳遞（陣列、自訂集合、DataTable 等）。
• 結合個人化儲存，使用者可自訂部件連接配置。

Web 部件連接將獨立元件編織成協作應用，是建構模組化、可擴充企業入口網站的關鍵技術。