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

1、項(xiàng)目十在線購(gòu)物系統(tǒng)【項(xiàng)目任務(wù)】 Web開發(fā)技術(shù)的飛速發(fā)展促進(jìn)了電子商務(wù)的普及。目前，越來(lái)越多的商業(yè)活動(dòng)開始轉(zhuǎn)移到Internet中來(lái)進(jìn)行，一種新的購(gòu)物方式電子購(gòu)物正在悄然興起，這種購(gòu)物方式無(wú)疑給商家和消費(fèi)者帶來(lái)了極大的便利，使以前很多不可能的商業(yè)活動(dòng)變得異?？旖荨１卷?xià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í)可以對(duì)前面所學(xué)內(nèi)容進(jìn)行總結(jié)，也可以提高對(duì)各種應(yīng)用技術(shù)的整合能力。下一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)【整體功功能劃分分】根據(jù)系統(tǒng)統(tǒng)功能要要求，在在線網(wǎng)絡(luò)絡(luò)購(gòu)物系系統(tǒng)整體體功能分分為兩個(gè)個(gè)模塊：針對(duì)普普通用戶

2、戶實(shí)現(xiàn)在在線購(gòu)物物功能模模塊和管管理員后后臺(tái)管理理功能模模塊。在線購(gòu)物物基本功功能模塊塊包括以以下一些些操作。會(huì)員注注冊(cè)：用用戶可以以自行注注冊(cè)為會(huì)會(huì)員，只只有成為為網(wǎng)絡(luò)會(huì)會(huì)員才可可以進(jìn)行行網(wǎng)絡(luò)購(gòu)購(gòu)物。在線購(gòu)購(gòu)物：會(huì)會(huì)員登錄錄后，可可以對(duì)現(xiàn)現(xiàn)存商品品實(shí)現(xiàn)購(gòu)購(gòu)物功能能。在線充充值：會(huì)會(huì)員在進(jìn)進(jìn)行購(gòu)物物時(shí)，會(huì)會(huì)員的賬賬戶中必必須有足足夠的金金錢。查看余余額：會(huì)會(huì)員登錄錄系統(tǒng)后后，可以以隨時(shí)查查看個(gè)人人賬戶余余額。修改密密碼：會(huì)會(huì)員登錄錄系統(tǒng)成成功后，可以自自行修改改密碼?？蛻袅袅粞裕簳?huì)會(huì)員在購(gòu)購(gòu)物時(shí)如如果有建建議或意意見可以以直接在在線留言言。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)后臺(tái)管理理功能模

3、模塊包括括以下一一些操作作。修改密密碼：管管理員可可以自行行修改個(gè)個(gè)人密碼碼。商品類類別管理理：管理理員可以以對(duì)商品品的類別別進(jìn)行添添加，修修改和刪刪除操作作。商品管管理：管管理員可可以對(duì)商商品的信信息進(jìn)行行添加和和修改操操作。會(huì)員管管理：管管理員可可以對(duì)會(huì)會(huì)員信息息進(jìn)行管管理。留言管管理：管管理員可可以對(duì)用用戶的留留言進(jìn)行行管理。在線購(gòu)物物系統(tǒng)整整個(gè)邏輯輯功能結(jié)結(jié)構(gòu)示意意圖如圖10-1所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)【系統(tǒng)數(shù)數(shù)據(jù)庫(kù)設(shè)設(shè)計(jì)】（1）用用戶信息息表UserInfo，用來(lái)來(lái)保存注注冊(cè)會(huì)員員的信息息。具體體結(jié)構(gòu)見見表10-1。（2）商商品分類類表Category，用來(lái)來(lái)保存

4、商商品分類類的信息息。具體體結(jié)構(gòu)見見表10-2。（3）商商品表Product，主要要用來(lái)保保存管理理員上傳傳的商品品信息。具體結(jié)結(jié)構(gòu)見表10-3。（4）用用戶訂購(gòu)購(gòu)商品表表UserOrder，主要要用來(lái)保保存用戶戶購(gòu)買商商品的時(shí)時(shí)間，會(huì)會(huì)員的編編號(hào)和唯唯一標(biāo)識(shí)識(shí)。具體體結(jié)構(gòu)見見表10-4。（5）用用戶訂購(gòu)購(gòu)商品詳詳細(xì)表OrderDetail，主主要用來(lái)來(lái)保存用用戶購(gòu)買買商品的的明細(xì)。具體結(jié)結(jié)構(gòu)見表10-5。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)（6）用用戶留言言GuestBook表，用用來(lái)保存存用戶的的在線留留言信息息。具體體結(jié)構(gòu)見見表10-6。表的具體體關(guān)系圖圖如圖10-2所示。（7）創(chuàng)創(chuàng)建

5、視圖圖PDetail，主主要用于于商品表表和商品品分類表表進(jìn)行關(guān)關(guān)聯(lián)，具具體如圖10-3所示。（8）創(chuàng)創(chuàng)建視圖圖cartlist，主要用用于對(duì)會(huì)會(huì)員每次次購(gòu)物的的匯總，具體如如圖10-4所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)【數(shù)據(jù)庫(kù)庫(kù)訪問(wèn)配配置和實(shí)實(shí)現(xiàn)】1.配置置Web.Config文件件本系統(tǒng)采采用AdO.NET方方式訪問(wèn)問(wèn)SQL Server2000數(shù)據(jù)庫(kù)庫(kù)，首先先在Web.Config文文件中配配置訪問(wèn)問(wèn)數(shù)據(jù)庫(kù)庫(kù)的鏈接接字符串串，在配配置文件件中添加加代碼。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)2.訪問(wèn)問(wèn)數(shù)據(jù)庫(kù)庫(kù)操作訪問(wèn)數(shù)據(jù)據(jù)庫(kù)操作作，主要要包括建建立數(shù)據(jù)據(jù)庫(kù)連接接、對(duì)數(shù)數(shù)據(jù)庫(kù)表表

6、查詢返返回DataSet類類型數(shù)據(jù)據(jù)、對(duì)數(shù)數(shù)據(jù)庫(kù)表表更新操操作和斷斷開數(shù)據(jù)據(jù)庫(kù)連接接操作。【在線購(gòu)購(gòu)物基本本功能頁(yè)頁(yè)面分析析】1.用戶戶控件用戶控件件是ASP.NET控控件封裝裝最簡(jiǎn)單單的形式式，它可可以大大大提高代代碼的重重用。由由于在系系統(tǒng)中每每個(gè)頁(yè)面面都要判判斷用戶戶的登錄錄功能和和商品的的分類功功能，所所以創(chuàng)建建了兩個(gè)個(gè)用戶控控件：用用戶登錄錄控件和和顯示商商品分類類的控件件。（1）用用戶登錄錄控件。右擊【項(xiàng)目】，在彈彈出的快快捷菜單單中選擇擇【添加加新項(xiàng)】命令，在彈出出的對(duì)話話框中選選擇【W(wǎng)eb用用戶控件件】選項(xiàng)項(xiàng)，如圖10-5所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)在生成的的用

7、戶控控件的前前臺(tái)代碼碼中添加加判斷會(huì)會(huì)員在登登錄成功功和沒(méi)有有登錄情情景下對(duì)對(duì)應(yīng)的代代碼。在登錄控控件的前前臺(tái)代碼碼中，主主要通過(guò)過(guò)對(duì)會(huì)員員的Session進(jìn)進(jìn)行判斷斷，如果果會(huì)員已已經(jīng)登錄錄，則顯顯示會(huì)員員的常用用操作菜菜單，否否則直接接顯示登登錄對(duì)話話框。當(dāng)當(dāng)會(huì)員單單擊【登登錄】按按鈕時(shí)，添加【登錄】按鈕的的后臺(tái)處處理代碼碼。對(duì)于新用用戶注冊(cè)冊(cè)為會(huì)員員時(shí)，對(duì)對(duì)【注冊(cè)冊(cè)】按鈕鈕添加后后臺(tái)處理理代碼，主要實(shí)實(shí)現(xiàn)頁(yè)面面的轉(zhuǎn)向向。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)（2）商商品分類類控件。右擊【項(xiàng)目】，在彈彈出的快快捷菜單單中選擇擇【添加加新項(xiàng)】命令，在彈出出的對(duì)話話框中選選擇【W(wǎng)eb用用戶控件

8、件】選項(xiàng)項(xiàng)，輸入入控件名名稱“CategoryList.ascx”，在分類類控件的的前臺(tái)頁(yè)頁(yè)面中添添加一個(gè)個(gè)DataList控控件“dlstCategory”，如圖10-6所示，并并修改其其相應(yīng)的的屬性。修改控控件“dlstCategory”的數(shù)據(jù)據(jù)項(xiàng)模板板，將表表格的開開始標(biāo)記記放在數(shù)數(shù)據(jù)項(xiàng)的的頭部模模板中，結(jié)束標(biāo)標(biāo)記放在在底部模模板中，中間所所有的數(shù)數(shù)據(jù)項(xiàng)放放在單元元格中。添加控件件在頁(yè)面面調(diào)入時(shí)時(shí)的后臺(tái)臺(tái)代碼，主要實(shí)實(shí)現(xiàn)對(duì)控控件“dlstCategory”的數(shù)據(jù)據(jù)綁定。（3）文文件上傳傳控件。文件上上傳控件件主要實(shí)實(shí)現(xiàn)對(duì)商商品圖片片的上傳傳，返回回圖片的的文件名名稱，并并驗(yàn)證圖圖片的格格

9、式。具具體前臺(tái)臺(tái)布局如如圖10-7所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)2.頁(yè)面面模板由于系統(tǒng)統(tǒng)多個(gè)頁(yè)頁(yè)面要使使用相同同的布局局方式，對(duì)于所所有的在在線購(gòu)物物功能頁(yè)頁(yè)面中使使用統(tǒng)一一模板，并且在在模板中中使用用用戶控件件，可以以大大方方便代碼碼的重用用。右擊擊【項(xiàng)目目】，在在彈出的的快捷菜菜單中選選擇【添添加新項(xiàng)項(xiàng)】命令令，在彈彈出的對(duì)對(duì)話框中中選擇【母版頁(yè)頁(yè)】選項(xiàng)項(xiàng)，輸入入母版頁(yè)頁(yè)名稱“MasterPage.master”，然后后對(duì)母版版頁(yè)面進(jìn)進(jìn)行布局局，具體體布局效效果如圖10-8所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)【具體功功能頁(yè)面面實(shí)現(xiàn)】1.系統(tǒng)統(tǒng)默認(rèn)頁(yè)頁(yè)面“Default

10、.aspx”在默認(rèn)頁(yè)頁(yè)面中，首先使使用上面面創(chuàng)建的的母版頁(yè)頁(yè)，在內(nèi)內(nèi)容區(qū)域域中添加加三個(gè)欄欄目：最最新上架架，精品品推薦和和特價(jià)商商品。在在每個(gè)欄欄目中添添加一個(gè)個(gè)DataList控控件，用用來(lái)顯示示對(duì)應(yīng)的的商品，并設(shè)置置相應(yīng)的的屬性，如圖10-9所示。設(shè)置完成成后，單單擊DataList控件的的任務(wù)快快捷菜單單，選擇擇【編輯輯模板】選項(xiàng)，如圖10-10所示。在模板編編輯窗口口中，對(duì)對(duì)ItemTemplate進(jìn)行編編輯，具具體效果果如圖10-11所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)編輯ItemTemplate完成成后，返返回到默默認(rèn)頁(yè)面面，此時(shí)時(shí)頁(yè)面效效果如圖10-12所示。以同樣的的

11、方式完完成其他他兩個(gè)欄欄目的DataList設(shè)置置。完成成頁(yè)面的的前臺(tái)設(shè)設(shè)計(jì)部分分后，首首先添加加頁(yè)面載載入代碼碼，實(shí)現(xiàn)現(xiàn)DataList的的數(shù)據(jù)綁綁定。其次，添添加DataList數(shù)據(jù)項(xiàng)項(xiàng)模板中中的【添添加到購(gòu)購(gòu)物車】按鈕的的事件綁綁定。對(duì)于顯示示商品詳詳細(xì)信息息按鈕，通過(guò)在在模板中中定義鏈鏈接的方方式來(lái)定定義。最終默認(rèn)認(rèn)頁(yè)面運(yùn)運(yùn)行效果果如圖10-13所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)2.會(huì)員員注冊(cè)“Register.aspx”會(huì)員注冊(cè)冊(cè)頁(yè)面也也使用了了母版頁(yè)頁(yè)，主要要實(shí)現(xiàn)用用戶在線線注冊(cè)為為會(huì)員，運(yùn)行效效果如圖10-14所示。在新會(huì)員員注冊(cè)過(guò)過(guò)程中，首先對(duì)對(duì)用戶輸輸入的內(nèi)內(nèi)容進(jìn)行

12、行驗(yàn)證，是否符符合指定定格式。3.購(gòu)買買商品“Buy.aspx”會(huì)員如果果實(shí)現(xiàn)在在線購(gòu)買買商品，必須登登錄成功功后方可可進(jìn)行購(gòu)購(gòu)物。具具體的購(gòu)購(gòu)物流程程圖如圖10-15所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)當(dāng)會(huì)員單單擊【購(gòu)購(gòu)買商品品】按鈕鈕，此時(shí)時(shí)將顯示示商品的的詳細(xì)信信息，并并接受會(huì)會(huì)員輸入入購(gòu)買商商品的數(shù)數(shù)量，如如圖10-16所示。對(duì)于購(gòu)物物車的實(shí)實(shí)現(xiàn)，將將會(huì)員購(gòu)購(gòu)買的商商品首先先放入一一個(gè)DataTable中，在將這這個(gè)DataTable放入入Session中，會(huì)員不不斷更改改購(gòu)物車車中的商商品信息息，此時(shí)時(shí)將更新新DataTable中的商商品信息息，并將將DataTable與Gr

13、idView控件進(jìn)進(jìn)行綁定定。會(huì)員輸入入完產(chǎn)品品數(shù)量后后，單擊擊【加入入購(gòu)物車車】按鈕鈕，此時(shí)時(shí)將先判判斷用戶戶輸入的的數(shù)量和和此商品品的所有有數(shù)量進(jìn)進(jìn)行比較較，如果果輸入商商品的數(shù)數(shù)量大于于商品的的所有數(shù)數(shù)量，此此時(shí)將提提示會(huì)員員，否則則將商品品放入購(gòu)購(gòu)物車。會(huì)員在沒(méi)沒(méi)有結(jié)賬賬之前，可以對(duì)對(duì)選擇的的商品進(jìn)進(jìn)行刪除除，此時(shí)時(shí)只是從從DataTable中刪除除商品信信息，刪刪除后重重新綁定定GridView。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)如果需要要清空購(gòu)購(gòu)物車，只需要要將Session會(huì)會(huì)話中的的購(gòu)物車車對(duì)象設(shè)設(shè)置為null，然后后重新綁綁定GridView即可。最后當(dāng)會(huì)會(huì)員結(jié)賬賬時(shí)，單

14、單擊【結(jié)結(jié)賬】按按鈕，系系統(tǒng)首先先驗(yàn)證會(huì)會(huì)員的賬賬戶余額額，如果果余額不不足，則則購(gòu)物失失敗，然然后驗(yàn)證證用戶選選擇的商商品數(shù)量量和現(xiàn)有有的商品品數(shù)量進(jìn)進(jìn)行比較較，如果果現(xiàn)有的的數(shù)量小小于會(huì)員員購(gòu)買的的數(shù)量，將會(huì)員員購(gòu)買的的數(shù)量修修改為商商品現(xiàn)有有的數(shù)量量。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)4.查看看購(gòu)物清清單“MyCartList.aspx”會(huì)員只要要登錄系系統(tǒng)，就就可以查查詢到會(huì)會(huì)員的歷歷次購(gòu)物物清單及及明細(xì)，點(diǎn)擊【查看購(gòu)購(gòu)物清單單】鏈接接，則顯顯示該會(huì)會(huì)員的所所有購(gòu)物物清單，如果需需要查看看對(duì)應(yīng)的的明細(xì)，直接點(diǎn)點(diǎn)擊【詳詳細(xì)】鏈鏈接即可可，如圖10-17所示。購(gòu)物清單單MyCartLi

15、st.aspx的頁(yè)面面使用了了MasterPage.master母母版頁(yè)，在母版版頁(yè)的內(nèi)內(nèi)容區(qū)域域添加一一個(gè)GridView控件，用來(lái)顯顯示會(huì)員員的購(gòu)物物清單。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)5.在線線充值“Account.aspx”在線充值值主要實(shí)實(shí)現(xiàn)增加加會(huì)員的的賬戶金金額，當(dāng)當(dāng)然在實(shí)實(shí)際的運(yùn)運(yùn)作過(guò)程程中應(yīng)該該使用其其他的方方式來(lái)代代替此功功能，例例如網(wǎng)上上銀行轉(zhuǎn)轉(zhuǎn)賬。此此頁(yè)面使使用了MasterPage.master母版版頁(yè)，在在母版頁(yè)頁(yè)的內(nèi)容容區(qū)域添添加輸入入金額的的輸入框框，充值值按鈕和和其他的的文字信信息。具具體效果果如圖10-18所示。6.在線線留言“GuestBook.a

16、spx”如果用戶戶在購(gòu)物物過(guò)程中中有一些些建議，可以直直接在線線留言，具體效效果如圖10-19所示。7.商品品詳細(xì)信信息“Show.aspx”在需要瀏瀏覽商品品詳細(xì)信信息時(shí)，直接單單擊【Show】按鈕鈕，具體體效果如如圖10-20所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)8.后臺(tái)臺(tái)商品分分類管理理“Class.aspx”后臺(tái)商品品分類管管理主要要對(duì)分類類的增加加，刪除除和修改改操作，前臺(tái)頁(yè)頁(yè)面布局局如圖10-21所示。9.后臺(tái)臺(tái)商品管管理“Manager.aspx”后臺(tái)商品品管理主主要是對(duì)對(duì)目前在在線商品品信息進(jìn)進(jìn)行修改改，通過(guò)過(guò)GridView綁綁定SqlDataSource數(shù)數(shù)據(jù)源進(jìn)進(jìn)行

17、數(shù)據(jù)據(jù)顯示和和分頁(yè)，具體的的前臺(tái)頁(yè)頁(yè)面布局局如圖10-22所示。10.后后臺(tái)商品品添加“GoodsAdd.aspx”后臺(tái)商品品添加主主要是添添加新的的上線商商品，包包括了商商品的基基本信息息和圖片片信息，前臺(tái)布布局如圖10-23所示。管理員在在添加新新商品時(shí)時(shí)，首先先對(duì)商品品的一些些信息進(jìn)進(jìn)行驗(yàn)證證，像產(chǎn)產(chǎn)品名稱稱，市場(chǎng)場(chǎng)價(jià)格等等。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)11.后后臺(tái)會(huì)員員信息管管理“Customer.aspx”管理員可可以瀏覽覽會(huì)員信信息，并并具有刪刪除會(huì)員員信息的的權(quán)限，通過(guò)GridView綁定定SqlDataSource數(shù)據(jù)據(jù)源進(jìn)行行數(shù)據(jù)顯顯示和分分頁(yè)，具具體的前前臺(tái)頁(yè)面面

18、布局如如圖10-24所示。12.留留言信息息管理“GuestBook.aspx”管理員可可以瀏覽覽所有的的留言信信息，并并具有刪刪除留言言的權(quán)限限，通過(guò)過(guò)GridView綁綁定SqlDataSource數(shù)數(shù)據(jù)源進(jìn)進(jìn)行數(shù)據(jù)據(jù)顯示和和分頁(yè)，具體的的前臺(tái)頁(yè)頁(yè)面布局局如圖10-25所示。下一頁(yè)返回上一頁(yè)項(xiàng)目十在在線購(gòu)物物系統(tǒng)【系統(tǒng)的的主題樣樣式】1.外觀觀文件系統(tǒng)的外外觀文件件中，只只是對(duì)Web服服務(wù)器Button控控件進(jìn)行行了定義義，具體體代碼如如下所示示。2.樣式式文件，具體代代碼見課課本程序序清單10-27樣式式文件返回上一頁(yè)表10-1UserInfo表結(jié)結(jié)構(gòu)返回表10-2Category表結(jié)結(jié)構(gòu)返回表10-3Product表結(jié)構(gòu)構(gòu)返回表10-4UserOrder表表結(jié)構(gòu)返回表10-5OrderDetail表結(jié)結(jié)構(gòu)返回表10-6GuestBook表表結(jié)構(gòu)返回圖10-1系統(tǒng)統(tǒng)邏輯功功能結(jié)構(gòu)構(gòu)圖返回圖10-2表關(guān)關(guān)系圖返回圖10-3創(chuàng)建建視圖返回圖10-4會(huì)員員購(gòu)物匯匯總視圖圖返回圖10-5創(chuàng)建建Web用戶控控件返回圖10-6配置置DataList屬屬性返回圖10-7文件件上傳組組件返回圖10-8