逐步解說：使用 ListView Web 伺服器控制項修改資料

發行項
08/21/2008

更新：2007 年 11 月

ASP.NET ListView 控制項的內建功能，讓使用者不需撰寫程式即可插入、編輯或刪除資料錄。

本逐步解說示範如何使用 ListView 控制項以顯示和更新資料。本逐步解說使用 SqlDataSource 控制項從資料來源擷取結果並管理更新。SqlDataSource 控制項可當做 ListView 控制項的資料來源。

逐步解說將說明的工作包括：

將資料庫所傳回的資料顯示在 ListView 控制項中。
將編輯、插入和刪除資料錄的功能加入至 ListView 控制項。

必要條件

若要完成這個逐步解說，您必須要有：

Visual Studio 2008 或 Visual Web Developer 2008 Express 版。
存取 SQL Server AdventureWorks 資料庫。如需下載並安裝 SQL Server 範例 AdventureWorks 資料庫的詳細資訊，請參閱 Microsoft SQL Server 網站上的安裝 Express Edition 的範例資料庫 (英文)。

注意事項：

如果您需要如何登入執行 SQL Server 之電腦的相關資訊，請聯繫伺服器管理員。
可以存取 AdventureWorks 資料庫的 SQL Server 帳戶使用者名稱和密碼。

注意事項：
如果您需要如何登入執行 SQL Server 之電腦的相關資訊，請聯繫伺服器管理員。

建立網站

如果您已經建立了網站 (例如，完成了逐步解說：在 Visual Web Developer 中建立基本 Web 網頁)，就可以使用該網站並繼續至下一節。否則，請依照下列步驟建立新的網站和 Web 網頁。

若要建立檔案系統網站

開啟 Visual Studio 2008 或 Visual Web Developer 2008 Express 版。
在 [檔案] 功能表上按一下 [新增]，然後按一下 [網站]。如果您使用 Visual Web Developer 2008 Express 版，請按一下 [檔案] 功能表上的 [新網站]。

[新網站] 對話方塊便會顯示。
按一下 [Visual Studio 安裝的範本] 之下的 [ASP.NET 網站]。
請在第一個 [位置] 方塊中，選取 [檔案系統]，然後在第二個方塊中輸入要用來保存網站頁面的資料夾名稱。

例如，輸入資料夾名稱 C:\WebSites\ModifyData。
在 [語言] 清單中，按一下您想要使用的程式語言。
按一下 [確定]。

Visual Studio 會建立資料夾和名稱為 Default.aspx 的新頁面。

讓使用者使用 ListView 控制項修改資料

在本節中，您要將 ListView 控制項加入至頁面，並設定控制項以顯示和修改 AdventureWorks 資料庫的 Department 資料表中的資料。

若要在 ListView 控制項中顯示和修改資料

如果網站沒有 App_Data 資枓夾，請在 [方案總管] 中以滑鼠右鍵按一下專案，然後按一下 [加入 ASP.NET 資料夾]，再按一下 [App_Data]。
在 [方案總管] 中，以滑鼠右鍵按一下 [App_Data] 資料夾，然後按一下 [加入現有項目]。

[加入現有項目] 對話方塊隨即出現。

輸入安裝 AdventureWorks 資料庫檔案的位置 (AdventureWorks_Data.mdf)。

根據預設，.mdf 檔案的安裝路徑是 C:\Program Files\Microsoft SQL Server\MSSQL.1\MSSQL\Data\AdventureWorks_Data.mdf。

注意事項：
這個程序會建立專案中資料庫檔案的複本。資料庫檔案很大。如果不方便製作資料庫複本，您可以使用替代方法連接至資料庫，例如直接附加資料庫檔案。但是，本逐步解說不提供這個程序的說明。

切換至 Default.aspx 檔案或開啟它。
切換至 [設計] 檢視。
從 [工具箱] 的 [資料] 索引標籤，將 ListView 控制項拖曳到網頁上。
在 [一般ListView 工作] 功能表上，按一下 [選擇資料來源] 下拉式清單中的 [<新增資料來源>]。

[資料來源組態] 精靈隨即出現。
按一下 [資料庫]。

這會指定您要從支援 SQL 陳述式的資料庫中取得資料，包括 SQL Server 和其他 OLE-DB 相容資料庫。
在 [指定資料來源的 ID] 方塊中，會顯示預設的資料來源控制項名稱 [SqlDataSource1]。您可以保留這個名稱。
按一下 [確定]。

[設定資料來源] 精靈便會顯示。
在 [您的應用程式應該使用哪個資料連接來連接資料庫?] 之下，選取清單中的 AdventureWorks_Data.mdf。
按 [下一步]。

精靈會顯示一個頁面，您可以在該頁面中選擇將連接字串儲存在組態檔中。在組態檔中儲存連接字串有兩個優點：
- 這麼做比將它儲存在頁面裡來得安全。
- 您可以在多個頁面中使用相同的連接字串。
請確定已選取 [是，將這個連接儲存為] 核取方塊，然後按 [下一步]您可以保留預設的連接字串名稱。

此精靈會顯示一個頁面，您可以在此指定要從資料庫擷取哪些資料。

選取 [指定自訂 SQL 陳述式或預存程序] 選項。

設定 Select 陳述式

注意事項：
一般而言，您要使用的選項是 [指定資料表或檢視的資料行]。但是，因為 AdventureWorks 資料庫有結構描述名稱，所以在本逐步解說中，您要建立自訂 SQL 陳述式。

按 [下一步]。
在 [定義自訂陳述式或預存程序] 頁面中，輸入下列 SQL 查詢以擷取 [AdventureWorks] 資料庫中的部門資料。
```
SELECT  DepartmentID, Name, GroupName 
FROM    HumanResources.Department
```
您也可以按一下 [查詢產生器] 並使用 [查詢產生器] 建立查詢，然後使用 [執行查詢] 按鈕驗證查詢。
按一下 [更新] 索引標籤，然後輸入下列 SQL 查詢以更新 [AdventureWorks] 資料庫中的部門資料。
```
UPDATE HumanResources.Department 
SET    Name = @Name, GroupName = @GroupName 
WHERE  (DepartmentID = @DepartmentID)
```
按一下 [插入] 索引標籤，然後輸入下列 SQL 查詢，在 [AdventureWorks] 資料庫中插入部門資料。
```
INSERT INTO HumanResources.Department(Name, GroupName)
VALUES (@Name, @GroupName)
```
按一下 [刪除] 索引標籤然後輸入下列 SQL 查詢，以刪除 [AdventureWorks] 資料庫中的部門資料。
```
DELETE FROM HumanResources.Department WHERE (DepartmentID = @DepartmentID)
```
按 [下一步]。
按一下 [測試查詢]，確認擷取的資料是您所要的。
按一下 [完成]。

精靈會建立 SqlDataSource 控制項並將其加入至頁面。您先前所加入的 ListView 控制項會繫結至 SqlDataSource 控制項。
以滑鼠右鍵按一下 ListView 控制項，然後按一下 [顯示智慧標籤]。
按一下 [ListView 工作] 功能表上的 [設定 ListView]。

[設定 ListView] 對話方塊隨即出現。
選取 [選項] 之下的 [啟用編輯]、[啟用插入] 和 [啟用刪除] 核取方塊。

注意事項：

您可能也想要選取更方便檢視資料的其他樣式。若要這麼做，請在 [選取樣式] 之下選取一個樣式，例如 [繽紛]。
按一下 [確定]。