網(wǎng)上購物完整版本

PAGEPAGE2綜合實驗報告(2010--2011年度第二學期)名稱：網(wǎng)絡軟件程序設計題目：網(wǎng)上購物院系：信息工程系班級：網(wǎng)絡08k1學號：學生姓名：指導教師：魯斌朵春紅設計周數(shù)：1周成績：日期：2012年1月3日PAGE14《網(wǎng)絡軟件程序設計》課程設計任務書一、目的與要求任務：編寫一個網(wǎng)上購物系統(tǒng)，可以按照需求購買指定類型和數(shù)量的商品。目的：使學生加深對網(wǎng)絡軟件程序設計中WEB程序設計基本概念、基本原理的理解，熟悉動態(tài)網(wǎng)頁程序設計的主要方法，拓寬學生的知識領域，鍛煉學生的實踐技能，培養(yǎng)學生科學的工作作風。要求：自定商品領域，如書籍、服裝、電子產(chǎn)品等，選定1個領域即可；功能完善，界面美觀，方便易用，操作無誤；通過課程設計學生應該學會網(wǎng)絡軟件程序設計的主要方法和技巧，具備初步分析、設計和開發(fā)網(wǎng)絡應用軟件的能力，具備分析與檢查軟件錯誤、解決和處理實驗結(jié)果的能力。學生人數(shù)：1人。二、主要內(nèi)容購物系統(tǒng)將通過一個數(shù)據(jù)庫存儲所需的信息，數(shù)據(jù)庫文件不妨取名為“購物廣場.mdb”。該數(shù)據(jù)庫包含的數(shù)據(jù)表有：(1)商品分類表：將商品分為幾大類，讓該表存儲各大類的信息；(2)商品陳列表：顯示各類商品的具體說明等；(3)客戶檔案表：詳細記載客戶名稱、Email地址等信息；(4)交易表：記載客戶選購的各種商品信息，如商品編號、商品名稱、數(shù)量、價格等。網(wǎng)上購物系統(tǒng)處理流程如下：首先，讓客戶從主頁中選擇一種商品類型；然后，從商品選購頁中挑選自己所需的商品放入購物車中；核算出客戶選購的商品總金額，并讓客戶確認、放棄或返回繼續(xù)購物；若為注冊用戶，則產(chǎn)生訂貨單，否則，提示先進行注冊。三、進度計劃序號設計內(nèi)容完成時間備注1任務布置，資料查詢，方案制定周一2算法設計，程序?qū)崿F(xiàn)周二至周四3撰寫報告，軟件驗收周五4四、設計成果要求完成規(guī)定的課程設計任務，所設計軟件功能符合要求；完成課程設計報告，要求格式規(guī)范，內(nèi)容具體而翔實，應體現(xiàn)自身所做的工作，注重對設計思路的歸納和對問題解決過程的總結(jié)。五、考核方式平時成績＋驗收答辯＋實驗報告；五級分制。學生姓名：指導教師：魯斌朵春紅2012年1月3日一、綜合實驗的目的與要求任務：編寫一個網(wǎng)上購物系統(tǒng)，可以按照需求購買指定類型和數(shù)量的商品。目的：使學生加深對網(wǎng)絡軟件程序設計中WEB程序設計基本概念、基本原理的理解，熟悉動態(tài)網(wǎng)頁程序設計的主要方法，拓寬學生的知識領域，鍛煉學生的實踐技能，培養(yǎng)學生科學的工作作風。要求：自定商品領域，如書籍、服裝、電子產(chǎn)品等，選定1個領域即可；采用ASP或其它語言實現(xiàn)，后臺數(shù)據(jù)庫使用Access或其它網(wǎng)絡數(shù)據(jù)庫；功能完善，界面美觀，方便易用，操作無誤；通過課程設計學生應該學會網(wǎng)絡軟件程序設計的主要方法和技巧，具備初步分析、設計和開發(fā)網(wǎng)絡應用軟件的能力，具備分析與檢查軟件錯誤、解決和處理實驗結(jié)果的能力。學生人數(shù)：1人。二、綜合實驗正文建立數(shù)據(jù)庫數(shù)據(jù)庫是實現(xiàn)網(wǎng)上購物的關鍵，為了方便把數(shù)據(jù)庫命名為123.這里存儲了注冊用戶的個人資料信息，物品信息，管理員信息，開發(fā)系統(tǒng)負責人的信息，幫助信息，訂單信息，支付信息等等，具體表格如下：company本表比較簡單，只是介紹了系統(tǒng)的名字（sitename），以及開發(fā)人的具體信息以及聯(lián)系方式（Adm_mail、Adm_tel、Adm_address、Adm_qq），包括了版本號（id）為了以后升級的方便，還定義了顯示新增物品的個數(shù)和推薦物品的行數(shù)列數(shù)（promt_row、promt_num、new_row、new_num）。idSitenameSiteUrlAdm_mailAdm_AddressAdm_telAdm_qqServicePrompt_rowPrompt_numNewprod_numClass_numSearch_num1學習版necpu443089084@華北電力大學15176217846443089084studywork44344Faq本表主要是對用戶可能存在的問題進行編號（id）并且顯示在網(wǎng)頁上并且給出了答案（class、query、answer、online）而且定義了問題添加時間（addtime）。IdClassQueryAnswerOnlineAddtime4商品問題如果我對商品不滿意，可不可以退或更換？您在收到商品一個星期內(nèi)，如商品有質(zhì)量問題，或者您對所購商品不滿意（商品不損不污）可退換貨Yes2011-6-236商品問題關于商品的保修？本站所出售商品，均經(jīng)過測試也全部提供保修服務，保修期限視具體商品而定。Yes2011-6-2318登錄問題密碼忘記了怎么辦？如果你忘了你的登陸密碼，請聯(lián)系網(wǎng)站管理員Yes2011-6-2319配送問題如何選擇配送公司我們選擇最好的物流公司送貨Yes2011-6-2320配送問題多少天到貨看公司好壞,大城市3天左右到貨Yes2011-6-23OrderDetail本表定義了用戶購買物品后生成的訂單的詳細信息。包括訂單序號（id）,訂單號碼（ordernum），用戶號碼（userid），產(chǎn)品編號（proid），產(chǎn)品名字（pronum），購買價格（buyprice），訂單時間（ordertime）。IDOrderNumUserIdProdIdProdNameProdUnitBuyPriceOrderTime11061218-154219123456１１１120002006-12-1812061218-15421912345623655232006-12-1813061218-154219123456242341232006-12-18OrderList本表定義了訂單列表的信息。包括訂單編號（id），訂單號碼（ordertime），用戶號碼（userid），訂單時間（ordertime），訂單價格綜合（ordersum），支付方式（paytype），接受人姓名（recname），接受人地址(recaddress)，接受人電話號碼(recphone)，接受人電子郵件（recmail）。IDOrderNumUserIdOrderTimeOrderSumPayTypeRecNameRecAddressRecPhoneRecMail13061218-1557241234562006-12-182138支付寶網(wǎng)上支付123456濟南85314000bjrzny123@126.com14061218-1636591234562006-12-182000支付寶網(wǎng)上支付123456濟南85314000bjrzny123@126.comOrderStatustype本表定義了訂單的一些狀態(tài)信息。包括新訂單、自行取消、無效單，被取消、已確認，待結(jié)款、已發(fā)貨，待收貨、訂單完成。StatusStatusDefine0新訂單11自行取消12無效單,被取消2已確認，待結(jié)款3已發(fā)貨，待收貨99訂單完成Paydefault本表定義了用戶購買物品選擇的支付方式（paytype），以及選擇貨到付款和使用支付寶付款的說明（paymentmessage），支付標記確定是否付款（paymark），以及連接到支付界面（payurl）。IDpaytypepaymentmessagepaymarkpayurlPayKeyStoreIDIsOpen37貨到付款濟南地區(qū)才可以支持貨到付款00Yes57支付寶網(wǎng)上支付使用支付寶說明1Alipay_send.aspiee1vli8gwa1ga0h10q73yzyeuggtaojbjrzny123d@126.comYes58NPS網(wǎng)上支付無需購買者支付交易手續(xù)費，支付快捷安全。1Nps_Send.asp123456782051011002YesProdClass本表定義了用戶搜索時一些關鍵字。ClassIdLarSeqLarCodeMidSeqMidCode61電腦配件1聲卡72游戲周邊1鼠標82游戲周邊2鍵盤91電腦配件2鼠標101電腦配件3耳脈111電腦配件4鼠標墊123手機0apple134apple配件0充電器143手機0htc153手機0諾基亞164apple配件0ipadProdMain本表定義了物品的詳細信息，包括了物品號碼（prodnum），物品編號(prodnum)，物品名字（prodnum），物品價格（pricelist），物品初始價格（priceorigin），物品圖片（imgprev），物品簡單介紹（proddisc），物品所屬類型還有查找類型（searchtype）。ProdNumProdIdProdNameModelPriceListPriceOriginImgPrevProdDiscLarCodeMidCodeSearchType80001ipad01￥2,000￥0.00ipad.jpgapple公司生產(chǎn)apple配件聲卡011,03290002ipone02￥5,000￥0.00iphone.jpgapple公司生產(chǎn)手機手機026,03170003聲卡03￥500.￥0.00聲卡.jpg聲卡電腦聲卡012,022,02350004鼠標墊04￥5￥0.00鼠墊.jpg鼠標墊電腦鍵盤011,014,02160005鼠標05￥25￥0.00鼠標.jpg鼠標電腦鼠標013,023SearchType本表定義了查找類型包括按產(chǎn)地，品牌，價格范圍等等。IDLarCodeSearchNameTypeNoSearchContainOther12產(chǎn)地01北京|南京|深圳|保定3品牌02佳能|索尼|聯(lián)想|方正|惠普|apple4價格03大于2000|1500-2000|500-1500|小于5002系統(tǒng)設計根據(jù)用戶需求，普通用戶可以如下操作：普通用戶功能區(qū)注冊登錄瀏覽，查詢本系統(tǒng)上架的商品購買本系統(tǒng)上架的商品注冊后更改個人信息查看自己的訂單退出登錄根據(jù)管理員需求，普通用戶可以如下操作：管理員功能區(qū)產(chǎn)品管理訂單管理站點配置FAQ管理支付類型管理系統(tǒng)清理管理權(quán)限設置密碼修改2.1.1系統(tǒng)框架該系統(tǒng)設計流程是：首先創(chuàng)建數(shù)據(jù)庫，再設計該系統(tǒng)的功能，然后編寫源代碼實現(xiàn)系統(tǒng)的功能，然后編寫源代碼實現(xiàn)系統(tǒng)功能，并在表示層制作與用戶對話界面，將系統(tǒng)上傳到Internet進入應用層后，用戶使用該系統(tǒng)。該流程對應的框架為：數(shù)據(jù)層——設計數(shù)據(jù)服務——配置系統(tǒng)信息——表示層——應用層——用戶接口層。系統(tǒng)總體框架圖如圖2.1所示：數(shù)據(jù)層數(shù)據(jù)層設計數(shù)據(jù)服務設計數(shù)據(jù)服務配置系統(tǒng)信息配置系統(tǒng)信息表示層表示層應用層應用層用戶接口層用戶接口層圖2-1系統(tǒng)總體框架2.1.2系統(tǒng)功能模塊設計系統(tǒng)主要功能如下所示。用戶管理功能，可以瀏覽物品信息，查詢訂購記錄。用戶注冊功能。用戶登陸功能。搜索功能，可以進行不同方式的搜索。購買物品功能。用戶修改注冊信息功能。系統(tǒng)主要包括兩大模塊，其中前臺系統(tǒng)功能模塊如圖2.2所示。網(wǎng)上購物系統(tǒng)前臺網(wǎng)上購物系統(tǒng)前臺用戶注冊模塊查看物品分類信息查看訂單內(nèi)容顯示找回的密碼檢查并保存用戶注冊信息用戶注冊找回密碼查看訂單記錄查看個人資料修改個人信息用戶登錄檢驗登錄信息找回密碼模塊用戶登錄模塊在線購買物品模塊退出系統(tǒng)模塊查看物品分類列表信息查詢物品信息查詢物品詳細信息生成訂單把物品放入購物車填寫物品配送信息用戶管理模塊用戶退出登錄狀態(tài)圖2.2前臺系統(tǒng)功能模塊2.1.3公用模塊此模塊屬于系統(tǒng)的公用部分，系統(tǒng)中任何頁面需要此模塊直接調(diào)用即可。此模塊包括數(shù)據(jù)庫連接文件（conn）、層疊樣式表文件（css）、常量文件（inc）、腳本文件（js）、音樂文件。此模塊負責與數(shù)據(jù)庫的連接、定義頁面風格、進行數(shù)據(jù)轉(zhuǎn)換。可以將這些代碼放在一個個文件中，這樣減少了源代碼，也可以整個系統(tǒng)緊湊有序。2.14前臺系統(tǒng)功能模塊此模塊實現(xiàn)了普通用戶和管理員區(qū)的所有功能。系模塊由用戶注冊模塊、找回密碼模塊、用戶登錄模塊、用戶管理模塊、在線購買模塊、和退出模塊組成。2.2總體設計2.2.1總體結(jié)構(gòu)公用模塊數(shù)據(jù)庫連接界面conn.asp、層疊樣式表cycoo15.css、admin.數(shù)據(jù)轉(zhuǎn)換頁面upload_5xsoft.inc均為公用界面，其他頁面可以直接調(diào)用它們。前臺系統(tǒng)功能模塊頁面流程圖如圖2.3所示。網(wǎng)上購物首頁網(wǎng)上購物首頁用戶登錄物品分類信息物品分類列表物品詳細信息購物車檢驗用戶購買信息購買物品用戶注冊找回密碼檢驗用戶注冊顯示找回密碼成功個人資料頁修改個人信息查看訂單記錄退出系統(tǒng)檢查用戶登錄查看訂單內(nèi)容圖2.3前臺系統(tǒng)功能模塊頁面流程圖2.2.2各頁面功能分配Index.asp網(wǎng)上購物系統(tǒng)首頁，在線購物框架。Conn.asp數(shù)據(jù)庫連接的基本信息。Helpcenter.asp幫助中心頁面。Userlogin.asp用戶注冊頁面。Userlogout.asp用戶注銷頁面。Type.asp商品類型信息。Search.asp查找物品信息。My_order.asp用戶訂單信息。My_order_detai.asp用戶訂單詳細信息。My_info.asp用戶個人信息。My_info_detail.asp用戶個人詳細信息。Reg.asp注冊頁面。Quit.asp退出界面。Upload_5xsoft.inc常量文件。等等。2.2.3用戶購買物品流程。網(wǎng)上購物首頁網(wǎng)上購物首頁生成訂單挑選物品填寫配送信息放入購物車登陸或注冊管理員普通用戶圖2.4用戶購買物品流程圖2.3代碼實現(xiàn)由于代碼比較多，現(xiàn)摘錄重要代碼注釋如下：conn.asp<%setconn=server.createobject("adodb.Connection")connstr="provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath(DB)conn.Openconnstr%>2reg_detectname.asp<%UserId=replace(request("UserId"),"'","’")ifUserId<>""then '開始檢測是否已有此用戶 setrs=Server.CreateObject("ADODB.Recordset") sql="SELECT*FROMUserMainwhereUserId='"&UserId&"'" rs.opensql,conn,1,1%><% ifnot(rs.Boforrs.eof)then message="<fontcolor=red><b>對不起！</b><br><br>該登錄賬號已經(jīng)有人使用<br><br>請選擇別的登錄賬號!</font>" else message="<fontcolor=red><b>恭喜您！</b><br><br>該登錄賬號目前暫無人使用</font>" endif rs.Close setrs=nothingelsemessage="<fontcolor=red><b>對不起！</b><br><br>請您填寫賬號</font>"endif%>config.asp<ScriptLanguage="JScript"Runat=Server>$UBBCode=1//打開或關閉UBB代碼功能.0(關閉).1(打開)$imglink=1//同樣的是為了打開或關閉帖圖功能$html=1//同樣的是為了打開或關閉HTML功能$Smilies=1//同樣的是為了打開或關閉表情功能functionAutolink(temp){temp=patch(temp);temp=Smilies(temp); if(!$imglink){ temp=temp.replace(/(http:\/\/)([\w\+\-\/\=\?\.\~]+\.(jpg|gif|pcx|bmp))/ig,"<HRSIZE=1Noshadewidth=100%align=\"left\"><imgsrc=\"\/\/$2\"alt=\"$2\">");}if(!$UBBCode){//UBB代碼的支持，這里僅僅提供了一些常用的代碼。 temp=temp.replace(/(^|\s)(http|https|ftp)(:\/\/[^\";,<>]+)/ig,"<ahref=\"$2$3\"target=_blank>$2$3</a>"); temp=temp.replace(/([^\//]])(www\.[^\";,<>]+)/ig,"<ahref=\"http:\/\/$2\"target=_blank>$2</a>"); temp=temp.replace(/(^|\s)(www\.[^\";,<>&]+)/ig,"<ahref=\"http:\/\/$2\"target=_blank>$2</a>");temp=temp.replace(/(\[URL\])(http|https|ftp)(:\/\/\S+)(\[\/URL\])/ig,"<AHREF=\"$2$3\"TARGET=_blank>$2$3</A>");temp=temp.replace(/(\[URL\])(\S+)(\[\/URL\])/ig,"<AHREF=\"http:\/\/$2\"TARGET=_blank>$2</A>");temp=temp.replace(/(\[URL=)(http|https|ftp)(:\/\/\S+)(\])(.+)(\[\/URL\])/ig,"<AHREF=\"$2$3\"TARGET=_blank>$5</A>");temp=temp.replace(/(\[URL=)(\S+)(\])(.+)(\[\/URL\])/ig,"<AHREF=\"http:\/\/$2\"TARGET=_blank>$4</A>"); /* temp=temp.replace(/(\[IMG\])(\S+)(\[\/IMG\])/ig,"<HRSIZE=1Noshadewidth=100%align=\"left\"><imgsrc=\"$2\"alt=\"$2\">"); 注釋掉了貼圖功能！*/temp=temp.replace(/(\[code\])(.+)(\[\/code\])/ig,"<BR><BLOCKQUOTE><strong>Code</strong>:<HRSize=1>$2<HRSIZE=1><\/BLOCKQUOTE>");temp=temp.replace(/(\[COLOR=)(\S+)(\])(.+)(\[\/COLOR\])/ig,"<FONTCOLOR=\"$2\">$4<\/FONT>"); temp=temp.replace(/(\[FACE=)(\S+)(\])(.+)(\[\/FACE\])/ig,"<FONTFACE=\"$2\">$4<\/FONT>"); temp=temp.replace(/(\[SIZE=)(\S+)(\])(.+)(\[\/SIZE\])/ig,"<FONTSIZE=\"$2\">$4<\/FONT>");temp=temp.replace(/(\[list\])(.+)(\[\/list\])/ig,"<ULTYPE=SQUARE>$2<\/UL>");temp=temp.replace(/(\[i\])(.+)(\[\/i\])/ig,"<I>$2<\/I>");temp=temp.replace(/(\[\*\])/ig,"<LI>"); temp=temp.replace(/(\[b\])(.+)(\[\/b\])/ig,"<b>$2</b>"); temp=temp.replace(/(\w+\@\w+.[\w.]+)/ig,"<ahref=\"mailto:$1\">$1</a>");}return(temp);}functionSmilies(temp){if(!$Smilies){temp=temp.replace(/\:\)/ig,"<imgsrc=\icons\/smile.gifALIGN=absmiddle>");temp=temp.replace(/\:\(/ig,"<imgsrc=\icons\/frown.gifALIGN=absmiddle>");temp=temp.replace(/\:D/g,"<imgsrc=\icons\/biggrin.gifALIGN=absmiddle>");temp=temp.replace(/\<\;\)/ig,"\<\;\)");temp=temp.replace(/\>\;\)/ig,"\>\;\)");temp=temp.replace(/\;\)/ig,"<imgsrc=\icons\/wink.gifALIGN=absmiddle>");temp=temp.replace(/\:o/g,"<imgsrc=\icons\/redface.gifALIGN=absmiddle>");