1、第 9 章整合與發(fā)布本章主要對前面各章所創(chuàng)建的頁面、登錄頁面、商品詳細信息瀏覽頁面和購物車頁面進行優(yōu)化和完善，同時創(chuàng)建一個頁面作為的首頁，將這些 Web 頁面整合為一個完整的 eShop，對該進行部署與發(fā)布。【教學(xué)導(dǎo)航】【9.1操作準備】1創(chuàng)建 ASP.NET在 Visual Studio 2008 主窗口中創(chuàng)建一個 ASP.NET，該的名稱為“eShop09”，該的位置是“D:ASP.NET開發(fā)實例WebSiteeShop09”，同時會自動創(chuàng)建一個 Web 頁面 Default.aspx。2準備樣式文件和圖像文件在文件夾“eShop09”（其路徑為“D:ASP.NET開發(fā)實例WebSitee

2、Shop09”）新建 3 個子文件夾，將新建的文件夾重命名為“css”、“images”和“text”。將需要的樣式文件 style0901.css、stylemaster.css 拷貝到子文件夾“css”中，將所需的圖像文件拷貝到子文件夾“images”中，將文本文件“蝴蝶 e 購網(wǎng)服務(wù)條款.txt”拷貝到文件夾“text”中。3創(chuàng)建 和外觀文件（1）添加文件夾（2）創(chuàng)建外觀文件（3）在中創(chuàng)建樣式文件4創(chuàng)建自定義 Web 控件 eShop09WebUserControl.ascx5創(chuàng)建母版頁 eShopMastage09.master在【解決方案資源管理器】中，鼠標右鍵單擊名稱“eShop0

3、9”，在彈出的快捷菜單中單擊選擇【添加新項】命令，打開【添加新項】框。在該框中的“模板”列教學(xué)目標掌握web.config 文件的配置方法，熟練掌握在web.config 文件中配置數(shù)據(jù)庫連接字符串的方法，學(xué)會在Web 頁面中使用web.config 文件中的配置數(shù)據(jù)庫連接字符串學(xué)會將多個Web 頁面整合為一個完整的，并對進行部署和發(fā)布學(xué)會將Web 頁面中的數(shù)據(jù)顯示代碼與業(yè)務(wù)邏輯代碼分離，創(chuàng)建多個類和方法，通過三層架構(gòu)實現(xiàn)應(yīng)用程序的功能需求學(xué)會配置ASP.NET 的用戶數(shù)據(jù)庫ASPNETDB學(xué)會使用ASP.NET管理工具管理用戶和角色掌握與登錄控件的功能及主要屬性的應(yīng)用掌握ObjectData

4、Source 控件的主要屬性和功能了解ASP.NET驗證的相關(guān)類及驗證方式建議12表中單擊選擇“母版頁”項，在“名稱”文本框中輸入母版頁的名稱“eShopMastage09.master”，然后單擊【添加】按鈕。母片頁 eShopMastage09.master就會被添加到【解決方案資源管理器】中。接下來對母版頁進行設(shè)計，在母版頁中進入以下操作：附加外部樣式表文件。在 Web 頁面中添加必要的 XHTML 代碼，實現(xiàn) Web 頁面的布局結(jié)構(gòu)。添加所需的 Web 服務(wù)器控件。拖拽自定義 Web 控件 eShop09WebUserControl.ascx 到母版頁。（5）在合適位置多個容器控件 C

5、ontentPlaceHolder。6創(chuàng)建默認錯誤頁面 eShop09Error.aspx一個要定義至少一個錯誤頁面，配置好后，一旦出現(xiàn)錯誤，系統(tǒng)自動導(dǎo)航到錯誤頁面。在項目“eShop09”中創(chuàng)建 1 個基于母版頁 eShop09Mastage.master 的默認錯誤頁面 eShop09Error.aspx，在該頁面控件 Content3 的區(qū)域輸入必要的文字“出現(xiàn)錯誤，請重新中【保存】按鈕 ，保存頁面 eShop09Error.aspx。操作！”即可。單擊【標準】7創(chuàng)建瀏覽服務(wù)條款頁面 eShop09Description.aspx用戶時需要瀏覽一下購物的服務(wù)條款，在此創(chuàng)建一個于瀏覽服務(wù)條

6、款的age.master 創(chuàng)建的。頁面 eShop09Description.aspx，該頁面也是基于母版頁 eShop09Mast8在 web.config 文件中配置數(shù)據(jù)庫連接字符串打開項目“eShop09”中的 web.config 文件，配置數(shù)據(jù)庫連接字符串，代碼如表 9-5 所示。表 9-5 web.config 文件中數(shù)據(jù)庫連接對應(yīng)的代碼9配置 ASP.NET 的用戶數(shù)據(jù)庫 ASPNETDB使用 Visual Studio 2008 提供令 aspnet_regsql，將項目 eShop09 的數(shù)據(jù)庫 eshop2010配置為帶有用戶權(quán)限管理功能的數(shù)據(jù)庫。啟動 ASP.NET SQ

7、L Server 安裝向?qū)нx擇安裝選項選擇服務(wù)器和數(shù)據(jù)庫確認設(shè)置10使用 ASP.NET（1）打開 ASP.NET管理工具管理用戶和角色管理工具使用“安全設(shè)置向?qū)А迸渲冒踩詣?chuàng)建與管理用戶管理角色創(chuàng)建與管理規(guī)則11設(shè)置默認錯誤頁行號代碼12345612配置 web.config 文件配置 authentication 元素配置 location 元素配置 membership 元素配置 roleManager 元素配置 profile 元素13創(chuàng)建類及其方法在【解決方案資源管理器】中右鍵單擊項目名稱“eShop09”，在彈出的快捷菜單中單擊【添加新項】命令，打開【添加新項】框。在【添加新項】框

8、中單擊選擇模板“類”選項，在“名稱”文本框中輸入“eShopClass.cs”，然后單擊【添加】按鈕，在項目“eShop09”中添加了一個新的類。（1）引入命名空間引入命名空間的代碼為：using System.Data.SqlC定義屬性 sqlConn定義方法 getScalar()定義方法 getScalar()定義方法 getScalar()nt ;定義方法定義方法定義方法 getTable()定義方法 getTable()m()m()定義方法 getUserCart()定義方法 getSelectGoods()定義方法 gvDataBind()定義方法 repeaterDataBind

9、()定義方法 fvDataBind()定義方法 dlDataBind()定義方法 ddlDataBind()【9.2操作演練】【任務(wù) 9-1】創(chuàng)建用戶頁面【任務(wù)描述】利用 ASP.NET 3.5 提供的瀏覽效果如圖 9-33 所示?？丶?chuàng)建用戶頁面 eShop09Register.aspx，該頁面的圖 9-33頁面eShop09Register.aspx 的瀏覽效果【任務(wù)實施】1創(chuàng)建基于母版頁 eShop09Mastage.master 的頁面 eShop09Register.aspx2在頁面中添加 ASP.NET 3.5 提供的控件切換到頁面的“設(shè)計”視圖，單擊工具箱中的“登錄”控件組左側(cè)的

10、“+”，展開 ASP.NET3.5 提供的所有登錄控件，如圖 9-34 所示。圖 9-34 “登錄”控件組3運行 Web 頁面與測試程序功能將 Web 頁面eShop09Register.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 9-33 所示。在該頁面輸入新用戶的相關(guān)信息，包括用戶名、電子郵件、安全提示問題和安全提示問題的，如圖 9-39 所示。然后單擊“創(chuàng)建用戶”按鈕，會彈出如圖 9-40 所示的“已成功創(chuàng)建帳戶”的提示信息頁面。圖 9-39 輸入新用戶的相關(guān)信息圖 9-40 “已成功創(chuàng)建帳戶”的提示信息頁面【任務(wù) 9-2】創(chuàng)建用戶登錄頁面【任務(wù)描述】利用 ASP.NET 3.5

11、提供的登錄控件創(chuàng)建用戶登錄頁面 eShop09Login.aspx，該頁面的瀏覽效果如圖 9-41 所示。圖 9-41 登錄頁面eShop09Login.aspx 的瀏覽效果【任務(wù)實施】1創(chuàng)建基于母版頁 eShop09Mastage.master 的頁面 eShop09Login.aspx在頁面中添加 ASP.NET 3.5 提供的登錄控件運行 Web 頁面與測試程序功能將 Web 頁面eShop09Login.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 9-41 所示。在該頁面中輸入用戶名和，選擇復(fù)選框“下次記住我”，如圖 9-42 所示。然后單擊“登錄”按鈕，如果能夠成功登錄，則會自

12、動導(dǎo)航 Default.aspx 頁面。圖 9-42 在“登錄”頁面輸入用戶名和【任務(wù) 9-3】創(chuàng)建首頁 Default.aspx【任務(wù)描述】創(chuàng)建的首頁 Default.aspx，首頁中分頁顯示商品的搜索結(jié)果、暢銷商品榜、購物車中已選購商品的總數(shù)量和總金額，首頁中還包含頂部導(dǎo)航欄、商品導(dǎo)航欄和購物導(dǎo)航欄。該頁面的布局設(shè)計示意圖如圖 9-43 所示，其瀏覽效果如圖 9-44 所示。圖 9-43首頁Default.aspx 的布局設(shè)計示意圖圖 9-44首頁Default.aspx 的瀏覽效果【任務(wù)實施】1在eShop09 中添加一個 Web 頁面 Default.aspx2Web 頁面 Defau

13、lt.aspx 的布局設(shè)計在頁面當(dāng)前位置添加 1 個 SiteMapPath 控件。在頁面的搜索區(qū)域添加了 1 個DropDownList 控件、1 個TextBox 控件、1 個 Button控件和 1 個HyperLink 控件，對應(yīng)的代碼如表 9-26 所示。中間分為左右兩個區(qū)域，其主體的 XHTML 代碼如表 9-27 所示。3在頁面“Default.aspx”中添加 Web 控件在 Web 頁面“Default.aspx”中添加 PlaceHolder 控件，在該容器控件中添加 2 個Label 控件，且輸入一些提示文字，對應(yīng)代碼如表 9-28 所示。在“Default.aspx”頁

14、面中添加 SiteMapDataSource 控件和TreeView 控件在 Web 頁面“Default.aspx”中添加 Repeater 控件（4）在 Web 頁面“Default.aspx”中添加 DataList 控件4編寫程序代碼，實現(xiàn)程序功能（1）引入命名空間引入所需要名空間，代碼如下：using System.Data.SqlCnt;定義方法 getCartInfo()定義方法 cartSum()定義方法 cartTotal()定義方法 repeaterBind()定義方法 dropDownListBind ()定義方法 setEnable()定義屬性 currentPage定

15、義方法 dataListBind()編寫搜索按鈕 btnSearch 的Click 事件過程的程序代碼（11）編寫“首頁”按鈕 linkbtn的 Click 事件過程的程序代碼編寫“上一頁”按鈕 linkbtnPrevious 的Click 事件過程的程序代碼編寫“下一頁”按鈕 linkbtnNext 的 Click 事件過程的程序代碼編寫“末頁”按鈕 linkbtnLast 的 Click 事件過程的程序代碼編寫Default.aspx 頁面 Page 對象 Load 事件過程的程序代碼編寫“退出登錄”按鈕 lbtnOutLogin 的Click 事件過程的程序代碼5運行 Web 頁面與測試

16、程序功能將 Web 頁面Default.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 9-44 所示。單擊該頁面頂部的超“登錄”，打開“登錄”頁面進行登錄操作，登錄成功后重新返回首頁Default.aspx，且搜索“三星”，結(jié)果如圖 9-45 所示。圖 9-45 登錄用戶的搜索結(jié)果【任務(wù) 9-4】創(chuàng)建瀏覽商品詳細信息頁面【任務(wù)描述】創(chuàng)建瀏覽商品詳細信息頁面 eShop09ProductDetails.aspx，該頁面主要用于瀏覽用戶選購商品的詳細信息，其布局與第 6 章創(chuàng)建的 Web 頁面 eShop060501.aspx 相似，而不同的是頁面 eShop09ProductDetails.

17、aspx 是基于母版頁 eShop09Mastage.master 創(chuàng)建Web 頁面?！救蝿?wù)實施】1在eShop09 中添加一個 Web 頁面 eShop09ProductDetails.aspx2Web 頁面的布局設(shè)計與添加 Web 控件在各個Content 控件區(qū)域添加 XHTML 代碼和Web 控件添加 ObjectDataSource 控件3編寫程序代碼，實現(xiàn)程序功能（1）定義方法 getCartInfo ()定義方法 cartSum()編寫 eShop09ProductDetails.aspx 頁面 Page 對象 Load 事件過程的程序代碼6運行 Web 頁面與測試程序功能將 W

18、eb 頁面Default.aspx 設(shè)為起始頁，運行該頁面，其瀏覽效果如圖 9-44 所示。（1）用戶商品詳細信息頁面在 Web 頁面Default.aspx 直接單擊商品展示區(qū)域的如圖 9-50 所示。，導(dǎo)航到商品詳細信息頁面，圖 9-50用戶商品詳細信息頁面的瀏覽效果（2）登錄用戶商品詳細信息頁面Web 頁面 Default.aspx 運行時，單擊頂部的“登錄”按鈕導(dǎo)航到“登錄頁面”進行用戶登錄操作，例如以“”的登錄，登錄成功后自動導(dǎo)航到 Web 頁面 Default.aspx。然后單擊商品展示區(qū)域的，導(dǎo)航到商品詳細信息頁面，如圖 9-51 所示。圖 9-51 登錄用戶“”商品詳細信息頁面

19、由圖 9-51 可以看出，當(dāng)前登錄用戶“次瀏覽商品詳細信息。”的購物車中已選購了 5 件商品，已是第 6【9.3技術(shù)】【任務(wù) 9-5】創(chuàng)建購物車頁面【任務(wù)描述】創(chuàng)建購物車頁面 eShop09Cart.aspx，該頁面主要用于查看當(dāng)前登錄用戶已選購的商品和向購物車中新增或刪除商品，在該頁面還可以修改購物數(shù)量，顯示當(dāng)前登錄用戶的購物車中選購商品的總計金額和節(jié)省的金額。【任務(wù)實施】1在eShop09 中添加一個 Web 頁面 eShop09Cart.aspx2Web 頁面的布局設(shè)計與添加 Web 控件在各個Content 控件區(qū)域添加 XHTML 代碼和Web 控件添加 ObjectDataSour

20、ce 控件5編寫程序代碼，實現(xiàn)程序功能（1）引入命名空間引入所需要名空間，代碼如下：using System.Data.SqlCnt;（2）定義方法 getCartInfo()定義方法 cartTotal()定義方法 saveTotal()定義方法 updateCart()定義方法 gridViewBind()編寫 GridView1 控件的 RowEditing 事件過程的程序代碼編寫 GridView1 控件的 RowCancelingEdit 事件過程的程序代碼編寫 GridView1 控件的 RowUpdating 事件過程的程序代碼編寫GridView 控件的 RowDeletein

21、g 事件過程的程序代碼編寫GridView1 控件的 RowDataBound 事件過程的程序代碼編寫eShop09Cart.aspx 頁面 Page 對象 Load 事件過程的程序代碼6運行 Web 頁面與測試程序功能（1）登錄成功后查看用戶的購物車中選購的商品單擊首頁中的“查看購物車”超息，如圖 9-54 所示。，導(dǎo)航到購物車頁面瀏覽購物車已選購的商品信圖 9-54 登錄用戶瀏覽購物車已選購的商品信息（2）登錄成功后往購物車中添加新的商品先在首頁 Default.aspx 的商品展示區(qū)域單擊“”按鈕，然后導(dǎo)航到商品詳細信息瀏覽頁面 eShop09ProductDetails.aspx 單擊“加入購物車”按鈕，導(dǎo)航到購物車頁面同時往購物車中添加剛才所選購的 2 件商品，同步更新登錄用戶的購物總金額和節(jié)省總額，數(shù)據(jù)更新后的購物車如圖 9-55 所示。圖 9-55 購物車中新增加 2 件商品（3）修改購物數(shù)量在如圖 9-55 所示的購物車的最后一行中，單擊“修改數(shù)量”超，數(shù)量進入可編輯狀態(tài)，且顯示對應(yīng)的文本框，輸入數(shù)字“3”，然后