逐步解說:使用 SQL Server Express 和 Visual Web Developer 2005 Express 建立應用程式
這個案例說明如何建置使用 SQL Server 2005 Express Edition (SQL Server Express) 的簡單 ASP .NET Web 應用程式。
必要條件
- 您已經安裝 SQL Server Express。如需詳細資訊,請參閱<安裝 SQL Server Express>。
- 您已經安裝 Visual Web Developer 2005 Express Edition。如需有關如何下載產品的詳細資訊,請參閱<Visual Web Developer 2005 Express Edition>。
工作
安裝 Northwind 資料庫
從 Northwind 網站下載 Northwind 範例資料庫的安裝指令碼。
執行您所下載的 SQL2000SampleDb.msi 檔案。它會將安裝指令碼安裝在 C:\SQL Server 2000 Sample Databases 資料夾。
安裝完成後,開啟命令提示字元:在 [開始] 功能表中按一下 [執行],輸入
cmd
,然後按一下 [確定]。在命令提示字元中,輸入:
cd C:\SQL Server 2000 Sample Databases
然後按 ENTER。
在命令提示字元中,輸入:
sqlcmd -S .\SQLExpress -i instnwnd.sql
然後按 ENTER。
sqlcmd 工具會回報 Northwind 資料庫的安裝進度,然後將控制權還給命令提示字元。
使用 sqlcmd 公用程式驗證安裝
若要驗證資料庫的安裝,請從命令提示字元輸入下列命令:
sqlcmd -S .\SQLExpress
然後按 ENTER。
從 sqlcmd 工具提示,輸入下列三個命令:
Use Northwind Select name from sys.Tables Go
您會看到 sqlcmd 工具顯示的下列輸出:
變更 'Northwind' 的資料庫內容。
name
-----------------------------------------------
Customers
Shippers
Suppliers
Orders
Products
Order Details
CustomerCustomerDemo
CustomerDemographics
Region
Territories
EmployeeTerritories
Employees
Categories
(共影響 13 個資料列)
從 sqlcmd 工具提示,輸入下列兩個命令:
Select * from Customers
Go
您會在 [客戶] 資料表中看到所有資訊的清單。讓這個命令提示字元視窗保持開啟,供您在此逐步解說的後續步驟中使用。
建立新網站
開啟 Visual Web Developer 2005 Express Edition。
在 [檔案] 功能表上,選擇 [新網站]。
選取開發語言 ([Visual Basic]、[Visual C#] 或 [Visual J#])、選取 [ASP .NET 網站],接著在 [位置] 方塊中提供網站的名稱和位置,然後按一下 [確定]。這個範例使用 myWebSite 做為網站名稱,並將網站建立在 C:\Websites 目錄中。
Visual Web Developer 2005 Express 會建置新網站,並在原始檔 (HTML) 檢視中顯示 Default.aspx 頁面。
將 UI 加入網頁
按一下 Default.aspx 程式碼畫面左下角的 [設計]。
從 [工具箱] 中選取 [資料] 索引標籤。
在 [工具箱] 的 [資料] 索引標籤底下,將 GridView 物件拖曳到 Default.aspx 的設計工具檢視。
將網頁繫結至資料來源
在 [GridView 工作] 對話方塊 (當您將 GridView 加入網頁時,這個對話方塊會自動出現) 的 [選擇資料來源] 之下,選取 [<新資料來源>]。
在 [資料來源組態] 對話方塊中,選擇 [資料庫],輸入
MyNwndDataSource
做為 ID,然後按一下 [確定]。在 [選擇資料連接] 畫面上,按一下 [新增連接]。
在 [選擇資料來源] 中,選取 Microsoft SQL Server。
- 在 [資料提供者] 下,選取 [.NET Framework Data Provider for SQL Server]。
- 按一下 [繼續]。
在 [加入連接] 中,輸入已安裝 SQL Server Express 的伺服器名稱,後面加上反斜線 (\) 和執行個體名稱。例如,如果 SQL Server Express 安裝在預設位置 (也就是 SQLExpress 具名執行個體),而且與 Visual Studio 安裝在同一部電腦,您應該輸入
Servername\SQLExpress
或.\SQLExpress
。- 選取 [使用 Windows 驗證]。
- 從 [選取或輸入資料庫名稱] 下拉式清單中,選取 [Northwind]。
- 按一下 [測試連接]。此時會出現確認連接的對話方塊。按一下 [確定]。
- 按一下 [確定],儲存新連接。
在 [選擇資料連接] 中,按 [下一步]。
在 [將連接字串儲存到應用程式組態檔] 對話方塊中,選擇儲存連接字串,並將它命名為
myNwndConnection
。按 [下一步]。在 [設定 Select 陳述式] 中,選取您要在這個應用程式中使用的資料。確定已選取 [指定資料表或檢視的資料行],從 [名稱] 下拉式清單選擇 [客戶] 資料表,再選取下列資料行:
- CustomerID
- CompanyName
- ContactName
- Country
- Phone
在 [設定 Select 陳述式] 中,按一下 [進階]。在 [進階 SQL 產生選項] 對話方塊中,選取 [產生 Insert、Update 和 Delete 陳述式],然後按一下 [確定]。
按 [下一步]。
在 [測試查詢] 視窗中,按一下 [測試查詢],確認已經傳回適當資料,並顯示在資料格中。按一下 [完成]。
此時您會回到網頁設計工具檢視,並且 GridView 也會顯示所要使用的資料行 (內含假造的資料)。
測試網站
按一下 [開始] 或按 F5,在偵錯模式下建置並部署網站。如果出現提示要求您加入或修改 Web.config 檔以啟用偵錯,請選擇這樣做,然後按一下 [確定]。
此時 Internet Explorer 會開啟並顯示網頁。在網頁上,您會看到 GridView 以及所選取之 Northwind 資料表的資料。
附註: |
---|
如果網頁未正確載入,請檢查網頁瀏覽器的 Proxy 設定。正確的設定應該是略過本機位址的 Proxy 伺服器。 |
將其他功能加入網頁
關閉 Internet Explorer。此時 Visual Web Developer 2005 Express Edition 會結束「偵錯」模式,並將控制權還給網頁開發。
在設計工具中,按一下 GridView。按一下顯示在 GridView 右上角的小箭頭。這會顯示 [GridView 工作] 對話方塊。
按一下 [自動格式化],選擇所需格式,然後按一下 [確定]。
按一下 [加入新資料行]。
在 [加入欄位] 對話方塊中,選擇 [CommandField] 做為欄位類型。選擇 [按鈕] 按鈕類型,然後選取 [編輯/更新]。確定 [顯示取消按鈕] 也已經啟用。按一下 [確定]。
GridView 現在會顯示一個包含 [編輯] 按鈕的新資料行。
在 [GridView 工作] 中,選取 [啟用分頁] 和 [啟用排序]。
測試網站
按一下 [開始] 或按 F5,重建網站。
在網頁上測試資料行排序與分頁。按一下任何資料行標頭,即可依遞增或遞減順序對資料行進行排序。
對 DataGrid 中的任何資料列按一下 [編輯]。請注意,您可以變更所有資料行的值,但 CustomerID 除外,因為它是主索引鍵,不能更改。
在您選取的資料列中輸入新的值,變更資料列的 CompanyName 值。完成後,對該資料列按一下 [更新]。
此時系統會將您所做的變更寫入 SQL Server Express,並以新資訊更新 GridView。
驗證資料庫
在已經開啟的命令提示字元視窗中,輸入下列三個命令:
Use Northwind Select CompanyName from Customers Go
此時 sqlcmd 工具會列出每個客戶的公司名稱。您應該會看到變更過的 CompanyName 值。