逐步解說：使用 SQL Server Express 和 Visual Web Developer 2005 Express 建立應用程式

  • 發行項

這個案例說明如何建置使用 SQL Server 2005 Express Edition (SQL Server Express) 的簡單 ASP .NET Web 應用程式。

必要條件

工作

安裝 Northwind 資料庫

  1. 從 Northwind 網站下載 Northwind 範例資料庫的安裝指令碼。

  2. 執行您所下載的 SQL2000SampleDb.msi 檔案。它會將安裝指令碼安裝在 C:\SQL Server 2000 Sample Databases 資料夾。

  3. 安裝完成後，開啟命令提示字元：在 [開始] 功能表中按一下 [執行]，輸入 cmd，然後按一下 [確定]。

  4. 在命令提示字元中，輸入：

    cd C:\SQL Server 2000 Sample Databases

    然後按 ENTER。

  5. 在命令提示字元中，輸入：

    sqlcmd -S .\SQLExpress -i instnwnd.sql

    然後按 ENTER。

    sqlcmd 工具會回報 Northwind 資料庫的安裝進度，然後將控制權還給命令提示字元。

使用 sqlcmd 公用程式驗證安裝

  1. 若要驗證資料庫的安裝，請從命令提示字元輸入下列命令：

    sqlcmd -S .\SQLExpress

    然後按 ENTER。

  2. 從 sqlcmd 工具提示，輸入下列三個命令：

    Use Northwind
Select name from sys.Tables
Go

  3. 您會看到 sqlcmd 工具顯示的下列輸出：

    變更 'Northwind' 的資料庫內容。

    name

    -----------------------------------------------

    Customers

    Shippers

    Suppliers

    Orders

    Products

    Order Details

    CustomerCustomerDemo

    CustomerDemographics

    Region

    Territories

    EmployeeTerritories

    Employees

    Categories

    (共影響 13 個資料列)

  4. 從 sqlcmd 工具提示，輸入下列兩個命令：

    Select * from Customers

    Go

  5. 您會在 [客戶] 資料表中看到所有資訊的清單。讓這個命令提示字元視窗保持開啟，供您在此逐步解說的後續步驟中使用。

建立新網站

  1. 開啟 Visual Web Developer 2005 Express Edition。

  2. 在 [檔案] 功能表上，選擇 [新網站]。

  3. 選取開發語言 ([Visual Basic]、[Visual C#] 或 [Visual J#])、選取 [ASP .NET 網站]，接著在 [位置] 方塊中提供網站的名稱和位置，然後按一下 [確定]。這個範例使用 myWebSite 做為網站名稱，並將網站建立在 C:\Websites 目錄中。

  4. Visual Web Developer 2005 Express 會建置新網站，並在原始檔 (HTML) 檢視中顯示 Default.aspx 頁面。

將 UI 加入網頁

  1. 按一下 Default.aspx 程式碼畫面左下角的 [設計]。

  2. 從 [工具箱] 中選取 [資料] 索引標籤。

  3. 在 [工具箱] 的 [資料] 索引標籤底下，將 GridView 物件拖曳到 Default.aspx 的設計工具檢視。

將網頁繫結至資料來源

  1. 在 [GridView 工作] 對話方塊 (當您將 GridView 加入網頁時，這個對話方塊會自動出現) 的 [選擇資料來源] 之下，選取 [<新資料來源>]。

  2. 在 [資料來源組態] 對話方塊中，選擇 [資料庫]，輸入 MyNwndDataSource 做為 ID，然後按一下 [確定]。

  3. 在 [選擇資料連接] 畫面上，按一下 [新增連接]。

  4. 在 [選擇資料來源] 中，選取 Microsoft SQL Server。

    1. 在 [資料提供者] 下，選取 [.NET Framework Data Provider for SQL Server]。
    2. 按一下 [繼續]。

  5. 在 [加入連接] 中，輸入已安裝 SQL Server Express 的伺服器名稱，後面加上反斜線 (\) 和執行個體名稱。例如，如果 SQL Server Express 安裝在預設位置 (也就是 SQLExpress 具名執行個體)，而且與 Visual Studio 安裝在同一部電腦，您應該輸入 Servername\SQLExpress 或 .\SQLExpress。

    1. 選取 [使用 Windows 驗證]。
    2. 從 [選取或輸入資料庫名稱] 下拉式清單中，選取 [Northwind]。
    3. 按一下 [測試連接]。此時會出現確認連接的對話方塊。按一下 [確定]。
    4. 按一下 [確定]，儲存新連接。

  6. 在 [選擇資料連接] 中，按 [下一步]。

  7. 在 [將連接字串儲存到應用程式組態檔] 對話方塊中，選擇儲存連接字串，並將它命名為 myNwndConnection。按 [下一步]。

  8. 在 [設定 Select 陳述式] 中，選取您要在這個應用程式中使用的資料。確定已選取 [指定資料表或檢視的資料行]，從 [名稱] 下拉式清單選擇 [客戶] 資料表，再選取下列資料行：

    1. CustomerID
    2. CompanyName
    3. ContactName
    4. Country
    5. Phone

  9. 在 [設定 Select 陳述式] 中，按一下 [進階]。在 [進階 SQL 產生選項] 對話方塊中，選取 [產生 Insert、Update 和 Delete 陳述式]，然後按一下 [確定]。

  10. 按 [下一步]。

  11. 在 [測試查詢] 視窗中，按一下 [測試查詢]，確認已經傳回適當資料，並顯示在資料格中。按一下 [完成]。

  12. 此時您會回到網頁設計工具檢視，並且 GridView 也會顯示所要使用的資料行 (內含假造的資料)。

測試網站

  1. 按一下 [開始] 或按 F5，在偵錯模式下建置並部署網站。如果出現提示要求您加入或修改 Web.config 檔以啟用偵錯，請選擇這樣做，然後按一下 [確定]。

  2. 此時 Internet Explorer 會開啟並顯示網頁。在網頁上，您會看到 GridView 以及所選取之 Northwind 資料表的資料。

ms165732.note(zh-tw,SQL.90).gif附註：
如果網頁未正確載入，請檢查網頁瀏覽器的 Proxy 設定。正確的設定應該是略過本機位址的 Proxy 伺服器。

將其他功能加入網頁

  1. 關閉 Internet Explorer。此時 Visual Web Developer 2005 Express Edition 會結束「偵錯」模式，並將控制權還給網頁開發。

  2. 在設計工具中，按一下 GridView。按一下顯示在 GridView 右上角的小箭頭。這會顯示 [GridView 工作] 對話方塊。

  3. 按一下 [自動格式化]，選擇所需格式，然後按一下 [確定]。

  4. 按一下 [加入新資料行]。

  5. 在 [加入欄位] 對話方塊中，選擇 [CommandField] 做為欄位類型。選擇 [按鈕] 按鈕類型，然後選取 [編輯/更新]。確定 [顯示取消按鈕] 也已經啟用。按一下 [確定]。

  6. GridView 現在會顯示一個包含 [編輯] 按鈕的新資料行。

  7. 在 [GridView 工作] 中，選取 [啟用分頁] 和 [啟用排序]。

測試網站

  1. 按一下 [開始] 或按 F5，重建網站。

  2. 在網頁上測試資料行排序與分頁。按一下任何資料行標頭，即可依遞增或遞減順序對資料行進行排序。

  3. 對 DataGrid 中的任何資料列按一下 [編輯]。請注意，您可以變更所有資料行的值，但 CustomerID 除外，因為它是主索引鍵，不能更改。

  4. 在您選取的資料列中輸入新的值，變更資料列的 CompanyName 值。完成後，對該資料列按一下 [更新]。

    此時系統會將您所做的變更寫入 SQL Server Express，並以新資訊更新 GridView。

驗證資料庫

  1. 在已經開啟的命令提示字元視窗中，輸入下列三個命令：

    Use Northwind
Select CompanyName from Customers
Go

    此時 sqlcmd 工具會列出每個客戶的公司名稱。您應該會看到變更過的 CompanyName 值。