1、,第 14 章 Web網(wǎng)頁中的數(shù)據(jù)訪問,【知識技能目標(biāo)】 （1）掌握利用Web服務(wù)器控件顯示數(shù)據(jù)和更新數(shù)據(jù)的方法。 （2）掌握在Web窗體中實現(xiàn)數(shù)據(jù)綁定的方法。 （3）掌握瀏覽Web網(wǎng)頁的方法。,【本章學(xué)習(xí)導(dǎo)航】 Web網(wǎng)頁通常使用數(shù)據(jù)命令與數(shù)據(jù)讀取器配合來提取數(shù)據(jù)，調(diào)用數(shù)據(jù)命令的ExecuteNonQuery方法更新數(shù)據(jù)。,由于Web網(wǎng)頁每一次提交數(shù)據(jù)到服務(wù)器時，網(wǎng)頁以及控件就必須重新建立，導(dǎo)致數(shù)據(jù)集重新建立與填充，這樣會導(dǎo)致訪問效率低且浪費有限的內(nèi)存資源。,如果使用數(shù)據(jù)命令直接讀取數(shù)據(jù)庫，就能提高訪問效率而且有效利用內(nèi)存資源。但是，在需要使用多個數(shù)據(jù)表或來自多個不同數(shù)據(jù)源的數(shù)據(jù)表等情況下，

2、只能使用數(shù)據(jù)集。,14.1在Web網(wǎng)頁中驗證用戶身份,【實例14-1】 1設(shè)計任務(wù) 設(shè)計一個Web窗體，該窗體用于驗證用戶身份。其運行效果如圖14-1所示。,圖14-1用戶登錄頁面,如果用戶輸入正確的用戶名和密碼，單擊【提交】按鈕，則會出現(xiàn)如圖14-2所示的提示信息對話框；如果用戶輸入的用戶名或密碼有誤，單擊【提交】按鈕，則會出現(xiàn)如圖14-3所示的提示信息對話框。單擊【重寫】按鈕，則清空用戶名和密碼對應(yīng)的文本框。,圖14-2登錄成功的提示信息,圖14-3登錄失敗的提示信息,2設(shè)計過程 （1）新建一個項目。 新建一個項目Chapter14_1。,注意創(chuàng)建Web項目與創(chuàng)建Windows項目有所不同

3、，較簡單的方法是：先在Windows資源管理器中建立一個文件夾“Chapter14_1”，并將該文件夾設(shè)置為“Web共享文件夾”，然后創(chuàng)建Web項目，在“新建項目”對話框的“位置”文本框中輸入http:/localhost/Chapter14_1，如圖14-4所示，這樣新建立的項目便位于指定的文件夾中。,圖14-4新建Web項目對話框,如果沒有將指定的文件夾設(shè)置為“Web共享文件夾”，Web項目默認(rèn)的保存位置在“C:Inetpubwwwroot”文件夾中。,（2）在Web窗體中添加2個Button控件、3個Label控件和2個TextBox控件，Web頁面及控件的設(shè)計外觀如圖14-5所示。 （

4、3）切換到代碼窗口，編寫程序代碼，實現(xiàn)其功能。,圖14-5登錄頁面的設(shè)計狀態(tài),本章使用的后臺數(shù)據(jù)庫為Access數(shù)據(jù)庫，所以在定義類的代碼之前引入命名空間，其代碼為：Imports System.Data.OleDb。,登錄窗體中【提交】按鈕的Click事件過程的程序代碼如代碼14-1-1所示。,3代碼分析 代碼分析如表14-1所示。,表14-1程序代碼分析,4知識要點說明 實例14-1比較簡單，其主要功能是驗證用戶輸入的用戶名和密碼是否正確，根據(jù)用戶輸入的用戶名和密碼來判斷用戶是否為合法用戶。對數(shù)據(jù)庫的訪問是通過OleDbCommand對象配合OleDbDataReader對象實現(xiàn)的。,14

5、.2在Web網(wǎng)頁中瀏覽與維護數(shù)據(jù)庫中的數(shù)據(jù),【實例14-2】,1設(shè)計任務(wù) 設(shè)計一個Web窗體，該窗體用于瀏覽與維護數(shù)據(jù)庫中的數(shù)據(jù)，其瀏覽效果如圖14-6所示，在“班級編號”列表框中選取一個班級編號“2003030201”，然后單擊【查詢】按鈕，下方的DataGrid控件中便顯示查詢的結(jié)果。,圖14-6學(xué)生信息瀏覽與維護頁面,在如圖14-6所示的頁面中，單擊第1行中的【編輯】按鈕，第1行便變?yōu)榭删庉嫚顟B(tài)，如圖14-7所示。修改數(shù)據(jù)完成后，單擊圖14-7中的【更新】按鈕，即可完成修改；如果取消所作的修改，則單擊【取消】按鈕即可。,圖14-7編輯學(xué)生信息,2設(shè)計過程 （1）按照實例14-1中所介紹的

6、方法新建一個項目Chapter14_2。,（2）在Web窗體中添加2個Button控件、2個Label控件、1個DropDownList控件和1個DataGrid控件。然后設(shè)置DataGrid控件的數(shù)據(jù)顯示格式和分頁格式，添加“編輯、更新、取消”按鈕和“刪除”按鈕，頁面及控件的設(shè)計外觀如圖14-8所示。,圖14-8學(xué)生信息瀏覽與維護頁面的設(shè)計狀態(tài),（3）切換到代碼窗口，編寫程序代碼，實現(xiàn)其功能。,在定義類的代碼之前引入命名空間，其代碼為：Imports System.Data.OleDb。 窗體級對象變量的定義如代碼14-2-1所示。,窗體Load事件過程的程序代碼如代碼14-2-2所示，這些

7、代碼的功能是：將后臺“班級”數(shù)據(jù)表中的“班級編號”添加到DropDownList控件中，作為其選擇項。,【查詢】按鈕Button2的Click事件過程的程序代碼只有一行：Call DataGridBindData()，調(diào)用自定義過程DataGridBindData，自定義過程DataGridBindData的程序代碼如代碼14-2-3所示，其主要功能是設(shè)置DataGrid的數(shù)據(jù)源，并且將數(shù)據(jù)源與DataGrid控件綁定。,控件DataGrid1的EditCommand事件過程的程序代碼如代碼14-2-4所示，其主要功能是：將用戶所單擊的【編輯】按鈕所在的行設(shè)置為可編輯狀態(tài)，并且重新加載數(shù)據(jù)。,

8、控件DataGrid1的DeleteCommand事件過程的程序代碼如代碼14-2-5所示，其功能是刪除某一行記錄。,控件DataGrid1的UpdateCommand事件過程的程序代碼如代碼14-2-6所示，其功能是更新所修改的數(shù)據(jù)。,控件DataGrid1的CancelCommand事件過程的程序代碼如代碼14-2-7所示，其功能是取消數(shù)據(jù)修改。,控件DataGrid1的PageIndexChanged事件過程的程序代碼如代碼14-2-8所示，其功能是實現(xiàn)頁面換頁，當(dāng)用戶單擊導(dǎo)航按鈕時，會觸發(fā)PageIndexChanged事件，用戶請求的頁面索引被傳遞到PageIndexChanged事

9、件處理程序中，并通過e.NewPageIndex將用戶請求的頁面索引賦給DataGrid1的CurrentPageIndex屬性，從而實現(xiàn)換頁。,【新增】按鈕Button2的Click事件過程的程序代碼也只有一行：Response.Redirect (WebForm2.aspx)，其功能是將頁面切換到WebForm2.aspx。,3代碼分析 代碼分析如表14-2所示。,表14-2程序代碼分析,4知識要點說明 在Web頁面中實現(xiàn)查詢、新增、修改和刪除數(shù)據(jù)記錄的方法與Windows窗體中的實現(xiàn)方法相似。,【實例14-3】 1設(shè)計任務(wù) 設(shè)計一個Web窗體，該窗體用于新增學(xué)生數(shù)據(jù)，其瀏覽效果如圖14-

10、9所示，頁面瀏覽時，性別對應(yīng)的DropDownList控件中的列表項為“男”和“女”，班級編號對應(yīng)的DropDownList控件顯示“班級”數(shù)據(jù)表中所有的班級編號。,圖14-9新增學(xué)生數(shù)據(jù)頁面,在上面的文本框中分別輸入學(xué)號和姓名，在下面的DropDownList控件中分別選擇性別和班級編號，然后單擊【提交】按鈕即可完成數(shù)據(jù)新增功能。單擊【取消】按鈕可以切換到“數(shù)據(jù)瀏覽與維護”頁面。,2設(shè)計過程 （1）在已有的項目Chapter14_2中添加一個Web窗體，將其命名為“WebForm2.aspx”。 （2）在Web窗體WebForm2中添加1個表格，2個Button控件、5個Label控件和2個

11、DropDownList控件，Web窗體及控件的設(shè)計外觀如圖14-10所示。 （3）切換到代碼窗口，編寫程序代碼，實現(xiàn)其功能。,圖14-10新增學(xué)生數(shù)據(jù)頁面的設(shè)計狀態(tài),在定義類的代碼之前引入命名空間，其代碼為：Imports System.Data.OleDb。 窗體級對象變量的定義如代碼14-2-9所示。,窗體中【提交】按鈕Button1的Click事件過程的程序代碼如代碼14-2-11所示。,窗體中【取消】按鈕Button2的Click事件過程的程序代碼只有一行：Response.Redirect(WebForm1.aspx)，其作用是將頁面切換到WebForm1.aspx。,3代碼分析

12、（1）代碼14-2-10中代碼的作用是將后臺“班級”數(shù)據(jù)表中的所有“班級編號”顯示在DropDownList1中，作為其選項，其中第07行設(shè)置DropDownList控件的數(shù)據(jù)源，第08行設(shè)置DropDownList控件所顯示值對應(yīng)的字段名。,（2）代碼14-2-11中的第04行和第05行通過DropDownList控件的SelectedValue屬性獲取其選定項的值。,4知識要點說明 實例14-3中的新增記錄是通過調(diào)用數(shù)據(jù)命令的ExecuteNonQuery方法實現(xiàn)的，實例14-2中的修改記錄、刪除記錄也是通過調(diào)用數(shù)據(jù)命令的ExecuteNonQuery方法實現(xiàn)的。,【課堂實踐】 打開光盤中文件夾【ClassroomPractise14_1】中的解決方案文件【Classroom Practise