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

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