購(gòu)物網(wǎng)站制作參考文件_第1頁(yè)
購(gòu)物網(wǎng)站制作參考文件_第2頁(yè)
購(gòu)物網(wǎng)站制作參考文件_第3頁(yè)
購(gòu)物網(wǎng)站制作參考文件_第4頁(yè)
購(gòu)物網(wǎng)站制作參考文件_第5頁(yè)
已閱讀5頁(yè),還剩38頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、購(gòu) 物 網(wǎng)站 制 作參考任務(wù)1 網(wǎng)站整體功能劃分依照系統(tǒng)功能要求,在線網(wǎng)絡(luò)購(gòu)物系統(tǒng)整體功能分為兩個(gè)模塊:針對(duì)一般用戶(hù)實(shí)現(xiàn)在線購(gòu)物功能模塊和治理員后臺(tái)治理功能模塊。1、在線購(gòu)物差不多功能模塊要緊包括以下一些操作。會(huì)員注冊(cè):用戶(hù)能夠自行注冊(cè)為會(huì)員,只有成為網(wǎng)站會(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ì)員的賬戶(hù)中必須有足夠的金鈔票。查看余額:會(huì)員登錄系統(tǒng)后,能夠隨時(shí)查看個(gè)人賬戶(hù)余額。修改密碼:會(huì)員登錄系統(tǒng)成功后,能夠自行修改密碼。客戶(hù)留言:會(huì)員在購(gòu)物時(shí)假如有建議或意見(jiàn)能夠直接在線留言。、后臺(tái)治理功能模塊包括以下一些操作。修改密碼:治理員能

2、夠自行修改個(gè)人密碼。商品類(lèi)不治理:治理員能夠?qū)ι唐返念?lèi)不進(jìn)行添加,修改和刪除操作。商品治理:治理員能夠?qū)ι唐返男畔⑦M(jìn)行添加和修改操作。會(huì)員治理:治理員能夠?qū)?huì)員信息進(jìn)行治理。留言治理:治理員能夠?qū)τ脩?hù)的留言進(jìn)行治理。在線購(gòu)物系統(tǒng)整個(gè)邏輯功能結(jié)構(gòu)示意圖如下圖所示。任務(wù)2 數(shù)據(jù)庫(kù)設(shè)計(jì)依照購(gòu)物網(wǎng)站的業(yè)務(wù)流程和功能設(shè)計(jì),本網(wǎng)站設(shè)計(jì)了以下數(shù)據(jù)表:()用戶(hù)信息表UserIf,用來(lái)保存注冊(cè)會(huì)員的信息。具體結(jié)構(gòu)見(jiàn)下表。(2)商品分類(lèi)表aeor,用來(lái)保存商品分類(lèi)的信息。具體結(jié)構(gòu)見(jiàn)下表。(3)商品表Prout,要緊用來(lái)保存治理員上傳的商品信息。具體結(jié)構(gòu)見(jiàn)下表。(4)用戶(hù)購(gòu)物車(chē)表Car,要緊用來(lái)保存用戶(hù)購(gòu)買(mǎi)商品時(shí)的

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

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

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

6、據(jù)項(xiàng)放在單元格中。添加控件在頁(yè)面調(diào)入時(shí)的后臺(tái)代碼,要緊實(shí)現(xiàn)對(duì)控件“dstategry”的數(shù)據(jù)綁定。(3)文件上傳控件。文件上傳控件要緊實(shí)現(xiàn)對(duì)商品圖片的上傳,返回圖片的文件名稱(chēng),并驗(yàn)證圖片的格式。具體前臺(tái)布局如圖10-7所示?!皥D片上傳”按鈕后臺(tái)代碼:(4)驗(yàn)證碼設(shè)計(jì)第一步:先設(shè)計(jì)一個(gè)aiata.asp文件,后臺(tái)代碼如下: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ù)的隨機(jī)數(shù) / / 參數(shù)是隨機(jī)數(shù)的位數(shù) / 返回一個(gè)隨機(jī)數(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;/記錄上次隨機(jī)數(shù)值,盡量避幸免生產(chǎn)幾個(gè)一樣的隨機(jī)數(shù) adomand newRandom(); /采納一個(gè)簡(jiǎn)單的算法以保證生成隨機(jī)數(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; / / 生成圖片并寫(xiě)入字符 / / 目標(biāo)字符 / 寬 / 高 /字體文件 / 字體大小 / 圖片背景顏色 prvat void Validteode(stringNum,int w, in h, string fon, ntotSiz, stng gColo) Btma Im = w Bitma(w,);/生成圖像的實(shí)例 Grapcs g = Grphic.FrIage(

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

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

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

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

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

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

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

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

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

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論