使用 Visual Studio 建立視覺化 Web Part

視覺化 Web Part 提供設計工具拖拉控制項，開發體驗接近 ASP.NET Web Forms。本文示範建立顯示球員統計資料的視覺化 Web Part。

1. 準備自訂清單 Stats 並填入測試資料。
2. 建立空白 SharePoint 專案 SmallvilleVisualWPProject，新增「視覺化 Web 組件」PlayerStats。
3. 新增類別 PlayerStat 定義屬性（playerName, gamesPlayed, numOfGoals 等）。
4. 於 PlayerStatsUserControl.ascx 設計介面：放置 GridView、ObjectDataSource 等控制項。
5. 於 PlayerStatsUserControl.ascx.cs 撰寫資料存取邏輯（使用 SSOM 讀取清單資料填充 List<PlayerStat>）。
6. 部署並加入頁面測試。

視覺化 Web Part 將使用者介面與邏輯分離，適合複雜 UI 需求，降低手寫 HTML/控制項樹的負擔。