DB2 9 與 ASP.NET 2.0 搭建主從式 Web 應用：GridView + DetailsView 零程式碼實作

環境準備

• DB2 9 (含 SAMPLE 資料庫)
• Visual Studio 2005 / ASP.NET 2.0
• IBM DB2 .NET Provider (隨 DB2 安裝)

建立示範資料表

-- DEPT1
CREATE TABLE DEPT1 (
  DEPTNO CHAR(10) NOT NULL PRIMARY KEY,
  DNAME  VARCHAR(50),
  LOCATION VARCHAR(10)
);

-- EMP1
CREATE TABLE EMP1 (
  EMPNO  CHAR(10) NOT NULL PRIMARY KEY,
  ENAME  VARCHAR(40),
  DEPTNO CHAR(10),
  SALARY DECIMAL(10,2),
  EMAIL  VARCHAR(50),
  FOREIGN KEY (DEPTNO) REFERENCES DEPT1(DEPTNO)
);

-- 範例資料
INSERT INTO DEPT1 VALUES ('10','IT','BLR'), ('20','MKT','HYD'), ('30','FIN','CHE'), ('40','HR','DEL');
INSERT INTO EMP1 VALUES ('1','Anil Mahadev','10',100000,'anilm001@gmail.com'),
                        ('2','James Brown','10',10000,'jamesb@gmail.com'),
                        ('3','Jane Doe','20',10000,'janed@gmail.com'),
                        ('4','Michelle Cooper','20',200000,'michellec@gmail.com');

權限設定：將 ASPNET 帳號加入 DB2USERS 群組

1. 控制台 → 管理工具 → 電腦管理 → 本地用戶和群組 → 群組 → DB2USERS
2. 加入 ASPNET 與開發者 Windows 帳號
3. 開發者帳號亦需在 Debuggers Users 群組 (VS 安裝預設已加入)

圖1：電腦管理

圖2：DB2USERS 群組

圖3：尋找 ASPNET 帳號

圖4：加入 ASPNET 至 DB2USERS

圖5：完成加入

圖6：ASPNET 已在 DB2USERS

圖7：開發者已在 Debuggers Users

Visual Studio 2005 建立零程式碼主從頁面

1. 新增 ASP.NET 網站 (C# 或 VB)
2. 切換到「設計」檢視
3. 工具箱「資料」→ 拉 GridView、DetailsView 至頁面

圖8：新增網站對話框

圖9：GridView 與 DetailsView

配置 GridView (主檔：部門)

1. GridView 智慧標籤 → 「選擇資料來源」→ 「新增資料來源」→ 「資料庫」→ 命名 DB2Conn
2. 選擇/建立 DB2 連線 (伺服器總管整合)
3. 選擇 DEPT1 表，* 全部欄位 → 完成

圖10：資料來源配置視窗

圖11：預設連線視窗

圖12：選擇 DEPT1 表

配置 DetailsView (從檔：員工)

1. DetailsView 智慧標籤 → 「選擇資料來源」→ 「新增資料來源」→ 同樣連線
2. 選擇 EMP1 表 → 「WHERE」按鈕
3. 條件：DEPTNO = 來源：「控制項」→ GridView1 → 「加入」→ 完成

圖13：DetailsView WHERE 條件配置

執行與效果

• F5 執行，頁面顯示部門清單 (GridView)
• 點選部門列的「選取」連結，DetailsView 即顯示該部門員工明細

圖14：設計檢視最終效果

圖15：完整主從應用執行畫面

結語

透過 ASP.NET 2.0 內建 GridView、DetailsView 與 DB2 9 整合，無需撰寫任何 ADO.NET 程式碼即可快速建構主從式 Web 應用，展現 DB2 對 .NET 平台的原生支援優勢。