06使用獲取與處理數(shù)據(jù)

1、第 6 章使用ADO.NET 獲取與處理數(shù)據(jù)ADO.NET（ActiveX Data Objects.NET）是 ASP.NET 應(yīng)用程序的數(shù)據(jù)接口，它提供了對SQL Server 數(shù)據(jù)源以及通過OLE DB 和XML 公開的數(shù)據(jù)源的一致的，使用 ADO.NET 連接數(shù)據(jù)源，并檢索、處理和更新所包含的數(shù)據(jù)?！窘虒W(xué)導(dǎo)航】【6.1操作準(zhǔn)備】使用 SQL Server 2005 創(chuàng)建數(shù)據(jù)庫和數(shù)據(jù)表創(chuàng)建 ASP.NET在 Visual Studio 2008 主窗口中創(chuàng)建一個 ASP.NET，該的名稱為“eShop06”，的位置是“D:ASP.NET開發(fā)實例WebSiteeShop06”，同時會自動創(chuàng)

2、建該一個 Web 頁面 Default.aspx。3準(zhǔn)備樣式文件和圖像文件在文件夾“eShop06”（其路徑為“D:ASP.NET開發(fā)實例WebSiteeShop06”）新建兩個子文件夾，將新建的文件夾重命名為“css”和“images”。將已有的樣式文件拷貝到子文件夾“css”中，將所需的圖像文件拷貝到子文件夾 “images”中。4設(shè)計起始頁面 Default.aspx本章所創(chuàng)建的 Web 頁面以 Default.aspx 頁面為起點進行擴充，實現(xiàn)其功能。頁面Default.aspx 的瀏覽效果如圖 6-1 所示?！?.2操作演練】【任務(wù) 6-1】獲取和顯示購物車中已選購商品的數(shù)量和總金額

3、教學(xué)目標(biāo)學(xué)會使用 ADO.NET 的對象（包括mand、DataReader、DataAdapter、 DataSet 和DataView）數(shù)據(jù)庫學(xué)會使用數(shù)據(jù)源控件和數(shù)據(jù)綁定控件在 Web 頁面中輸出數(shù)據(jù)，對數(shù)據(jù)庫中的數(shù)據(jù)進行修改和更新學(xué)會在Web 頁面中靈活使用ADO.NET 對象、數(shù)據(jù)源控件和數(shù)據(jù)綁定控件實現(xiàn)應(yīng)用程序功能掌握mand、DataReader、DataAdapter、DataSet、DataView 等ADO.NET對象的功能和常用屬性、方法掌握 SqlDataSource 數(shù)據(jù)源控件和 GridView、DataList、Repeater、DetailsView、 FormV

4、iew、DropDownList 等數(shù)據(jù)綁定控件的功能、屬性和事件建議12【任務(wù)描述】創(chuàng)建Web 頁面 eShop0601.aspx，在該頁面中顯示購物車中已選購商品的數(shù)量和總金額，該頁面的瀏覽效果如圖 6-2 所示，具體要求如下所示。（1）建立 SqlConnection 連接對象和mand 命令對象。（2）調(diào)用mand 命令對象的 ExecuteScalar 方法，計算購物車中已選購商品的數(shù)量，并通過 Label 控件輸出其值。（3）調(diào)用mand 命令對象的 ExecuteReader 方法，計算購物車中已選購商品的總金額，然后使用 DataReader 對象的Read 方法數(shù)據(jù)，并通過

5、Label 控件輸出其值。圖 6-2 Web 頁面eShop0601.aspx 的瀏覽效果【任務(wù)實施】1在eShop06 中添加一個 Web 頁面 eShop0601.aspx設(shè)計 CSS 樣式Web 頁面布局設(shè)計在頁面“eShop0601.aspx”中添加 Web 控件編寫程序代碼，實現(xiàn)程序功能運行 Web 頁面與測試程序功能將 Web 頁面eShop0601.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 6-2 所示。由圖可知，分別輸出了購物車中已選購商品的數(shù)量和總金額?！救蝿?wù) 6-2】獲得和顯示購物車中的商品信息【任務(wù) 6-2-1 的描述】創(chuàng)建 Web 頁面 eShop060201.

6、aspx，使用 SqlDataReader 對象獲得和顯示購物車中的商品信息，并在該頁面的 textarea 控件中顯示購物車中已選購商品的信息，該頁面的瀏覽效果如圖 6-3 所示。圖 6-3 Web 頁面eShop060201.aspx 的瀏覽效果【任務(wù) 6-2-1 的實施】1在eShop06 中添加一個 Web 頁面 eShop060201.aspx設(shè)計 CSS 樣式Web 頁面布局設(shè)計在頁面“eShop060201.aspx”中添加 Web 控件編寫程序代碼，實現(xiàn)程序功能運行 Web 頁面與測試程序功能將 Web 頁面eShop060201.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如

7、圖 6-3 所示。由圖可知，該頁面的 textarea 控件中顯示了購物車中已選購商品的信息?！救蝿?wù) 6-2-2 的描述】創(chuàng)建 Web 頁面 eShop060202.aspx，使用 GridView 控件和 SqlDataSource 控件獲得和顯示購物車中已選購商品的信息，并在該頁面中顯示購物車中已選購商品的總數(shù)量，該頁面的瀏覽效果如圖 6-4 所示。圖 6-4 Web 頁面eShop060202.aspx 的瀏覽效果【任務(wù) 6-2-2 的實施】1在eShop06 中添加一個 Web 頁面 eShop0602.aspx設(shè)計 CSS 樣式Web 頁面布局設(shè)計在頁面“eShop060202.as

8、px”中添加 SqlDataSource 控件在頁面中添加 SqlDataSource 控件配置或選擇數(shù)據(jù)連接配置 Select 語句測試查詢數(shù)據(jù)源配置完成5在頁面“eShop060202.aspx”中添加 GridView 控件在頁面中添加 GridView 控件設(shè)置 GridView 控件的數(shù)據(jù)源設(shè)置 GridView 控件的屬性編輯 GridView 控件的列6編寫程序代碼，實現(xiàn)程序功能7運行 Web 頁面與測試程序功能將 Web 頁面eShop060202.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 6-4 所示。由圖可知，該頁面左側(cè)輸出了購物車中已選購商品的數(shù)量，右側(cè)輸出了購物

9、車息。品的信【任務(wù) 6-3】更改購物車中的商品數(shù)據(jù)【任務(wù)描述】創(chuàng)建 Web 頁面 eShop0603.aspx，在該頁面中顯示購物車中已選購商品信息，該頁面的瀏覽效果如圖 6-26 所示，具體要求如下所示。使用代碼方式動態(tài)創(chuàng)建數(shù)據(jù)源，并將 GridView 控件綁定到數(shù)據(jù)源。使用代碼方式在 GridView 控件中實現(xiàn)編輯和刪除功能。圖 6-26 頁面eShop0603.aspx 的瀏覽效果【任務(wù)實施】1在eShop06 中添加一個 Web 頁面 eShop0603.aspx設(shè)計 CSS 樣式Web 頁面布局設(shè)計在頁面“eShop0603.aspx”中添加 GridView 控件編寫程序代碼，

10、實現(xiàn)程序功能定義方法 getConn()定義方法 gridViewBind()編寫 Page 對象的 Load 事件過程的程序代碼編寫 GridView1 控件的 RowEditing 事件過程的程序代碼編寫 GridView1 控件的 RowUpdating 事件過程的程序代碼編寫 GridView1 控件的 RowCancelingEdit 事件過程的程序代碼編寫 GridView1 控件的 RowDeleteing 事件過程的程序代碼6運行 Web 頁面與測試程序功能【任務(wù) 6-4】分頁列表顯示商品數(shù)據(jù)【任務(wù)描述】創(chuàng)建 Web 頁面 eShop0604.aspx，在該頁面中分頁列表顯示商

11、品信息，該頁面的瀏覽效果如圖 6-33 所示，具體要求如下所示。使用代碼方式動態(tài)創(chuàng)建數(shù)據(jù)源，并將 GridView 控件綁定到數(shù)據(jù)源。Web 頁面中使用 GridView 控件分頁顯示商品數(shù)據(jù)表中的商品信息，包括 8 個字段：商品、商品名稱、市場價格、價格、庫存數(shù)量、品牌名稱、商品狀態(tài)、商品描述。每頁顯示 5 條，GridView 控件自動套用“紅糖”類格式。圖 6-33 Web 頁面eShop0604.aspx 的瀏覽效果【任務(wù)實施】1在eShop06 中添加一個 Web 頁面 eShop0604.aspx設(shè)計 CSS 樣式Web 頁面布局設(shè)計在頁面“eShop0604.aspx”中添加 G

12、ridView 控件GridView 控件自動套用已有格式 6設(shè)置 GridView 控件的分頁屬性 7編寫程序代碼，實現(xiàn)程序功能定義 getConn()方法，其程序代碼如表 6-19 所示。Web 頁面 eShop0604.aspx 的Page 對象的 Load 事件過程的代碼如表 6-21 所示。定義方法 gridViewBind()編寫 GridView1 控件的 PageIndexChanging 事件過程的程序代碼8運行 Web 頁面與測試程序功能【任務(wù) 6-5】分頁顯示商品數(shù)據(jù)列表與瀏覽商品詳細(xì)信息【任務(wù) 6-5-1 的描述】創(chuàng)建 Web 頁面 eShop060501.aspx，該

13、頁面的左側(cè)使用 Repeater 控件展示商品銷售的暢銷榜，Repeater 控件的布局設(shè)計示意圖如圖 6-示。圖 6-38 Web 頁面eShop060501.aspx 中Repeater 控件的布局設(shè)計示意圖該頁面的右側(cè)使用 DataList 控件顯示商品的搜索結(jié)果，DataList 控件的布局設(shè)計示意圖如圖 6-39 所示。圖 6-39 Web 頁面eShop060501.aspx 中DataList 控件的布局設(shè)計示意圖當(dāng)客戶在“搜索文本框”輸入不同的商品名稱，單擊“搜索”按鈕在頁面的左側(cè)會顯示同類商品的暢銷榜。Web 頁面eShop060501.aspx 的右下方實現(xiàn)了分頁功能，可以

14、顯示總頁數(shù)和當(dāng)前頁碼。分別單擊“首頁”按鈕，可以顯示第一頁的數(shù)據(jù)；單擊“末頁”按鈕，可以顯示最后一頁的數(shù)據(jù)；單擊“上一頁”可以顯示前一頁數(shù)據(jù)；單擊“下一頁”可以顯示下一頁數(shù)據(jù)。該頁面的瀏覽效果如圖 6-40 所示。【任務(wù) 6-5-1 的實施】1在eShop06 中添加一個 Web 頁面 eShop060501.aspx設(shè)計 CSS 樣式Web 頁面 eShop060501.aspx 右側(cè)的布局設(shè)計在頁面“eShop060501.aspx”的右側(cè)添加 DataList 控件在頁面右側(cè)添加一個 DataList 控件編輯 DataList 控件的項模板修改完善 DataList 控件的代碼切換到“

15、源”視圖，對 DataList 控件的代碼進行必要的完善： 刪除“”標(biāo)記。 設(shè)置 DataList 的屬性，設(shè)置屬性 CellPadding 的值為“6”，設(shè)置屬性 CellSpacing 的值為“4”，設(shè)置屬性 RepeatColumns 的值為“4”，即每一行顯示 4 列數(shù)據(jù)。 根據(jù)圖 6-39 所示的布局設(shè)計示意圖添加標(biāo)記或設(shè)置屬性CssClass 的值進行布局設(shè)計。添加 2 個ImageButton 控件，用于設(shè)置“”按鈕和“收藏”按鈕。為商品外觀設(shè)置超，以便能打開商品詳情頁面。添加代碼保證商品信息數(shù)據(jù)表中價格為 0 時輸出文字“價格未知”。在 DataList 控件的下一行添加 4

16、個 LinkButton 控件，分別用來顯示首頁、上一頁、下一頁和末頁。另外添加 2 個 Label 控件，分別用來顯示總頁數(shù)和當(dāng)前頁碼。完善后 DataList 控件的項模板如圖 6-44 所示，在“設(shè)計”視圖中查看 DataList 控件的設(shè)計外觀如圖 6-45 所示。圖 6-44 應(yīng)用樣式后的DataList 控件項模板圖 645 應(yīng)用樣式后DataList 控件的設(shè)計外觀Web 頁面 eShop060501.aspx 左側(cè)的布局設(shè)計在頁面“eShop060501.aspx”的左側(cè)添加 Repeater 控件在頁面左側(cè)添加一個 Repeater 控件添加與編輯 Repeater 控件的項

17、模板修改完善 Repeater 控件的代碼切換到“源”視圖，對 Repeater 控件的代碼進行必要的完善： 刪除“”標(biāo)記。 根據(jù)圖 6-進行布局設(shè)計。 為商品外觀示的布局設(shè)計示意圖添加標(biāo)記或設(shè)置屬性CssClass 的值設(shè)置超，以便能打開商品詳情頁面。 添加代碼保證商品信息數(shù)據(jù)表中價格為 0 時輸出文字“價格未知”。頁面“eShop060501.aspx”中的 Repeater 控件的項模板中應(yīng)用樣式后，在“設(shè)計”視圖中查看 Repeater 控件的設(shè)計外觀如圖 6-48 所示。圖 6-48 應(yīng)用樣式后Repeater 控件的設(shè)計外觀7編寫程序代碼，實現(xiàn)程序功能（1）定義方法 getStr(

18、)（2）定義方法 getValue()定義方法 repeaterBind()定義方法 dataListBind()定義方法 getCategoryID()編寫 Page 對象 Load 事件過程的程序代碼編寫 btnSearch 搜索按鈕 Click 事件過程的程序代碼編寫“首頁”按鈕 Click 事件過程的程序代碼編寫“上一頁”按鈕 Click 事件過程的程序代碼編寫“下一頁”按鈕 Click 事件過程的程序代碼編寫“末頁”按鈕 Click 事件過程的程序代碼8運行 Web 頁面與測試程序功能將 Web 頁面eShop060501.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 6-40

19、所示。由圖可知，頁面的左側(cè)使用 Repeater 控件展示了本周銷售數(shù)量最多的 10 件商品，該頁面的右側(cè)使用 DataList 控件顯示了 12 件商品的數(shù)據(jù)?！救蝿?wù) 6-5-2 的描述】創(chuàng)建 Web 頁面 eShop060502.aspx，該頁面的右側(cè)使用 FormView 控件顯示客戶選擇商品的詳細(xì)信息，F(xiàn)ormView 控件的布局設(shè)計示意圖如圖 6-51 所示。圖 6-51 Web 頁面eShop060502.aspx 中FormView 控件的布局設(shè)計示意圖Web 頁面eShop060502.aspx 的左側(cè)使用Repeater 控件顯示與右側(cè)商品同類的商品信息列表?！救蝿?wù) 6-5-

20、2 的實施】1在eShop06 中添加一個 Web 頁面 eShop060502.aspx設(shè)計 CSS 樣式Web 頁面 eShop060502.aspx 右側(cè)的布局設(shè)計在頁面“eShop060502.aspx”右側(cè)添加 FormView 控件且配置其數(shù)據(jù)源添加 1 個 FormView 控件啟動“數(shù)據(jù)源配置向?qū)А痹凇皵?shù)據(jù)源配置向?qū)А痹凇芭渲脭?shù)據(jù)源”配置 Select 語句添加 Where 子句框中選擇數(shù)據(jù)源類型框中選擇數(shù)據(jù)連接5編輯完善 FormView 控件的模板切換到“源”視圖，對 FormView 控件的代碼進行必要的完善： 根據(jù)圖 6-51 所示的布局設(shè)計示意圖添加標(biāo)記或設(shè)置屬性Cs

21、sClass 的值進行布局設(shè)計。 添加 1 個ImageButton 控件，用于設(shè)置“加入購物車”按鈕。 添加代碼控件價格保留 1 位小數(shù)。FormView 控件的項模板中應(yīng)用樣式后，在“設(shè)計”視圖中查看 FormView 控件的設(shè)計外觀如圖 6-63 所示。圖 6-63 應(yīng)用樣式后FormView 控件的設(shè)計外觀Web 頁面 eShop060502.aspx 左側(cè)的布局設(shè)計在頁面“eShop060502.aspx”的左側(cè)添加 Repeater 控件在頁面左側(cè)添加一個 Repeater 控件手工添加與編輯 Repeater 控件的項模板頁面“eShop060502.aspx”中 Repeate

22、r 控件的項模板中應(yīng)用樣式后，在“設(shè)計”視圖中查看 Repeater 控件的設(shè)計外觀如圖 6-64 所示。圖 6-64 應(yīng)用樣式后Repeater 控件的設(shè)計外觀編寫程序代碼，實現(xiàn)程序功能運行 Web 頁面與測試程序功能【6.3技術(shù)】【任務(wù) 6-6】利用“主/從”操作更新商品類別數(shù)據(jù)【任務(wù)描述】創(chuàng)建Web 頁面eShop0606.aspx，該頁面使用 GridView 控件和 DetailsView 控件實現(xiàn)“主/從”操作，其中 GridView 控件顯示“主”數(shù)據(jù)，DetailsView 控件用來操作“主”數(shù)據(jù)中當(dāng)前選擇的數(shù)據(jù)。相對 GridView 控件中顯示的“主”數(shù)據(jù)而言，Detail

23、sView 控件操作的數(shù)據(jù)稱為“從”數(shù)據(jù)。該頁面的左側(cè)使用 GridView 控件輸出商品類型數(shù)據(jù)表中的數(shù)據(jù)，并且 GridView 控件具有選擇、編輯和刪除功能。該頁的右側(cè)使用 DetailsView 控件輸出商品類型數(shù)據(jù)表中的數(shù)據(jù)，當(dāng)左側(cè) GridView 控件選擇不同的行時，右側(cè)的 DetailsView 控件能自動同步顯示對應(yīng)的數(shù)據(jù)，并且 DetailsView 控件具有添加新錄的功能。Web 頁面eShop0606.aspx 的瀏覽效果如圖 6-66 所示。，修改或刪除記圖 6-66 Web 頁面eShop0606.aspx 的瀏覽效果【任務(wù)實施】1在eShop06 中添加一個 Web 頁面 eShop0606.aspx設(shè)計 CSS 樣式Web 頁面布局設(shè)計在頁面“eShop0606.aspx”中添加第 1 個 SqlDataSource 控件 5在頁面“eShop0606.aspx”中添加第 2 個 SqlDataSource 控件 6在頁面“eShop0606.aspx”左側(cè)添加 GridView 控件7在頁面“eShop0606.aspx”右側(cè)添加 DetailsView 控件添加 DetailsView 控件與設(shè)置其屬性設(shè)置字段屬性編輯 DetailsView 控件的 HeaderTemplate 模板編輯 Det