購物網(wǎng)站制作參考文件

1、購 物 網(wǎng)站 制 作參考任務1 網(wǎng)站整體功能劃分依照系統(tǒng)功能要求,在線網(wǎng)絡購物系統(tǒng)整體功能分為兩個模塊:針對一般用戶實現(xiàn)在線購物功能模塊和治理員后臺治理功能模塊。1、在線購物差不多功能模塊要緊包括以下一些操作。會員注冊：用戶能夠自行注冊為會員,只有成為網(wǎng)站會員才能夠進行網(wǎng)絡購物。在線購物：會員登錄后,能夠對現(xiàn)存商品實現(xiàn)購物功能。在線充值:會員在進行購物時，會員的賬戶中必須有足夠的金鈔票。查看余額:會員登錄系統(tǒng)后,能夠隨時查看個人賬戶余額。修改密碼:會員登錄系統(tǒng)成功后,能夠自行修改密碼。客戶留言：會員在購物時假如有建議或意見能夠直接在線留言。、后臺治理功能模塊包括以下一些操作。修改密碼:治理員能

2、夠自行修改個人密碼。商品類不治理：治理員能夠對商品的類不進行添加,修改和刪除操作。商品治理:治理員能夠對商品的信息進行添加和修改操作。會員治理：治理員能夠對會員信息進行治理。留言治理：治理員能夠對用戶的留言進行治理。在線購物系統(tǒng)整個邏輯功能結構示意圖如下圖所示。任務2 數(shù)據(jù)庫設計依照購物網(wǎng)站的業(yè)務流程和功能設計,本網(wǎng)站設計了以下數(shù)據(jù)表:（)用戶信息表UserIf,用來保存注冊會員的信息。具體結構見下表。（2)商品分類表aeor，用來保存商品分類的信息。具體結構見下表。（3)商品表Prout，要緊用來保存治理員上傳的商品信息。具體結構見下表。(4)用戶購物車表Car,要緊用來保存用戶購買商品時的

3、購物車商品信息。具體結構見下表。()用戶訂單表rrder,要緊用來保存用戶訂單信息。具體結構見下表。(6)用戶訂單商品詳細信息表UserOreLineIt，要緊用來保存用戶購買的商品的明細信息。具體結構見下表。各表之間的功能關系如下圖所示：（6)數(shù)據(jù)庫訪問配置和實現(xiàn)1.配置WebCofi文件本系統(tǒng)采納dO.N方式訪問QL Sev20數(shù)據(jù)庫，首先在ebCofg文件中配置訪問數(shù)據(jù)庫的鏈接字符串,在配置文件中添加代碼。add name=onnring conetiontring=DaaSuce.SQEXPRESS； AttachDilme |aaDrecory|EShomdf； Inegrte cu

4、riy=Tr; Uer Innc=Te prvierNme=ystem.ata.SqlCet /connectionStings任務 WB用戶控件和布局設計1.用戶控件用戶控件是APN控件封裝最簡單的形式,它能夠大大提高代碼的重用。由于在系統(tǒng)中每個頁面都要推斷用戶的登錄功能和商品的分類功能，因此創(chuàng)建了兩個用戶控件:用戶登錄控件、顯示商品分類和文件上傳控件。（1）用戶登錄控件。右擊【項目】,在彈出的快捷菜單中選擇【添加新項】命令，在彈出的對話框中選擇【W(wǎng)eb用戶控件】選項,如下圖所示。在生成的用戶控件的前臺代碼中添加推斷會員在登錄成功和沒有登錄情景下對應的代碼。在登錄控件的前臺代碼中,要緊通過對

5、會員的Sesi進行推斷,假如會員差不多登錄,則顯示會員的常用操作菜單，否則直接顯示登錄對話框。當會員單擊【登錄】按鈕時,添加【登錄】按鈕的后臺處理代碼。關于新用戶注冊為會員時,對【注冊】按鈕添加后臺處理代碼,要緊實現(xiàn)頁面的轉向。()商品分類控件。右擊【項目】，在彈出的快捷菜單中選擇【添加新項】命令，在彈出的對話框中選擇【e用戶控件】選項,輸入控件名稱“CategorList.ax”，在分類控件的前臺頁面中添加一個Dtis控件“Cagory”,如下圖所示，并修改其相應的屬性。修改控件“dlstCateoy”的數(shù)據(jù)項模板，將表格的開始標記放在數(shù)據(jù)項的頭部模板中，結束標記放在底部模板中,中間所有的數(shù)

6、據(jù)項放在單元格中。添加控件在頁面調入時的后臺代碼，要緊實現(xiàn)對控件“dstategry”的數(shù)據(jù)綁定。（3)文件上傳控件。文件上傳控件要緊實現(xiàn)對商品圖片的上傳，返回圖片的文件名稱,并驗證圖片的格式。具體前臺布局如圖10-7所示?！皥D片上傳”按鈕后臺代碼:（4)驗證碼設計第一步:先設計一個aiata.asp文件,后臺代碼如下：usin Sstm;using Syse.t;usingsem.Configuratio;usigysemCllecn;sng Syste.Web;usiSyteWb.Security；usng Se.U;usingystm.eb.U.ebontrols；usng Syem.b

7、.UI.Worl.WePats；using ystm.ebUI.HtmlCtrols;sing Syste.Draing;singSystm.DrawiImagg;pubicpatial cas Valida_ : ysem.Web.UI.Page protectd void Page_Lod(ojec sener, EvtArg e) SessincoeRanNm(4); ValiatCoe(SessncodTotring(）, 4， 20， 黑體， 1, #FFFF）; / / 該方法用于生成指定位數(shù)的隨機數(shù) / / 參數(shù)是隨機數(shù)的位數(shù) / 返回一個隨機數(shù)字符串 privtestring

8、RandNum(nt VcdeNum） strig cr =，1,2,3，4,，6,7，8，,A,B,D,E，F(xiàn),G,H,I，J,K,L，M,N,P，,S,U,V，W,X,Y,Z; strin VAray = car.Split(,);/拆分成數(shù)組 srn Vum =； int temp -1;/記錄上次隨機數(shù)值，盡量避幸免生產幾個一樣的隨機數(shù) adomand newRandom()； /采納一個簡單的算法以保證生成隨機數(shù)的不同 fr (inti = ;VcodNum; i+) i (tmp! -1) ra = ne Random( * temp uhecked(n)DatimeNw.Tiks

9、); it =nd.Nxt（Vcray.Lngth 1）; if (temp ！= - & temp= t) urn RandNum(VcodeNm)； temp = t; VNu += Vrayt; return VNu; / / 生成圖片并寫入字符 / / 目標字符 / 寬 / 高 /字體文件 / 字體大小 / 圖片背景顏色 prvat void Validteode（stringNum，int w, in h, string fon, ntotSiz, stng gColo) Btma Im = w Bitma(w,);/生成圖像的實例 Grapcs g = Grphic.FrIage(

10、Ig)；/從Img對象生成新的Grphics對象 g.Clear(ColorTrnslatr.omHml(bgClor);/背景顏色 o f =ew ot（fon, otSize）;/生成Font類的實例 oliBruh s =new SidBrush(Clr.Gray);/生成筆刷類的實例 g.Dawrig（u,f, s, , 3);/將Num寫入圖片中 ImgS（Respons.uputSteam, ageFoat.Jpeg）;/將此圖像以peg圖像文件的格式保存到流中 Repns.ContentTpe = imagJpeg; /回收資源 g.Dispose（); ImgDispose()

11、; RspoeEnd(); 第二步：打開要應用驗證碼的頁面,在頁面源文件中對應位置添加如下應用:asp：Image ID=Im1 rnt=rver ImageUrl=/驗證碼/Vlida apx /點擊換一張第三步:給“登錄”按鈕添加如下代碼： proecteoid tnenluClick(object sed, EentArgse) tring 1 = xname.Text; rg pw = ttwd.Text； tig ode =SesincodeToString(); strn tode = xtchckcode.Text; if （nme1 = ) llne.Tet 用戶名不能為空；

12、if(pd1 = ） lbmaText =密碼不能為空； if （xtcd = |txcode != code) lbode.ext = 您的驗證碼輸入不正確； ese 那個地點請放入登錄代碼 2.母版頁由于系統(tǒng)多個頁面要使用相同的布局方式，關于所有的在線購物功能頁面中使用統(tǒng)一模板,同時在模板中使用用戶控件，能夠大大方便代碼的重用。右擊【項目】,在彈出的快捷菜單中選擇【添加新項】命令,在彈出的對話框中選擇【母版頁】選項，輸入母版頁名稱“MatrPage.aste”,然后對母版頁面進行布局，具體布局效果如下圖所示。*：母版頁要求用IVCSS設計任務4 注冊頁和商品展示頁實現(xiàn)1系統(tǒng)默認頁面“Def

13、alt.aspx”在默認頁面中，首先使用上面創(chuàng)建的母版頁,在內容區(qū)域中添加三個欄目：最新上架，精品推舉和特價商品。在每個欄目中添加一個Dais控件,用來顯示對應的商品，并設置相應的屬性，如下圖所示。設置完成后，單擊DaaList控件的任務快捷菜單,選擇【編輯模板】選項，如下圖所示。在模板編輯窗口中,對tmTemate進行編輯，具體效果如下圖所示。編輯IemTemlte完成后，返回到默認頁面,現(xiàn)在頁面效果如下圖所示。以同樣的方式完成其他兩個欄目的DatList設置。完成頁面的前臺設計部分后，首先添加頁面載入代碼,實現(xiàn)DaList的數(shù)據(jù)綁定。其次,添加DtaList數(shù)據(jù)項模板中的【添加到購物車】按

14、鈕的事件綁定。關于顯示商品詳細信息按鈕,通過在模板中定義鏈接的方式來定義。最終默認頁面運行效果如圖所示。2.會員注冊“Regsteaspx”會員注冊頁面也使用了母版頁,要緊實現(xiàn)用戶在線注冊為會員。運行效果如圖所示。在新會員注冊過程中,首先對用戶輸入的內容進行驗證，是否符合指定格式。假如新注冊會員與已注冊會員同名則不同意注冊?！白浴卑粹o后臺代碼如下:任務5購物車實現(xiàn)會員假如實現(xiàn)在線購買商品,必須登錄成功后方可進行購物。當會員單擊【添加至購物車】按鈕，單擊該鏈接將在用戶的購物車中放置該商品，以便用戶隨時掌握預備訂購的商品。具體的購物流程圖如下圖所示。具體操作步驟:添加一個新的頁面shopcat.

15、asx。設計頁面效果圖和源代碼設計如下:頁面源代碼中Slataource源代碼設置如下圖:頁面源代碼中GrdView控件源代碼設置如下圖:頁面后臺代碼:Paged代碼設置如下圖：購物車中商品價格總計計算代碼如下圖:任務:結算與訂單生成在購物車中單擊“結算”超鏈接，進行最后訂單生成。在結算頁提交訂單前，需要最后確認該訂單的商品、數(shù)量、金額、用戶資料,關于支付方還需要填寫信用卡的相關信息。運行效果圖如下：界面效果圖如下:源代碼如下：后臺代碼如下： 存儲過程Addrer中代碼如下：任務7 在線留言“Guesook.aspx”(自行設計完成)假如用戶在購物過程中有一些建議，能夠直接在線留言,具體效果如

16、圖所示。任務8：后臺設計（自行設計完成)1.后臺商品分類治理“l(fā)ass.px”后臺商品分類治理要緊對分類的增加，刪除和修改操作,前臺頁面布局如圖1021所示。2.后臺商品治理“aager.sx”后臺商品治理要緊是對目前在線商品信息進行修改,通過ridiw綁定SqDtaSuce數(shù)據(jù)源進行數(shù)據(jù)顯示和分頁，具體的前臺頁面布局如圖10-2所示。.后臺商品添加“Gosd.ap”后臺商品添加要緊是添加新的上線商品，包括了商品的差不多信息和圖片信息，前臺布局如圖10-23所示。治理員在添加新商品時，首先對商品的一些信息進行驗證,像產品名稱,市場價格等。4.后臺會員信息治理“Custoersp”治理員能夠掃瞄

17、會員信息,并具有刪除會員信息的權限，通過GridVew綁定SlatSouce數(shù)據(jù)源進行數(shù)據(jù)顯示和分頁，具體的前臺頁面布局如圖10-所示。12留言信息治理“GuestBook.asx”治理員能夠掃瞄所有的留言信息，并具有刪除留言的權限,通過GriVie綁定SlDtaSourc數(shù)據(jù)源進行數(shù)據(jù)顯示和分頁,具體的前臺頁面布局如圖1-25所示。任務9：網(wǎng)站的公布、打包與安裝（自學完成）1、網(wǎng)站公布（1）打開要公布的網(wǎng)站,在【解決方案資源治理器】的項目根目錄上右擊，在彈出的快捷菜單中選擇【公布網(wǎng)站】命令,在彈出的對話框中的【目標位置】文本框里輸入要存儲的位置d：ESo，單擊【確定】按鈕。(2）在編譯完成后

18、，有“公布成功”的提示字樣。(3)在【資源治理器】(Winow快捷鍵）中，找到Shop,右擊，在彈出的快捷菜單中選擇【共享與安全】命令，在彈出的對話框中打開【W(wǎng)eb共享】選項卡。(4）選中【共享文件夾】單選按鈕,彈出【編輯不名】對話框,現(xiàn)在保留默認的不名并單擊【確定】按鈕。、程序打包()打開要公布的網(wǎng)站，選擇【文件】【添加】【新建項目】命令。（2）在彈出的【添加新項目】對話框中，在【名稱】文本框中輸入網(wǎng)站名稱，在【位置】下拉列表框中選擇默認位置并單擊【確認】按鈕。(3)在【W(wǎng)e應用程序文件夾】上右擊,在彈出的快捷菜單中選擇【添加】【項目輸出】命令。如圖9-1所示。（)在彈出的【添加項目輸出組】對話框中單擊【確定】按鈕即可。（5）在【解決方案資源治理器】中的EShop上右擊，在彈出的快捷菜單中選擇【生