網(wǎng)上商城的設(shè)計(jì)與實(shí)現(xiàn)

1、網(wǎng)上商城的設(shè)計(jì)與實(shí)現(xiàn)目 錄一、系統(tǒng)命題2二、系統(tǒng)特點(diǎn)簡(jiǎn)介2三、操作平臺(tái)與配置安裝說(shuō)明21、IIS Web站點(diǎn)的建立：22、瀏覽2四、畢業(yè)設(shè)計(jì)網(wǎng)頁(yè)流程圖2五、分析說(shuō)明書(shū)2六、系統(tǒng)設(shè)計(jì)21.設(shè)計(jì)說(shuō)明22詳細(xì)設(shè)計(jì)說(shuō)明21）文件設(shè)計(jì)22）數(shù)據(jù)庫(kù)設(shè)計(jì)23后臺(tái)功能說(shuō)明21）商品管理系統(tǒng)22）用戶管理系統(tǒng)23）分類(lèi)管理24）信息管理25）常規(guī)設(shè)置，其它設(shè)置24主要模塊說(shuō)明21）商品大類(lèi)管理的系統(tǒng)。22）查看修改商品系統(tǒng)2七、主要頁(yè)面展示2八、程序調(diào)試報(bào)告2九、總結(jié)2十、參考文獻(xiàn)2一、系統(tǒng)命題本系統(tǒng)：流行前線網(wǎng)上商城(以下簡(jiǎn)稱(chēng)為：網(wǎng)上商城系統(tǒng))。二、系統(tǒng)特點(diǎn)簡(jiǎn)介網(wǎng)上商城系統(tǒng)采用前、后臺(tái)系統(tǒng)的結(jié)構(gòu)進(jìn)行開(kāi)發(fā)，前臺(tái)

2、系統(tǒng)主要為用戶提供瀏覽和交互的動(dòng)態(tài)界面，后臺(tái)系統(tǒng)主要為網(wǎng)站的系統(tǒng)管理員服務(wù)，提供更新網(wǎng)站前臺(tái)系統(tǒng)等手段。三、操作平臺(tái)與配置安裝說(shuō)明1、 IIS Web站點(diǎn)的建立：這次系統(tǒng)設(shè)計(jì)在IIS模式下運(yùn)行。首先安裝IIS軟件控制面板添加或刪除添加新程序中安裝IIS軟件。建立一個(gè)WEB站點(diǎn)，配置IP地址，TCP端口，主目錄，默認(rèn)文檔等設(shè)置。2、瀏覽把系統(tǒng)設(shè)計(jì)的文件夾放到IIS的文件夾下（C:Inetpubwwwroot）給本地連接配置一個(gè)IP地址。例如：5。如果有路由器，還要配置一個(gè)網(wǎng)關(guān)。然后在IE中輸入以上的IP地址就可以瀏覽了。四、畢業(yè)設(shè)計(jì)網(wǎng)頁(yè)流程圖以下就是我這次網(wǎng)絡(luò)商城系統(tǒng)的流程

3、圖：主頁(yè)商品畫(huà)面 查詢畫(huà)面用戶登錄畫(huà)面后臺(tái)管理畫(huà)網(wǎng)絡(luò)商城主頁(yè)商品管理信息管理分類(lèi)管理用戶管理常規(guī)管理用戶注銷(xiāo)查看/修改個(gè)人資料修改密碼用戶中心前臺(tái)用戶管理后臺(tái)用戶管理用戶廣播設(shè)置VIP資格設(shè)置送貨匯款設(shè)置修改登錄密碼添加商品管理訂單修改商品大類(lèi)管理小類(lèi)管理添加新聞修改/刪除新聞商品分類(lèi)用戶注冊(cè)用戶登錄統(tǒng)計(jì)信息積分系統(tǒng)訂單查看購(gòu)物車(chē)高級(jí)查詢簡(jiǎn)介查詢品牌查詢名稱(chēng)查詢五、分析說(shuō)明書(shū)這次的網(wǎng)頁(yè)商城系統(tǒng)主要是采用ACC來(lái)做后臺(tái)數(shù)據(jù)庫(kù)，用FrontPage2003 、Dreamweaver MX兩個(gè)網(wǎng)頁(yè)編輯軟件來(lái)對(duì)這次的商城系統(tǒng)進(jìn)行框架，文字，頁(yè)面模板的編輯。再根據(jù)網(wǎng)頁(yè)的需要用TXT文本文件對(duì)網(wǎng)頁(yè)進(jìn)行細(xì)致

4、修改，根據(jù)連接數(shù)據(jù)庫(kù)，網(wǎng)絡(luò)特效，而采用了多種計(jì)算機(jī)語(yǔ)言來(lái)編寫(xiě)，分別有ASP、HTML、JAVA。而在這次商城系統(tǒng)的設(shè)計(jì)中，我也在網(wǎng)頁(yè)中加入了不少的美工，通過(guò)顏色的搭配和模板的設(shè)計(jì)來(lái)美化網(wǎng)站的前臺(tái)頁(yè)面，在這次的主頁(yè)面模板設(shè)計(jì)中，主要運(yùn)用了PHOTOSHOP，F(xiàn)LASH來(lái)完成這些工作。 在后臺(tái)方面，也經(jīng)過(guò)細(xì)心的調(diào)整和編寫(xiě)，在經(jīng)過(guò)多天的反復(fù)試驗(yàn)，并從許多書(shū)籍，教程中參考，學(xué)習(xí)，來(lái)減少了后臺(tái)和數(shù)據(jù)庫(kù)方面的錯(cuò)誤。（備注：這次系統(tǒng)設(shè)計(jì)在IIS模式下運(yùn)行。首先安裝IIS軟件控制面板添加或刪除添加新程序中安裝IIS軟件；其次把系統(tǒng)設(shè)計(jì)的文件夾放到IIS的文件夾下（C:Inetpubwwwroot）給本地連接配

5、置一個(gè)IP地址。例如：5。如果有路由器，還要配置一個(gè)網(wǎng)關(guān)。然后IE中輸入以上的IP地址就可以瀏覽了。）六、系統(tǒng)設(shè)計(jì)1.設(shè)計(jì)說(shuō)明這次的設(shè)計(jì)我的主要思路是，在主頁(yè)面展示出我的商品，并通過(guò)注冊(cè)的用戶，可以對(duì)商品進(jìn)行訂購(gòu)，而且我采用貨到付款或先付款后到貨等方式，來(lái)達(dá)成一次簡(jiǎn)單的電子商務(wù)。而在客戶下訂單后，我構(gòu)思出了通過(guò)ASP語(yǔ)言，把客戶的訂單引入我的數(shù)據(jù)庫(kù)中，為了方便管理員，店家的需要，我會(huì)在后臺(tái)方面做出一些程序，來(lái)方便店家，管理員的管理和查詢、交易貨物。比如：一個(gè)把訂單輸出的系統(tǒng)，并對(duì)訂單進(jìn)來(lái)查詢，修改，處理，來(lái)方便店家和管理員。還有一個(gè)商品的輸入輸出系統(tǒng)，隨著新產(chǎn)品的推出，為

6、了保證利益，就需要不斷的更換主頁(yè)面上的商品，而通過(guò)這么一個(gè)商品輸入輸出系統(tǒng)，可以方便把商品的價(jià)錢(qián)，圖片，說(shuō)明等輸入到主頁(yè)面，而不需要為了每次的商品更換，去動(dòng)用大量的精力去改動(dòng)主頁(yè)。隨著進(jìn)一步的思考，我也考慮到了對(duì)商店的管理，商品的分類(lèi)，注冊(cè)會(huì)員和管理員的管理，這些都可大可小的影響著網(wǎng)站！商品的分類(lèi)，有助于商店的整理，也有利客人的查找，瀏覽。而注冊(cè)會(huì)員是考慮到交易的安全問(wèn)題，注冊(cè)會(huì)員會(huì)有一些可觀的資料在我的手上，來(lái)保證交易的安全，如身份證，聯(lián)系電話，家庭住址等等，通過(guò)這些來(lái)保證我交易的利益安全。而管理員和管理也是一個(gè)安全方面和操作方面的問(wèn)題，為了保證不被外人盜用管理員密碼和賬號(hào)，用查看修改里面訂

7、單資料。我需要不斷的改變管理員的密碼，而增加管理員是為了在工作效率上得到一定的保障。2詳細(xì)設(shè)計(jì)說(shuō)明 1）文件設(shè)計(jì)Images文件夾主要用來(lái)存放網(wǎng)站的相關(guān)圖片，網(wǎng)頁(yè)的模板等等。Index.asp主頁(yè)cat.asp商品的介紹頁(yè)面cart.asp disuser.asp收銀臺(tái)系統(tǒng)的主要頁(yè)面和連接都在里面。chknews.asp對(duì)網(wǎng)站的新聞進(jìn)行查看chkorder.asp訂單查詢，方便用戶修改訂單。chkuser.asp通過(guò)程序，來(lái)驗(yàn)證用戶名和密碼。login.asp登錄畫(huà)面的程序logout.asp用戶退出畫(huà)面newproduct.asp用來(lái)編輯主頁(yè)的“新架上市”。方便添加商品后直接換入主頁(yè)的新架上

8、市里面。news.asp新聞頁(yè)面，讓客戶方便查看主頁(yè)面的新聞。procat.asp商品分類(lèi)，并導(dǎo)出數(shù)據(jù)庫(kù)里的分類(lèi)商品。profile.asp用戶中心，用戶可以在這里改變自己的資料等等。rank.asp針對(duì)商品做出的一個(gè)界面，主要是來(lái)用對(duì)商品進(jìn)行評(píng)價(jià)。reg.asp注冊(cè)用戶界面research.asp購(gòu)物車(chē)界面save.asp用戶訂單刪除修改程序saveprofile.asp修改密碼，個(gè)人資料的程序，連接了profile.aspsearch.asp商品查詢userfunc.asp注冊(cè)用戶程序，來(lái)保證注冊(cè)用戶的正確性。vip.aspVIP會(huì)員資格和推薦會(huì)員獎(jiǎng)勵(lì)zfb.asp把購(gòu)物信息導(dǎo)入數(shù)據(jù)庫(kù)Ad

9、min文件夾管理員后臺(tái)的程序都存放在里面。2）數(shù)據(jù)庫(kù)設(shè)計(jì)主頁(yè)數(shù)據(jù)庫(kù)#TimesShop.mdb后臺(tái)的數(shù)據(jù)庫(kù)根據(jù)設(shè)計(jì)，在此對(duì)數(shù)據(jù)庫(kù)里的表單進(jìn)行說(shuō)明!User表主要用來(lái)保存注冊(cè)用戶的信息。TimesProlist表商品說(shuō)明的字段，方便改動(dòng)對(duì)商品說(shuō)明的要求。Sorts表商品分類(lèi)表。把商品的小分類(lèi)分別存放在里面。product 表編輯商品屬性O(shè)rders表注冊(cè)用戶登陸情況News表新聞設(shè)置。對(duì)于主頁(yè)的新聞更改存放Keyname表搜索關(guān)鍵，方便搜索Delivery表送貨方式設(shè)定Config表前臺(tái)流動(dòng)式語(yǔ)句Category表商品大類(lèi)設(shè)定?？稍谶@里添加商品類(lèi)別。Admin表用來(lái)保存管理員的賬號(hào)，密碼。表用來(lái)

10、轉(zhuǎn)換管理員的密碼3后臺(tái)功能說(shuō)明在這次的畢業(yè)設(shè)計(jì)中，我也在后臺(tái)的管理員系統(tǒng)中，加入了不少的應(yīng)該模塊。主要是為了方便操作，同時(shí)也是對(duì)自己的一次考驗(yàn)。在這里，我會(huì)先詳細(xì)的介紹一下在我的后臺(tái)管理系統(tǒng)中各個(gè)模塊的功能。1）商品管理系統(tǒng)這個(gè)系統(tǒng)主要是為了方便商城的貨物管理。我把這個(gè)系統(tǒng)分成了三個(gè)模塊，“添加新商品”、“查看修改商品”、“管理商品訂單”。添加新商品：主要是對(duì)商城商品的添加，對(duì)商品進(jìn)行說(shuō)明，標(biāo)價(jià)。查看修改商品：主要是對(duì)商城現(xiàn)有商品查看，并可以對(duì)其進(jìn)行修改，方便商品的物價(jià)調(diào)動(dòng)。管理商品訂單:這個(gè)模塊是對(duì)用戶訂單進(jìn)行處理，查看，有這個(gè)模塊才能保證商城的運(yùn)作。2）用戶管理系統(tǒng)這個(gè)系統(tǒng)主要是對(duì)商城用戶

11、進(jìn)行管理，對(duì)于非法的注冊(cè)用戶，可以在里面進(jìn)行刪除，也在里面對(duì)管理員進(jìn)行添加/修改。這個(gè)系統(tǒng)主要分成“前臺(tái)用戶管理”、“后臺(tái)用戶管理”、“用戶廣播管理”、“VIP資格設(shè)置”。 前臺(tái)用戶管理：可以用來(lái)查看，刪除，修改已經(jīng)注冊(cè)的用戶。后臺(tái)用戶管理：用來(lái)添加后臺(tái)管理員，和改變管理員的權(quán)限。用戶廣播設(shè)置：對(duì)用戶群發(fā)廣播，只要用戶登錄，在用戶的個(gè)人中心消息中心就能見(jiàn)到廣播內(nèi)容，可以用來(lái)做通知用。VIP資格設(shè)置：設(shè)置要成為本站VIP高級(jí)會(huì)員的原條件。3）分類(lèi)管理這個(gè)系統(tǒng)主要用來(lái)作對(duì)商品的分類(lèi)，可以方便用戶查看，商店管理的一個(gè)模塊。主要分為“商品大類(lèi)管理”、“商品小類(lèi)管理”。商品大類(lèi)管理：設(shè)置商品的一級(jí)分類(lèi)，

12、可以給客戶一個(gè)簡(jiǎn)潔的商城界面。商品小類(lèi)管理：設(shè)置商品的二級(jí)分類(lèi)，就是把一級(jí)的商品再次分類(lèi)，這樣更能方便用戶查看。4）信息管理這個(gè)系統(tǒng)主要是用來(lái)對(duì)商城首頁(yè)的新聞進(jìn)行管理的，可以在新聞里面發(fā)布通知等。主要分為兩個(gè)模塊“添加首頁(yè)新聞”、“刪除首面新聞”。添加首頁(yè)新聞：把添加的新聞放在首頁(yè)的通告里面，可以同時(shí)顯示四個(gè)新聞。新聞修改刪除：可以把舊新聞刪除，修改，主要用來(lái)替換一些守舊的通告。5）常規(guī)設(shè)置，其它設(shè)置主要有“修改登錄密碼”、“送貨匯款設(shè)置”兩個(gè)模塊，用來(lái)修改管理員的密碼，還有送貨的方式、價(jià)格。修改登錄密碼：修改管理員的密碼，以防被人盜用。 送貨匯款設(shè)置：對(duì)送貨方式進(jìn)行修改。4主要模塊說(shuō)明因?yàn)槭?/p>

13、網(wǎng)上購(gòu)物系統(tǒng)，所以在這次的設(shè)計(jì)中，我更注重后臺(tái)的設(shè)計(jì)管理，所以在主要模塊說(shuō)明中，我也偏向后臺(tái)的模塊說(shuō)明。1）商品大類(lèi)管理的系統(tǒng)。這個(gè)是用來(lái)實(shí)現(xiàn)商品分類(lèi)，比如商品可以分為電器，床上用品，書(shū)籍等等，這些就是所謂的大類(lèi)，而電器又可以發(fā)為風(fēng)扇，電視，收音機(jī)等等的小類(lèi)別用品，對(duì)于這次的商品分類(lèi)需要，我也對(duì)商品分為大類(lèi)和小類(lèi)兩個(gè)類(lèi)別，也分別做出了兩個(gè)類(lèi)別的管理系統(tǒng)。 首先我確定了方案，如果要把商品分類(lèi)。就得在后臺(tái)和前臺(tái)分別顯示出來(lái)，所以我就把后臺(tái)和前臺(tái)分別連接到數(shù)據(jù)庫(kù)的相應(yīng)表單里。而前臺(tái)只是用來(lái)做輸出顯示表單，而后臺(tái)用來(lái)做更改表單數(shù)據(jù)，并保存在相應(yīng)表里。2）查看修改商品系統(tǒng)這個(gè)后臺(tái)系統(tǒng)主要是用來(lái)方便修改商

14、品信息的，比如你輸入一個(gè)商品后，發(fā)現(xiàn)那商品的資料，價(jià)錢(qián)有錯(cuò)，要修改，只要用這個(gè)系統(tǒng)就可以直接修改商品的信息，可以不用說(shuō)刪除商品的信息后，再重新添加。導(dǎo)出數(shù)據(jù)庫(kù)表，可以直接查看所有已放在網(wǎng)頁(yè)上的商品后，連接editpro.asp，用editpro.asp來(lái)設(shè)計(jì)一個(gè)修改程序，在editpro.asp里面建一個(gè)框架，再導(dǎo)出表單，后可以給予修改。在chkpro.asp主要是用來(lái)顯示所有的商品，在程序方面和上面的管理有一定的相同之處，所以在這里沒(méi)有列出。editpro.asp是商品的修改頁(yè)面，其實(shí)和添加系統(tǒng)有很多相同的地方。在這里列出部份程序。var onecount;onecount=0;subcat

15、 = new Array();subcat = new Array(,);onecount=;function changelocation(locationid) document.myform.sortsid.length = 0; var locationid=locationid; var i; for (i=0;i onecount; i+) if (subcati1 = locationid) document.myform.sortsid.optionsdocument.myform.sortsid.length = new Option(subcati0, subcati2);

16、 編輯商品屬性 form name=myform method=post action=saveaddpro.asp?action=edit&id= 選擇分類(lèi)： option selected value= % dim selclass selclass=rs1(categoryid) rs.movenext do while not rs.eof response.write &trim(rs(category)& rs.movenext loopend if rs.close% 小類(lèi)： option selected value= % rs.movenextdo while not rs.

17、eof response.write &trim(rs(sorts)& rs.movenextloopend if rs.close set rs = nothing %   input name=prename type=text id=prename size=12 value= input name=name type=text id=name size=30 value= input name=company type=text id=company size=12 value= input name=mark type=text id=mark size=30 value=

18、 input name=intro type=text id=intro size=12 value= input name=introduce type=text id=introduce size=30 value= input name=predate type=text id=predate size=12 value= %dim ifor i=1980 to 2010 response.write &i& next% 年 option value=01 1 option value=02 2option value=03 3option value=04 4option value=

19、05 5option value=06 6option value=07 7option value=08 8option value=09 9option value=10 10option value=11 11option value=12 12 月option value=01 1 option value=02 2option value=03 3option value=04 4option value=05 5option value=06 6option value=07 7option value=08 8option value=09 9option value=10 10

20、option value=11 11option value=12 12option value=13 13 option value=14 14option value=15 15option value=16 16option value=17 17option value=18 18option value=19 19option value=20 20option value=21 21option value=22 22option value=23 23option value=24 24option value=25 25option value=26 26option valu

21、e=27 27option value=28 28option value=29 29option value=30 30option value=31 31 日 input name=price type=text id=price size=12 value= 市場(chǎng)價(jià)： input name=price1 type=text id=price1 size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0

22、,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value= 元，會(huì)員價(jià)： input name=price2 type=text id=price2 size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window

23、.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value= 元, VIP會(huì)員價(jià)： input name=vipprice type=text id=vipprice size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.cl

24、ipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value= 元，贈(zèng)送積分： INPUT NAME=score VALUE= SIZE=4 TYPE=text ONKEYPRESS= return regInput(this,/0-9*$/,String.fromCharCode(event.keyCode)ONPASTE= return regInput(this,/0-9*$/,window.clipboardData.getData(Tex

25、t)ONDROP= return regInput(this,/0-9*$/,event.dataTransfer.getData(Text) 分 input name=prestock type=text id=prestock size=12 value= 共上： input name=amount type=text id=amount size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value= 件，庫(kù)存： input name=stock type=text id=stock size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpast