在線購(gòu)物系統(tǒng)課程

項(xiàng)目十在線購(gòu)物系統(tǒng)【項(xiàng)目任務(wù)】Web開(kāi)發(fā)技術(shù)飛速發(fā)展促進(jìn)了電子商務(wù)普及。當(dāng)前，越來(lái)越多商業(yè)活動(dòng)開(kāi)始轉(zhuǎn)移到Internet中來(lái)進(jìn)行，一個(gè)新購(gòu)物方式——電子購(gòu)物正在悄然興起，這種購(gòu)物方式無(wú)疑給商家和消費(fèi)者帶來(lái)了極大便利，使以前很多不可能商業(yè)活動(dòng)變得異?？旖荨１卷?xiàng)目經(jīng)過(guò)設(shè)計(jì)一個(gè)在線電子購(gòu)物商城系統(tǒng)，實(shí)現(xiàn)用戶在線購(gòu)物，管理員后臺(tái)進(jìn)行管理等慣用操作。同時(shí)對(duì)于廣大ASP.NET初學(xué)者來(lái)說(shuō)，學(xué)習(xí)本章知識(shí)能夠?qū)η懊嫠鶎W(xué)內(nèi)容進(jìn)行總結(jié)，也能夠提升對(duì)各種應(yīng)用技術(shù)整合能力。下一頁(yè)在線購(gòu)物系統(tǒng)課程第1頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)【整體功效劃分】依據(jù)系統(tǒng)功效要求，在線網(wǎng)絡(luò)購(gòu)物系統(tǒng)整體功效分為兩個(gè)模塊：針對(duì)普通用戶實(shí)現(xiàn)在線購(gòu)物功效模塊和管理員后臺(tái)管理功效模塊。在線購(gòu)物基本功效模塊包含以下一些操作。①會(huì)員注冊(cè)：用戶能夠自行注冊(cè)為會(huì)員，只有成為網(wǎng)絡(luò)會(huì)員才能夠進(jìn)行網(wǎng)絡(luò)購(gòu)物。②在線購(gòu)物：會(huì)員登錄后，能夠?qū)ΜF(xiàn)存商品實(shí)現(xiàn)購(gòu)物功效。③在線充值：會(huì)員在進(jìn)行購(gòu)物時(shí)，會(huì)員賬戶中必須有足夠金錢。④查看余額：會(huì)員登錄系統(tǒng)后，能夠隨時(shí)查看個(gè)人賬戶余額。⑤修改密碼：會(huì)員登錄系統(tǒng)成功后，能夠自行修改密碼。⑥客戶留言：會(huì)員在購(gòu)物時(shí)假如有提議或意見(jiàn)能夠直接在線留言。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第2頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)后臺(tái)管理功效模塊包含以下一些操作。①修改密碼：管理員能夠自行修改個(gè)人密碼。②商品類別管理：管理員能夠?qū)ι唐奉悇e進(jìn)行添加，修改和刪除操作。③商品管理：管理員能夠?qū)ι唐沸畔⑦M(jìn)行添加和修改操作。④會(huì)員管理：管理員能夠?qū)?huì)員信息進(jìn)行管理。⑤留言管理：管理員能夠?qū)τ脩袅粞赃M(jìn)行管理。在線購(gòu)物系統(tǒng)整個(gè)邏輯功效結(jié)構(gòu)示意圖如圖10-1所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第3頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)【系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)】（1）用戶信息表UserInfo，用來(lái)保留注冊(cè)會(huì)員信息。詳細(xì)結(jié)構(gòu)見(jiàn)表10-1。（2）商品分類表Category，用來(lái)保留商品分類信息。詳細(xì)結(jié)構(gòu)見(jiàn)表10-2。（3）商品表Product，主要用來(lái)保留管理員上傳商品信息。詳細(xì)結(jié)構(gòu)見(jiàn)表10-3。（4）用戶訂購(gòu)商品表UserOrder，主要用來(lái)保留用戶購(gòu)置商品時(shí)間，會(huì)員編號(hào)和唯一標(biāo)識(shí)。詳細(xì)結(jié)構(gòu)見(jiàn)表10-4。（5）用戶訂購(gòu)商品詳細(xì)表OrderDetail，主要用來(lái)保留用戶購(gòu)置商品明細(xì)。詳細(xì)結(jié)構(gòu)見(jiàn)表10-5。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第4頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)（6）用戶留言GuestBook表，用來(lái)保留用戶在線留言信息。詳細(xì)結(jié)構(gòu)見(jiàn)表10-6。表詳細(xì)關(guān)系圖如圖10-2所表示。（7）創(chuàng)建視圖PDetail，主要用于商品表和商品分類表進(jìn)行關(guān)聯(lián)，詳細(xì)如圖10-3所表示。（8）創(chuàng)建視圖cartlist，主要用于對(duì)會(huì)員每次購(gòu)物匯總，詳細(xì)如圖10-4所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第5頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)【數(shù)據(jù)庫(kù)訪問(wèn)配置和實(shí)現(xiàn)】1.配置Web.Config文件本系統(tǒng)采取AdO.NET方式訪問(wèn)SQLServer數(shù)據(jù)庫(kù)，首先在Web.Config文件中配置訪問(wèn)數(shù)據(jù)庫(kù)鏈接字符串，在配置文件中添加代碼。<connectionStrings><addname="ConnectionString"connectionString="server=(local);uid=sa;pwd=sa;database=EShop"providerName="System.Data.SqlClient"/></connectionStrings>下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第6頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)2.訪問(wèn)數(shù)據(jù)庫(kù)操作訪問(wèn)數(shù)據(jù)庫(kù)操作，主要包含建立數(shù)據(jù)庫(kù)連接、對(duì)數(shù)據(jù)庫(kù)表查詢返回DataSet類型數(shù)據(jù)、對(duì)數(shù)據(jù)庫(kù)表更新操作和斷開(kāi)數(shù)據(jù)庫(kù)連接操作。【在線購(gòu)物基本功效頁(yè)面分析】1.用戶控件用戶控件是ASP.NET控件封裝最簡(jiǎn)單形式，它能夠大大提升代碼重用。因?yàn)樵谙到y(tǒng)中每個(gè)頁(yè)面都要判斷用戶登錄功效和商品分類功效，所以創(chuàng)建了兩個(gè)用戶控件：用戶登錄控件和顯示商品分類控件。（1）用戶登錄控件。右擊【項(xiàng)目】，在彈出快捷菜單中選擇【添加新項(xiàng)】命令，在彈出對(duì)話框中選擇【W(wǎng)eb用戶控件】選項(xiàng)，如圖10-5所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第7頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)在生成用戶控件前臺(tái)代碼中添加判斷會(huì)員在登錄成功和沒(méi)有登錄情景下對(duì)應(yīng)代碼。在登錄控件前臺(tái)代碼中，主要經(jīng)過(guò)對(duì)會(huì)員Session進(jìn)行判斷，假如會(huì)員已經(jīng)登錄，則顯示會(huì)員慣用操作菜單，不然直接顯示登錄對(duì)話框。當(dāng)會(huì)員單擊【登錄】按鈕時(shí)，添加【登錄】按鈕后臺(tái)處理代碼。對(duì)于新用戶注冊(cè)為會(huì)員時(shí)，對(duì)【注冊(cè)】按鈕添加后臺(tái)處理代碼，主要實(shí)現(xiàn)頁(yè)面轉(zhuǎn)向。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第8頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)（2）商品分類控件。右擊【項(xiàng)目】，在彈出快捷菜單中選擇【添加新項(xiàng)】命令，在彈出對(duì)話框中選擇【W(wǎng)eb用戶控件】選項(xiàng)，輸入控件名稱“CategoryList.ascx”，在分類控件前臺(tái)頁(yè)面中添加一個(gè)DataList控件“dlstCategory”，如圖10-6所表示，并修改其對(duì)應(yīng)屬性。修改控件“dlstCategory”數(shù)據(jù)項(xiàng)模板，將表格開(kāi)始標(biāo)識(shí)放在數(shù)據(jù)項(xiàng)頭部模板中，結(jié)束標(biāo)識(shí)放在底部模板中，中間全部數(shù)據(jù)項(xiàng)放在單元格中。添加控件在頁(yè)面調(diào)入時(shí)后臺(tái)代碼，主要實(shí)現(xiàn)對(duì)控件“dlstCategory”數(shù)據(jù)綁定。（3）文件上傳控件。文件上傳控件主要實(shí)現(xiàn)對(duì)商品圖片上傳，返回圖片文件名稱，并驗(yàn)證圖片格式。詳細(xì)前臺(tái)布局如圖10-7所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第9頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)2.頁(yè)面模板因?yàn)橄到y(tǒng)多個(gè)頁(yè)面要使用相同布局方式，對(duì)于全部在線購(gòu)物功效頁(yè)面中使用統(tǒng)一模板，而且在模板中使用用戶控件，能夠大大方便代碼重用。右擊【項(xiàng)目】，在彈出快捷菜單中選擇【添加新項(xiàng)】命令，在彈出對(duì)話框中選擇【母版頁(yè)】選項(xiàng)，輸入母版頁(yè)名稱“MasterPage.master”，然后對(duì)母版頁(yè)面進(jìn)行布局，詳細(xì)布局效果如圖10-8所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第10頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)【詳細(xì)功效頁(yè)面實(shí)現(xiàn)】1.系統(tǒng)默認(rèn)頁(yè)面“Default.aspx”在默認(rèn)頁(yè)面中，首先使用上面創(chuàng)建母版頁(yè)，在內(nèi)容區(qū)域中添加三個(gè)欄目：最新上架，精品推薦和特價(jià)商品。在每個(gè)欄目中添加一個(gè)DataList控件，用來(lái)顯示對(duì)應(yīng)商品，并設(shè)置對(duì)應(yīng)屬性，如圖10-9所表示。設(shè)置完成后，單擊DataList控件任務(wù)快捷菜單，選擇【編輯模板】選項(xiàng)，如圖10-10所表示。在模板編輯窗口中，對(duì)ItemTemplate進(jìn)行編輯，詳細(xì)效果如圖10-11所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第11頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)編輯ItemTemplate完成后，返回到默認(rèn)頁(yè)面，此時(shí)頁(yè)面效果如圖10-12所表示。以一樣方式完成其它兩個(gè)欄目標(biāo)DataList設(shè)置。完成頁(yè)面前臺(tái)設(shè)計(jì)部分后，首先添加頁(yè)面載入代碼，實(shí)現(xiàn)DataList數(shù)據(jù)綁定。其次，添加DataList數(shù)據(jù)項(xiàng)模板中【添加到購(gòu)物車】按鈕事件綁定。對(duì)于顯示商品詳細(xì)信息按鈕，經(jīng)過(guò)在模板中定義鏈接方式來(lái)定義。最終默認(rèn)頁(yè)面運(yùn)行效果如圖10-13所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第12頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)2.會(huì)員注冊(cè)“Register.aspx”會(huì)員注冊(cè)頁(yè)面也使用了母版頁(yè)，主要實(shí)現(xiàn)用戶在線注冊(cè)為會(huì)員，運(yùn)行效果如圖10-14所表示。在新會(huì)員注冊(cè)過(guò)程中，首先對(duì)用戶輸入內(nèi)容進(jìn)行驗(yàn)證，是否符合指定格式。3.購(gòu)置商品“Buy.aspx”會(huì)員假如實(shí)現(xiàn)在線購(gòu)置商品，必須登錄成功后方可進(jìn)行購(gòu)物。詳細(xì)購(gòu)物流程圖如圖10-15所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第13頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)當(dāng)會(huì)員單擊【購(gòu)置商品】按鈕，此時(shí)將顯示商品詳細(xì)信息，并接收會(huì)員輸入購(gòu)置商品數(shù)量，如圖10-16所表示。對(duì)于購(gòu)物車實(shí)現(xiàn)，將會(huì)員購(gòu)置商品首先放入一個(gè)DataTable中，在將這個(gè)DataTable放入Session中，會(huì)員不停更改購(gòu)物車中商品信息，此時(shí)將更新DataTable中商品信息，并將DataTable與GridView控件進(jìn)行綁定。會(huì)員輸入完產(chǎn)品數(shù)量后，單擊【加入購(gòu)物車】按鈕，此時(shí)將先判斷用戶輸入數(shù)量和此商品全部數(shù)量進(jìn)行比較，假如輸入商品數(shù)量大于商品全部數(shù)量，此時(shí)將提醒會(huì)員，不然將商品放入購(gòu)物車。會(huì)員在沒(méi)有結(jié)賬之前，能夠?qū)x擇商品進(jìn)行刪除，此時(shí)只是從DataTable中刪除商品信息，刪除后重新綁定GridView。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第14頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)假如需要清空購(gòu)物車，只需要將Session會(huì)話中購(gòu)物車對(duì)象設(shè)置為null，然后重新綁定GridView即可。最終當(dāng)會(huì)員結(jié)賬時(shí)，單擊【結(jié)賬】按鈕，系統(tǒng)首先驗(yàn)證會(huì)員賬戶余額，假如余額不足，則購(gòu)物失敗，然后驗(yàn)證用戶選擇商品數(shù)量和現(xiàn)有商品數(shù)量進(jìn)行比較，假如現(xiàn)有數(shù)量小于會(huì)員購(gòu)置數(shù)量，將會(huì)員購(gòu)置數(shù)量修改為商品現(xiàn)有數(shù)量。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第15頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)4.查看購(gòu)物清單“MyCartList.aspx”會(huì)員只要登錄系統(tǒng)，就能夠查詢到會(huì)員歷次購(gòu)物清單及明細(xì)，點(diǎn)擊【查看購(gòu)物清單】鏈接，則顯示該會(huì)員全部購(gòu)物清單，假如需要查看對(duì)應(yīng)明細(xì)，直接點(diǎn)擊【詳細(xì)】鏈接即可，如圖10-17所表示。購(gòu)物清單MyCartList.aspx頁(yè)面使用了MasterPage.master母版頁(yè)，在母版頁(yè)內(nèi)容區(qū)域添加一個(gè)GridView控件，用來(lái)顯示會(huì)員購(gòu)物清單。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第16頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)5.在線充值“Account.aspx”在線充值主要實(shí)現(xiàn)增加會(huì)員賬戶金額，當(dāng)然在實(shí)際運(yùn)作過(guò)程中應(yīng)該使用其它方式來(lái)代替此功效，比如網(wǎng)上銀行轉(zhuǎn)賬。此頁(yè)面使用了MasterPage.master母版頁(yè)，在母版頁(yè)內(nèi)容區(qū)域添加輸入金額輸入框，充值按鈕和其它文字信息。詳細(xì)效果如圖10-18所表示。6.在線留言“GuestBook.aspx”假如用戶在購(gòu)物過(guò)程中有一些提議，能夠直接在線留言，詳細(xì)效果如圖10-19所表示。7.商品詳細(xì)信息“Show.aspx”在需要瀏覽商品詳細(xì)信息時(shí)，直接單擊【Show】按鈕，詳細(xì)效果如圖10-20所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第17頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)8.后臺(tái)商品分類管理“Class.aspx”后臺(tái)商品分類管理主要對(duì)分類增加，刪除和修改操作，前臺(tái)頁(yè)面布局如圖10-21所表示。9.后臺(tái)商品管理“Manager.aspx”后臺(tái)商品管理主要是對(duì)當(dāng)前在線商品信息進(jìn)行修改，經(jīng)過(guò)GridView綁定SqlDataSource數(shù)據(jù)源進(jìn)行數(shù)據(jù)顯示和分頁(yè)，詳細(xì)前臺(tái)頁(yè)面布局如圖10-22所表示。10.后臺(tái)商品添加“GoodsAdd.aspx”后臺(tái)商品添加主要是添加新上線商品，包含了商品基本信息和圖片信息，前臺(tái)布局如圖10-23所表示。管理員在添加新商品時(shí)，首先對(duì)商品一些信息進(jìn)行驗(yàn)證，像產(chǎn)品名稱，市場(chǎng)價(jià)格等。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第18頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)11.后臺(tái)會(huì)員信息管理“Customer.aspx”管理員能夠?yàn)g覽會(huì)員信息，并含有刪除會(huì)員信息權(quán)限，經(jīng)過(guò)GridView綁定SqlDataSource數(shù)據(jù)源進(jìn)行數(shù)據(jù)顯示和分頁(yè)，詳細(xì)前臺(tái)頁(yè)面布局如圖10-24所表示。12.留言信息管理“GuestBook.aspx”管理員能夠?yàn)g覽全部留言信息，并含有刪除留言權(quán)限，經(jīng)過(guò)GridView綁定SqlDataSource數(shù)據(jù)源進(jìn)行數(shù)據(jù)顯示和分頁(yè)，詳細(xì)前臺(tái)頁(yè)面布局如圖10-25所表示。下一頁(yè)返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第19頁(yè)項(xiàng)目十在線購(gòu)物系統(tǒng)【系統(tǒng)主題樣式】1.外觀文件系統(tǒng)外觀文件中，只是對(duì)Web服務(wù)器Button控件進(jìn)行了定義，詳細(xì)代碼以下所表示。<asp:ButtonRunat="server"BorderStyle="Groove"BordWidth="0px"/>2.樣式文件，詳細(xì)代碼見(jiàn)書本程序清單10-27樣式文件返回上一頁(yè)在線購(gòu)物系統(tǒng)課程第20頁(yè)表10-1UserInfo表結(jié)構(gòu)返回在線購(gòu)物系統(tǒng)課程第21頁(yè)表10-2Category表結(jié)構(gòu)返回在線購(gòu)物系統(tǒng)課程第22頁(yè)表10-3Product表結(jié)構(gòu)返回在線購(gòu)物系統(tǒng)課程第23頁(yè)表10-4UserOrder表結(jié)構(gòu)返回在線購(gòu)物系統(tǒng)課程第24頁(yè)表10-5OrderDetail表結(jié)構(gòu)返回在線購(gòu)物系統(tǒng)課程第25頁(yè)表10-6GuestBook表結(jié)構(gòu)返回在線購(gòu)物系統(tǒng)課程第26頁(yè)圖10-1系統(tǒng)邏輯功效結(jié)構(gòu)圖返回在線購(gòu)物系統(tǒng)課程第27頁(yè)圖10-2表關(guān)系圖返回在線購(gòu)物系統(tǒng)課程第28頁(yè)圖10-3創(chuàng)建視圖返回在線購(gòu)物系統(tǒng)課程第29頁(yè)圖10-4