網(wǎng)上商城—前臺(tái)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)

1、目 錄目 錄1摘 要2引 言3第一章 程序開(kāi)發(fā)的技術(shù)基礎(chǔ)41.1 開(kāi)發(fā)平臺(tái)與運(yùn)行環(huán)境41.2 html簡(jiǎn)介41.3 asp介紹41.4 dreamwaver簡(jiǎn)介5第二章 網(wǎng)上購(gòu)物系統(tǒng)的需求分析72.1 消費(fèi)者的需求分析72.2 企業(yè)的需求分析8第三章 網(wǎng)上購(gòu)物系統(tǒng)結(jié)構(gòu)分析與設(shè)計(jì)103.1系統(tǒng)流程分析103.2系統(tǒng)功能分析113.3系統(tǒng)功能結(jié)構(gòu)123.4 前臺(tái)模塊詳細(xì)功能描述13第四章 前臺(tái)基本功能模塊的具體實(shí)現(xiàn)144.1 前臺(tái)商品分類(lèi)展示頁(yè)面實(shí)現(xiàn)144.1.1 首頁(yè)功能概述144.1.2 模板的設(shè)計(jì)實(shí)現(xiàn)154.1.3首頁(yè)欄目的設(shè)計(jì)實(shí)現(xiàn)164.1.4商品分類(lèi)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)174.2 商品展示模

2、塊194.3 會(huì)員管理模塊214.3.1 會(huì)員管理模塊概述214.3.2 會(huì)員注冊(cè)的實(shí)現(xiàn)過(guò)程214.3.3 會(huì)員登陸的實(shí)現(xiàn)過(guò)程224.3.4會(huì)員資料修改的實(shí)現(xiàn)過(guò)程224.4 購(gòu)物車(chē)模塊234.4.1 購(gòu)物車(chē)模塊概述234.4.2添加商品到購(gòu)物車(chē)的實(shí)現(xiàn)過(guò)程234.4.3查看購(gòu)物車(chē)的實(shí)現(xiàn)過(guò)程244.4.4 修改購(gòu)物車(chē)中商品數(shù)量的實(shí)現(xiàn)過(guò)程244.4.5刪除購(gòu)物車(chē)內(nèi)商品的實(shí)現(xiàn)過(guò)程254.5 收銀結(jié)算模塊254.6 訂單查詢管理模塊274.7 留言板模塊28總結(jié)與展望29參考文獻(xiàn)30致 謝30網(wǎng)上商城前臺(tái)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)摘要：近年來(lái)，國(guó)內(nèi)電子商務(wù)發(fā)展態(tài)勢(shì)良好，為b2c網(wǎng)上購(gòu)物系統(tǒng)提供了廣闊的發(fā)展空間。如

3、何設(shè)計(jì)與實(shí)現(xiàn)能夠充分滿足消費(fèi)者跟企業(yè)需求的優(yōu)質(zhì)網(wǎng)上購(gòu)物系統(tǒng)，有著廣泛的市場(chǎng)前景和實(shí)際的應(yīng)用價(jià)值。b2c網(wǎng)上購(gòu)物系統(tǒng)由前臺(tái)系統(tǒng)與后臺(tái)系統(tǒng)構(gòu)成。前臺(tái)系統(tǒng)是用戶實(shí)現(xiàn)購(gòu)物流程的操作界面，為用戶提供：商品分類(lèi)查詢、會(huì)員管理、購(gòu)物車(chē)、收銀臺(tái)、訂單查詢管理等等功能。系統(tǒng)基于信息管理系統(tǒng)(mis)思想，以dreamwaver作為主要開(kāi)發(fā)工具，采用asp技術(shù)實(shí)現(xiàn)動(dòng)態(tài)交互。關(guān)鍵詞：電子商務(wù)；b2c網(wǎng)上購(gòu)物系統(tǒng)；aspdesign and implementation of front-stage for b2c e-shopping system abstract: in recent years,domesti

4、c e-commerce has witnessed a flourishing trend, offering a broad developing room to b2c e-shopping system.how to design and implement a high-quality system,which can perfectly meet the needs of consumers and companies,has a broad market prospect and practical application value.b2c e-shopping system

5、consists of front-stage system and back-stage system.front-stage system is to provide the users with an interface to accomplish the shopping process.front-stage system includes: product categories,member management, shopping cart, checkout,query and management of orders,etc.the system is based on th

6、e thought of management information system (mis),dreamweaver is used as the main development tools,asp is used to implement the dynamic interaction.keywords：e-commerce ;b2c e-shopping system ; asp引 言網(wǎng)上購(gòu)物系統(tǒng)是一種具有交互功能的商業(yè)信息系統(tǒng)，基于瀏覽器/服務(wù)器應(yīng)用方式，實(shí)現(xiàn)消費(fèi)者網(wǎng)上購(gòu)物、商戶之間網(wǎng)上交易和在線電子支付的一種新型的商業(yè)運(yùn)營(yíng)模式。它向用戶提供靜態(tài)和動(dòng)態(tài)兩類(lèi)信息資源，其強(qiáng)大的交互功能

7、，使商家和用戶方便的傳遞信息，完成電子貿(mào)易或edi交易，實(shí)現(xiàn)文檔與資金的無(wú)紙化交換。近年來(lái)，國(guó)內(nèi)整體電子商務(wù)發(fā)展呈現(xiàn)良好態(tài)勢(shì)，電子支付，電子認(rèn)證，以及現(xiàn)代物流等等之前制約我國(guó)電子商務(wù)發(fā)展的一些條件得到了很好的改善與發(fā)展，更加促進(jìn)了國(guó)內(nèi)電子商務(wù)的發(fā)展，b2c模式的網(wǎng)上購(gòu)物系統(tǒng)更是一派蓬勃景象。本文研究的網(wǎng)上購(gòu)物系統(tǒng)所設(shè)計(jì)實(shí)現(xiàn)的正是屬于b2c的電子商務(wù)模式，為企業(yè)與消費(fèi)者提供信息發(fā)布與商品訂購(gòu)的電子商務(wù)平臺(tái)。在概念上屬于狹義的電子商務(wù)（ec）,即電子交易，為零售企業(yè)提供信息化管理，建立b2c的網(wǎng)絡(luò)銷(xiāo)售系統(tǒng)。全文以自己對(duì)于b2c模式電子商務(wù)的一些理解，利用自身掌握的理論知識(shí)與技術(shù)，對(duì)b2c網(wǎng)上商城基

8、于消費(fèi)者與企業(yè)的不同需求進(jìn)行分析，設(shè)計(jì)與需求所對(duì)應(yīng)的功能并且實(shí)現(xiàn)。 曾經(jīng)網(wǎng)絡(luò)上流行過(guò)這么一句話：“中國(guó)每天有成千上萬(wàn)的網(wǎng)站建立，同時(shí)也有成千上萬(wàn)的網(wǎng)站關(guān)閉?！边@是沒(méi)有依據(jù)的，網(wǎng)上購(gòu)物系統(tǒng)也只能算是其中的一個(gè)組成部分而已。但是我覺(jué)得，在某種意義上體現(xiàn)了國(guó)內(nèi)電子商務(wù)領(lǐng)域的現(xiàn)狀。當(dāng)前情況下，什么樣的網(wǎng)上購(gòu)物系統(tǒng)才能更好的迎合消費(fèi)者的需求，為消費(fèi)者提供真正優(yōu)質(zhì)的安全、快捷、舒適、滿足客戶不同需求的網(wǎng)絡(luò)購(gòu)物環(huán)境；為企業(yè)提供真正優(yōu)質(zhì)的穩(wěn)定、方便、高效率，高效益的網(wǎng)絡(luò)營(yíng)銷(xiāo)平臺(tái)，并且能夠適應(yīng)當(dāng)前電子商務(wù)發(fā)展大環(huán)境。正是本文要討論與研究的方向和目的。第一章 程序開(kāi)發(fā)的技術(shù)基礎(chǔ)1.1開(kāi)發(fā)平臺(tái)與運(yùn)行環(huán)境考慮到本系統(tǒng)

9、的性能要求和現(xiàn)有的條件，選擇了windows xp中文版作為開(kāi)發(fā)、測(cè)試和運(yùn)行的平臺(tái)。因?yàn)閣indows操作系統(tǒng)是目前應(yīng)用最廣的操作系統(tǒng)。它以全新的圖形界面，簡(jiǎn)單快捷的操作方式，支持多媒體功能等特點(diǎn)而成為軟件發(fā)展的流行趨勢(shì)。運(yùn)行環(huán)境選擇asp與iis和access2003數(shù)據(jù)庫(kù)，在實(shí)現(xiàn)過(guò)程中使用到了photoshop,dreamweaver,fireworks，flash等工具。1.2 html簡(jiǎn)介html(hypertext markup language,超文本標(biāo)記語(yǔ)言)，是創(chuàng)建網(wǎng)頁(yè)的計(jì)算機(jī)語(yǔ)言。所謂網(wǎng)頁(yè)實(shí)際上就是一個(gè)html文檔。文檔內(nèi)容有文本與html標(biāo)記組成。瀏覽器負(fù)責(zé)解釋html文檔

10、中的標(biāo)記，將其顯示成網(wǎng)頁(yè)。html文檔是一個(gè)普通的文本文件，不包含任何與平臺(tái)，程序有關(guān)的信息。因此html文檔可以利用任何文本編輯器來(lái)方便的生成。運(yùn)行html文檔可在任何瀏覽器下進(jìn)行并可在瀏覽器上查看網(wǎng)頁(yè)的源代碼。1.3 asp介紹1.3.1 asp概述asp是active server page的縮寫(xiě)，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”。asp是微軟公司開(kāi)發(fā)的代替cgi腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。asp的網(wǎng)頁(yè)文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。 asp是一種服務(wù)器端腳本編寫(xiě)環(huán)境，可以用來(lái)創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或web應(yīng)用程序。asp網(wǎng)頁(yè)可以包

11、含html標(biāo)記、普通文本、腳本命令以及com組件等。利用asp可以向網(wǎng)頁(yè)中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用html網(wǎng)頁(yè)作為用戶界面的web應(yīng)用程序。asp類(lèi)似于html、script與cgi的結(jié)合體，但是其運(yùn)行效率比cgi更高、程序編制也比html更方便且更有靈活性，程序安全及保密性比script好。asp不但可以包含html標(biāo)簽，也可以直接存取數(shù)據(jù)庫(kù)及使用無(wú)限擴(kuò)充的activex控件，因此在程序編制上要比html方便而且更富有靈活性。asp以html為基礎(chǔ)，主體還是html代碼，只是在需要asp動(dòng)態(tài)產(chǎn)生的地方加入asp代碼。asp的最終顯示結(jié)果也是html代碼，可準(zhǔn)確控制asp的

12、輸出結(jié)果。 1.3.2 asp的特點(diǎn)（1）asp可以和html或其它腳本語(yǔ)言(vbscript,javascript)相互嵌套。 （2）asp是一種在web服務(wù)器端運(yùn)行的腳本語(yǔ)言，程序代碼安全保密。 （3）asp以對(duì)象為基礎(chǔ)，因此可以使用activex控件繼續(xù)擴(kuò)充其功能。 （4）asp內(nèi)置ado組件，因此可以輕松的存取各種數(shù)據(jù)庫(kù)。 （5）asp可以將運(yùn)行結(jié)果以html的格式傳送至客戶端瀏覽器，因而可以適用與各種瀏覽器。1.3.3 asp的工作原理當(dāng)瀏覽器向web服務(wù)器請(qǐng)求調(diào)用asp文件時(shí)，就啟動(dòng)了asp。瀏覽器將這個(gè)asp的請(qǐng)求（http請(qǐng)求）發(fā)送到iis，web服務(wù)器接受這個(gè)請(qǐng)求并調(diào)入正確的

13、asp文件，web服務(wù)器將這個(gè)文件發(fā)送到一個(gè)稱(chēng)為asp.dll的文件中。該文件負(fù)責(zé)獲得一個(gè)asp文件并對(duì)該文件內(nèi)所有服務(wù)器端的代碼進(jìn)行解析，他會(huì)在該文件中查找所有的腳本代碼，將這些腳本代碼發(fā)送到合適的腳本引擎（即腳本解釋器），然后使用如vbscript等腳本語(yǔ)言進(jìn)行解釋。腳本代碼的運(yùn)行結(jié)果重新結(jié)合該asp文件中原有的其他文件如文本內(nèi)容及html代碼，web服務(wù)器將最終生成的頁(yè)面發(fā)送到客戶端的瀏覽器中進(jìn)行顯示。如果沒(méi)有查找到任何腳本代碼，則會(huì)通知iis直接將這些文件發(fā)送到客戶端。若腳本指令中含有訪問(wèn)數(shù)據(jù)庫(kù)的請(qǐng)求，就通過(guò)odbc與后臺(tái)數(shù)據(jù)庫(kù)連接，由數(shù)據(jù)庫(kù)訪問(wèn)組件ado執(zhí)行訪問(wèn)數(shù)據(jù)庫(kù)操作，如下圖所示

14、：瀏覽器web服務(wù)器（iis/pws）腳本引擎 ado對(duì)象各類(lèi)odbc驅(qū)動(dòng)程序數(shù)據(jù)庫(kù)http請(qǐng)求 文件下載 圖1.1 asp工作原理figure 1.1 working principle of asp1.4 dreamweaver簡(jiǎn)介dreamweaver是由在多媒體方面頗有建樹(shù)的macromedia公司推出的可視化網(wǎng)頁(yè)制作工具，它與flash、fireworks被合稱(chēng)為網(wǎng)頁(yè)制作三劍客。dreamweaver主要用來(lái)制作網(wǎng)頁(yè)文件，制作出來(lái)的網(wǎng)頁(yè)兼容性比較好，制作效率也很高。1.4.1 dreamwaver的優(yōu)點(diǎn)（1）最佳的制作效率dreamweaver可以用最快速的方式將fireworks，

15、freehand，或photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。dremweaver能與您喜愛(ài)的設(shè)計(jì)工具，如playback flash，shockwave和外掛模組等搭配，不需離開(kāi)dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使dreamweaver自動(dòng)開(kāi)啟firework或photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。 （2）網(wǎng)站管理 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱(chēng)，dreamweaver 會(huì)自動(dòng)更新所有連結(jié)

16、。使用支援文字、html碼、html屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。 （3）無(wú)可比擬的控制能力 dreamweaver是唯一提供roundtrip html、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。1.4.2 使用dreamwaver模板的好處dreamweaver模板是一種

17、特殊類(lèi)型的文檔，用于設(shè)計(jì)“固定的”頁(yè)面布局；然后您便可以基于模板創(chuàng)建文檔，創(chuàng)建的文檔會(huì)繼承模板的頁(yè)面布局。設(shè)計(jì)模板時(shí)，可以指定在基于模板的文檔中哪些內(nèi)容是用戶“可編輯的”。使用模板，模板創(chuàng)作者控制哪些頁(yè)面元素可以由模板用戶（如作家、圖形藝術(shù)家或其它 web 開(kāi)發(fā)人員）進(jìn)行編輯。使用模板可以控制大的設(shè)計(jì)區(qū)域，以及重復(fù)使用完整的布局。如果要重復(fù)使用個(gè)別設(shè)計(jì)元素，如站點(diǎn)的版權(quán)信息或徽標(biāo)，可以創(chuàng)建庫(kù)項(xiàng)目。 使用模板可以一次更新多個(gè)頁(yè)面。從模板創(chuàng)建的文檔與該模板保持連接狀態(tài)（除非您以后分離該文檔）?？梢孕薷哪０宀⒘⒓锤禄谠撃０宓乃形臋n中的設(shè)計(jì)。第二章 網(wǎng)上購(gòu)物系統(tǒng)的需求分析前面的內(nèi)容簡(jiǎn)單論述了網(wǎng)上

18、購(gòu)物系統(tǒng)研究的意義與目的（為什么做），以及用哪些工具與技術(shù)來(lái)設(shè)計(jì)實(shí)現(xiàn)（用什么做）的問(wèn)題。下面就從消費(fèi)者跟企業(yè)兩個(gè)方面對(duì)網(wǎng)上購(gòu)物系統(tǒng)進(jìn)行功能需求的分析。探討一下消費(fèi)者跟企業(yè)對(duì)于一個(gè)優(yōu)質(zhì)的網(wǎng)上購(gòu)物系統(tǒng)有著怎樣的需求，網(wǎng)上購(gòu)物系統(tǒng)應(yīng)該滿足消費(fèi)者跟企業(yè)的哪些方面需要，也就是要做些什么的問(wèn)題。2.1 消費(fèi)者的需求分析作為消費(fèi)者，在網(wǎng)上購(gòu)物系統(tǒng)中的最主要需求，無(wú)疑是安全快捷方便的完成購(gòu)物流程。優(yōu)質(zhì)的購(gòu)物系統(tǒng)應(yīng)該能夠滿足消費(fèi)者以下幾點(diǎn)的需求：在最短的時(shí)間內(nèi)找到自己需要購(gòu)買(mǎi)的商品；用安全、簡(jiǎn)便、快捷的方式完成電子交易并可以實(shí)時(shí)關(guān)注自己的訂單狀態(tài)；可以根據(jù)自身情況選擇最適合自己的物流配送方式；在以消費(fèi)者為中心的

19、購(gòu)物系統(tǒng)中完成舒適的購(gòu)物過(guò)程等等。（1）商品分類(lèi)目錄與商品搜素功能為滿足消費(fèi)者能夠方便快捷的找到自己需要或感興趣內(nèi)容的要求，網(wǎng)上購(gòu)物系統(tǒng)必須有一個(gè)健全的符合大部分消費(fèi)者思維習(xí)慣的商品等級(jí)分類(lèi)，為消費(fèi)者提供一個(gè)完善的商品分類(lèi)目錄。這個(gè)分類(lèi)目錄指導(dǎo)了整個(gè)網(wǎng)站商品展示結(jié)構(gòu)的建立，根據(jù)企業(yè)的商品特點(diǎn)設(shè)計(jì)好商品分類(lèi)目錄在整個(gè)網(wǎng)絡(luò)購(gòu)物系統(tǒng)的設(shè)計(jì)中有著非常重要的意義。此需求范圍內(nèi)另外一個(gè)重點(diǎn)功能是商品搜索功能，為消費(fèi)者提供個(gè)性化搜索，滿足在多種情況下的需要。（2）電子交易方式需求 目前國(guó)內(nèi)在電子交易與電子認(rèn)證領(lǐng)域的發(fā)展已經(jīng)可以在很大程度上滿足消費(fèi)者對(duì)于安全，簡(jiǎn)便，快捷電子交易方式的需要。但在眾多電子交易方式

20、中，不同的消費(fèi)者會(huì)根據(jù)自身情況有所側(cè)重，使用自己習(xí)慣的或者更加信賴的方式進(jìn)行電子交易。這一點(diǎn)就構(gòu)成了網(wǎng)上購(gòu)物系統(tǒng)在電子交易方式上的需求。盡可能滿足大多數(shù)消費(fèi)者對(duì)于交易方式的需要，是網(wǎng)上購(gòu)物系統(tǒng)在交易支付方面需要重點(diǎn)考慮的問(wèn)題。（3）訂單狀態(tài)實(shí)時(shí)追蹤 網(wǎng)上購(gòu)物系統(tǒng)中，訂單是重要的交易憑證之一，交易支付與物流配送都需要以訂單作為依據(jù)。對(duì)于消費(fèi)者跟企業(yè)雙方都是尤為重要的。在整個(gè)消費(fèi)過(guò)程中，消費(fèi)者需要查詢，管理自己的訂單，最好還可以實(shí)時(shí)追蹤自己的訂單狀態(tài)，訂單信息是否正確，支付是否成功，配送是否開(kāi)始，以此來(lái)了解自己本次網(wǎng)上購(gòu)物的各項(xiàng)進(jìn)程。另外一個(gè)人性化的訂單查詢、管理系統(tǒng)也會(huì)在很大程度上讓消費(fèi)者獲得舒

21、適的購(gòu)物體驗(yàn)。（4）物流配送方式需求 近年來(lái)，國(guó)內(nèi)電子商務(wù)業(yè)務(wù)范圍內(nèi)的物流發(fā)展，相當(dāng)迅速，與電子交易方式的情況類(lèi)似，為消費(fèi)者提供多種選擇，但不同消費(fèi)者也會(huì)根據(jù)自身情況，以及物流公司本身的信譽(yù)情況，資費(fèi)標(biāo)準(zhǔn)進(jìn)行不同的選擇。盡可能滿足大部分消費(fèi)者在物流配送方式上的不同需求。因此從消費(fèi)者的利益出發(fā)，使消費(fèi)者可以選擇自己最信賴或者最適合自身情況的物流配送方式，盡量為消費(fèi)者節(jié)約運(yùn)費(fèi)成本，也是網(wǎng)上購(gòu)物系統(tǒng)要著重考慮的一個(gè)方面。2.2 企業(yè)的需求分析作為企業(yè)，在網(wǎng)上購(gòu)物系統(tǒng)中最主要的需求，以如何提高工作效率與經(jīng)濟(jì)效益為前提條件，同時(shí)處處體現(xiàn)企業(yè)優(yōu)秀的客戶服務(wù)理念。優(yōu)質(zhì)的購(gòu)物系統(tǒng)應(yīng)該要滿足消費(fèi)者一下幾點(diǎn)的需求

22、：企業(yè)整體vi的需求，一致的頁(yè)面風(fēng)格，使優(yōu)秀商品在網(wǎng)絡(luò)上獲得最好的展示效果，刺激消費(fèi)者的消費(fèi)欲望，建立公司整體形象；方便快捷的發(fā)布各種促銷(xiāo)信息，吸引消費(fèi)者對(duì)企業(yè)優(yōu)質(zhì)商品，推薦商品，相關(guān)商品的關(guān)注；多種安全可靠的電子交易方式以及物流配送方式，可以最大程度上滿足不同消費(fèi)者的需要；人性化的訂單管理與查詢系統(tǒng)，方便消費(fèi)者對(duì)于交易狀態(tài)的跟蹤查詢；完善的消費(fèi)者信息統(tǒng)計(jì)管理系統(tǒng)，收集消費(fèi)者反饋信息，結(jié)合在線客戶服務(wù)，與消費(fèi)者完成良好互動(dòng)，體現(xiàn)企業(yè)的優(yōu)質(zhì)客戶服務(wù)理念。（1）企業(yè)的整體vi需求，良好頁(yè)面展示效果 在網(wǎng)上購(gòu)物系統(tǒng)中，企業(yè)需要依靠系統(tǒng)的整體vi來(lái)建立和提升企業(yè)形象，獲得消費(fèi)者的初步好感，才能進(jìn)而刺激

23、消費(fèi)者的消費(fèi)欲望，獲得經(jīng)濟(jì)效益。一個(gè)整體的vi形象，在網(wǎng)上購(gòu)物系統(tǒng)中需要良好的頁(yè)面展示效果來(lái)實(shí)現(xiàn)，所以在保持工作效率的前提下，網(wǎng)上購(gòu)物系統(tǒng)應(yīng)盡最大可能保證良好的頁(yè)面效果。（2）商品分類(lèi)目錄與促銷(xiāo)信息發(fā)布企業(yè)在為消費(fèi)者提供方便快捷的購(gòu)物環(huán)境的同時(shí)，也需要利用商品分類(lèi)目錄與商品搜索功能為消費(fèi)者展示更多類(lèi)似的優(yōu)質(zhì)產(chǎn)品，所以商品分類(lèi)目錄和搜索功能需要在消費(fèi)者進(jìn)行商品選擇時(shí)，展示更多企業(yè)所提供的類(lèi)似的或者相關(guān)的商品。一個(gè)優(yōu)秀的網(wǎng)上購(gòu)物系統(tǒng)不光要有優(yōu)質(zhì)的商品，也應(yīng)該有一個(gè)像消費(fèi)者推薦和展示這些商品的方法與策略，解決企業(yè)的這個(gè)需求問(wèn)題，就需要根據(jù)自身產(chǎn)品特點(diǎn)建立起良好的商品分類(lèi)目錄，以及推薦商品分類(lèi)和大量促

24、銷(xiāo)信息的發(fā)布的體系。（3）電子交易方式與物流配送方式需求隨著電子交易與現(xiàn)代物流的發(fā)展，越來(lái)越多的電子交易方式和物流配送方式可以供網(wǎng)上購(gòu)物系統(tǒng)選擇，滿足各種情況的需要，但是一個(gè)購(gòu)物系統(tǒng)所具備的電子交易方式與物流配送方式也并不是越多越好的，因?yàn)閺钠髽I(yè)效益上來(lái)講，過(guò)于多樣化的交易方式與物流配送方式是不可行的。正確的選擇應(yīng)該是根據(jù)自身實(shí)際情況，行業(yè)特點(diǎn)以及對(duì)主要消費(fèi)者需求情況進(jìn)行分析后，選擇幾種能滿足大多數(shù)消費(fèi)者要求的交易方式與物流配送方式即可。而且在交易方式與物流配送方式的選擇上要從消費(fèi)者的角度出發(fā)，盡可能為消費(fèi)者節(jié)約不必要的附加消費(fèi)。（4）訂單管理與查詢?cè)诰W(wǎng)上購(gòu)物系統(tǒng)中，訂單管理對(duì)于消費(fèi)者和企業(yè)的

25、重要性已經(jīng)在上文做了較詳細(xì)的說(shuō)明，企業(yè)需要依據(jù)消費(fèi)者的訂單來(lái)掌握消費(fèi)者的購(gòu)物情況，消費(fèi)者選購(gòu)的商品信息、數(shù)量，以及支付方式的選擇，是否完成支付。支付完成之后，需要根據(jù)訂單內(nèi)的聯(lián)系方式，收貨地址以及選擇的配送方式為消費(fèi)者展開(kāi)物流配送。訂單管理是網(wǎng)上購(gòu)物系統(tǒng)中較為繁瑣，容易出錯(cuò)的一個(gè)環(huán)節(jié)，所以優(yōu)質(zhì)的購(gòu)物系統(tǒng)應(yīng)該為企業(yè)提供完善，方便的訂單管理功能，按照交易支付的進(jìn)程，物流配送的進(jìn)程為訂單的不同狀態(tài)，方便企業(yè)以及消費(fèi)者對(duì)于訂單的查詢與管理，以此來(lái)掌控購(gòu)物過(guò)程的進(jìn)行。（5）用戶信息管理與客戶服務(wù)企業(yè)需要對(duì)消費(fèi)者信息進(jìn)行管理，分析，統(tǒng)計(jì)。這對(duì)于維護(hù)原有市場(chǎng)和開(kāi)拓潛在市場(chǎng)都是有著重要意義的。網(wǎng)上購(gòu)物系統(tǒng)要為

26、企業(yè)提供方便的用戶信息管理系統(tǒng)，準(zhǔn)確完善的為企業(yè)提供用戶信息，利于系統(tǒng)為不同消費(fèi)者提供個(gè)性化服務(wù)以及企業(yè)與用戶之間相互的溝通交流。網(wǎng)上購(gòu)物系統(tǒng)的客戶服務(wù)體現(xiàn)在多個(gè)方面：方便快捷的購(gòu)物流程，基于消費(fèi)者留言與投訴的互動(dòng)，以及在線客戶服務(wù)為客戶提供實(shí)時(shí)咨詢。這些方面都是客戶服務(wù)理念在網(wǎng)上購(gòu)物系統(tǒng)中的體現(xiàn)。第三章 網(wǎng)上購(gòu)物系統(tǒng)結(jié)構(gòu)分析與設(shè)計(jì)通過(guò)前面對(duì)于網(wǎng)上購(gòu)物系統(tǒng)的需求分析，下面就利用管理信息系統(tǒng)（management information system, mis）的開(kāi)發(fā)方法來(lái)實(shí)現(xiàn)系統(tǒng)結(jié)構(gòu)的分析與設(shè)計(jì)，系統(tǒng)分為前臺(tái)和后臺(tái)管理。前臺(tái)用于會(huì)員注冊(cè)，登陸，修改個(gè)人資料，查詢商品，訂購(gòu)商品，生成訂單，進(jìn)行結(jié)

27、算，查詢與管理訂單，進(jìn)行用戶留言咨詢等，后臺(tái)管理包括商品管理，會(huì)員管理，管理員管理，訂單管理，公告管理，促銷(xiāo)信息發(fā)布，獨(dú)立頁(yè)面管理，網(wǎng)站基本設(shè)置管理，留言評(píng)價(jià)管理。3.1 系統(tǒng)流程分析 以用戶的購(gòu)物流程建立的系統(tǒng)流程圖：進(jìn)入網(wǎng)站登陸商品分類(lèi)目錄商品展示頁(yè)面注冊(cè)購(gòu)買(mǎi)會(huì)員放入購(gòu)物車(chē)顯示購(gòu)物信息去收銀臺(tái)，選擇支付、配送方式，完善收貨人信息注冊(cè)ny生成訂單，確認(rèn)訂單信息，支付金額進(jìn)行支付，進(jìn)行配送用戶收貨，交易完成圖2.1 系統(tǒng)流程圖figure 2.1 the main flow diagram系統(tǒng)流程文字說(shuō)明：用戶登陸網(wǎng)站，已注冊(cè)的會(huì)員可直接登陸網(wǎng)站進(jìn)行購(gòu)物。未注冊(cè)用戶按照系統(tǒng)提示進(jìn)行注冊(cè)登陸。用

28、戶根據(jù)自己的需要，通過(guò)系統(tǒng)的商品分類(lèi)目錄、商品搜索功能或各類(lèi)促銷(xiāo)活動(dòng)，選擇自己需要的商品，進(jìn)入商品細(xì)節(jié)展示頁(yè)面。選定商品，點(diǎn)擊放入購(gòu)物車(chē)。若用戶尚未登陸，提示用戶進(jìn)行注冊(cè)登陸后再將商品放入購(gòu)物車(chē)。在購(gòu)物車(chē)中查看詳細(xì)購(gòu)物信息，確定后去收銀臺(tái)，在收銀臺(tái)完善收貨信息，選擇支付與配送方式，生成訂單。在訂單頁(yè)面確認(rèn)訂單信息后，進(jìn)行支付，成功后。為用戶發(fā)貨，用戶完成收貨，交易成功。3.2 系統(tǒng)功能分析根據(jù)系統(tǒng)的實(shí)現(xiàn)流程，對(duì)系統(tǒng)功能進(jìn)行分析：（1）商品分類(lèi)目錄功能： 按照商品特點(diǎn)進(jìn)行分類(lèi)，為用戶提供結(jié)構(gòu)清晰的商品分類(lèi)結(jié)構(gòu)，用戶可根據(jù)商品分類(lèi)目錄找到自己需要或感興趣的商品。（2）商品搜索功能： 用戶可以進(jìn)行關(guān)

29、鍵字進(jìn)行模糊搜索，或者通過(guò)已經(jīng)了解的特定商品的名稱(chēng)或者貨號(hào)等信息來(lái)進(jìn)行較精確的搜索，找到商品。（3）商品展示功能： 商品詳細(xì)信息的展示，商品名稱(chēng)，貨號(hào)，庫(kù)存數(shù)量，價(jià)格，規(guī)格，尺碼顏色等屬性的詳細(xì)說(shuō)明。商品細(xì)節(jié)圖片展示與詳細(xì)文字說(shuō)明。（4）購(gòu)物車(chē)功能： 用戶決定購(gòu)物后，將商品暫存于購(gòu)物車(chē)內(nèi)，在此顯示用戶所選購(gòu)商品的名稱(chēng)，數(shù)量，尺碼，顏色，價(jià)格等等的購(gòu)物信息。（5）收銀臺(tái)結(jié)算功能：用戶確認(rèn)購(gòu)物信息無(wú)誤之后，進(jìn)入收銀臺(tái)，在此選擇支付方式，配送方式，完善收貨信息，生成訂單，確認(rèn)訂單信息后進(jìn)行結(jié)算與支付。（6）訂單查詢管理功能: 實(shí)現(xiàn)用戶對(duì)訂單的查詢與管理，用戶在此根據(jù)：全部訂單，未付款的訂單，已付款等

30、待發(fā)貨的訂單，已發(fā)貨的訂單，成功交易的訂單，已取消的訂單幾種不同狀態(tài)，進(jìn)行查詢管理操作。（7）用戶留言與商品咨詢功能：用戶在留言板內(nèi)進(jìn)行留言或投訴，在商品展示頁(yè)面內(nèi)的進(jìn)行商品咨詢。管理員通過(guò)后臺(tái)回復(fù)解答后，在前臺(tái)頁(yè)面進(jìn)行顯示。（8）會(huì)員管理功能：會(huì)員注冊(cè)，會(huì)員登陸，修改個(gè)人信息，以及會(huì)員丟失密碼之后找回密碼的功能。（9）后臺(tái)管理功能：商品管理，會(huì)員管理，管理員管理，訂單管理，公告管理，推薦管理，促銷(xiāo)信息發(fā)布，獨(dú)立頁(yè)面管理，網(wǎng)站基本設(shè)置管理，留言評(píng)價(jià)管理等功能。3.3 系統(tǒng)功能結(jié)構(gòu)根據(jù)系統(tǒng)的流程實(shí)現(xiàn)以及功能分析，網(wǎng)上購(gòu)物系統(tǒng)的前臺(tái)功能結(jié)構(gòu)如圖所示：網(wǎng) 上 購(gòu) 物 系 統(tǒng) 前 臺(tái) 功 能 結(jié) 構(gòu)會(huì)

31、員管理功能商品分類(lèi)與展示會(huì)員中心客服中心公共頁(yè)面會(huì)員注冊(cè)會(huì)員登錄會(huì)員找回密碼商品分類(lèi)目錄商品搜索查詢最新上架商品會(huì)員特惠商品明星推薦商品商品展示頁(yè)面購(gòu)物車(chē)收銀臺(tái)物品分類(lèi)展示品牌分類(lèi)展示個(gè)人資料修改訂單查詢管理客戶留言商品資詢?cè)诰€客服常見(jiàn)問(wèn)題聯(lián)系我們服務(wù)聲明查看購(gòu)物車(chē)清空購(gòu)物車(chē)圖3.1系統(tǒng)前臺(tái)功能模塊結(jié)構(gòu)圖figure 3.1 front-stage functional modules structure of the system3.4 前臺(tái)模塊詳細(xì)功能描述 用戶通過(guò)前臺(tái)功能完成整個(gè)購(gòu)物過(guò)程。系統(tǒng)前臺(tái)主要包括：商品分類(lèi)，商品展示，會(huì)員管理，購(gòu)物車(chē)，收銀結(jié)算，訂單查詢管理，留言板等幾大功能模塊

32、。（1）商品分類(lèi)模塊：商品分類(lèi)模塊實(shí)現(xiàn)了根據(jù)物品分類(lèi)進(jìn)行的商品劃分和展示，以及根據(jù)品牌進(jìn)行的商品劃分。用戶可以根據(jù)女裝，男裝，休閑裝這樣的一級(jí)分類(lèi)進(jìn)行查詢，也可以繼續(xù)查詢女裝下的外套，襯衫這樣的二級(jí)子分類(lèi)。同時(shí)商品也按照商品品牌分類(lèi)，用戶也可以選擇某個(gè)品牌的商品進(jìn)行查詢。另外還為客戶提供最新上架商品，會(huì)員特惠商品，明星推薦商品這樣的促銷(xiāo)類(lèi)型的分類(lèi)展示。（2）商品展示模塊：商品展示模塊實(shí)現(xiàn)對(duì)于該商品的商品名稱(chēng)，貨號(hào)，庫(kù)存數(shù)量，價(jià)格，規(guī)格，尺碼顏色等屬性的詳細(xì)說(shuō)明，以及細(xì)節(jié)圖片和詳細(xì)的文字說(shuō)明內(nèi)容。用戶決定訂購(gòu)此商品，對(duì)于已登錄的用戶，直接調(diào)用購(gòu)物車(chē)模塊，將商品信息放入購(gòu)物車(chē)內(nèi)。如果用戶尚未登陸，

33、則調(diào)用會(huì)員管理頁(yè)面請(qǐng)用戶先進(jìn)行登陸或者注冊(cè)，然后再調(diào)用購(gòu)物車(chē)模塊完成購(gòu)物流程。另外本模塊還提供商品咨詢的功能，為滿足所有用戶的需求，本模塊內(nèi)的咨詢功能支持匿名咨詢，無(wú)需注冊(cè)登陸。（3）會(huì)員管理模塊：會(huì)員管理模塊實(shí)現(xiàn)用戶注冊(cè)成為會(huì)員，以及會(huì)員登陸。用戶注冊(cè)成為會(huì)員時(shí)輸入用戶名，登陸密碼，以及真實(shí)姓名，聯(lián)系方式等信息，這些信息用于會(huì)員管理，在會(huì)員不慎遺失密碼時(shí)，可以通過(guò)個(gè)人信息找回登陸密碼。（4）購(gòu)物車(chē)模塊：購(gòu)物車(chē)模塊實(shí)現(xiàn)了暫存購(gòu)物信息的功能，用戶可以隨時(shí)查看自己的購(gòu)物車(chē)內(nèi)的物品信息或者清空購(gòu)物車(chē)。用戶選購(gòu)某件商品時(shí)，將商品放入購(gòu)物車(chē)，在購(gòu)物車(chē)內(nèi)確認(rèn)商品信息無(wú)誤后，到收銀臺(tái)去收生成訂單，完成支付。

34、（5）收銀結(jié)算模塊：收銀結(jié)算模塊實(shí)現(xiàn)生成訂單與結(jié)算支付的功能，用戶確認(rèn)購(gòu)物車(chē)內(nèi)的商品信息無(wú)誤，點(diǎn)擊去收銀臺(tái)，即調(diào)用收銀臺(tái)模塊，讓顧客完善收貨人收貨信息，支付與配送方式等等的必要信息后，生成訂單，確認(rèn)后，進(jìn)行支付。（6）訂單查詢管理模塊:訂單查詢管理模塊實(shí)現(xiàn)了用戶對(duì)于訂單的查詢和管理，并且根據(jù)訂單的不同狀態(tài)將其進(jìn)行劃分:全部訂單，未付款的訂單，已付款未發(fā)貨的訂單，已發(fā)貨的訂單，交易成功的訂單，已取消的訂單。通過(guò)后臺(tái)對(duì)于訂單狀態(tài)的管理，用戶的訂單隨著購(gòu)物流程中轉(zhuǎn)換成為相應(yīng)的狀態(tài)。（7）留言板模塊:留言板實(shí)現(xiàn)用戶對(duì)于網(wǎng)站的留言或者投訴，用戶可以通過(guò)留言板模塊發(fā)表留言，通過(guò)后臺(tái)對(duì)留言內(nèi)容的回復(fù)與操作，

35、在前臺(tái)留言板頁(yè)面進(jìn)行顯示。第四章 前臺(tái)基本功能模塊的具體實(shí)現(xiàn)4.1 前臺(tái)商品分類(lèi)展示頁(yè)面實(shí)現(xiàn)4.1.1 首頁(yè)功能概述首頁(yè)的主要功能包括，為用戶提供清晰明確的整個(gè)系統(tǒng)結(jié)構(gòu)，通過(guò)建立導(dǎo)航條與首頁(yè)分類(lèi)欄目進(jìn)行實(shí)現(xiàn)。下面為對(duì)首頁(yè)的主要欄目劃分進(jìn)行簡(jiǎn)單介紹：（1）頂部導(dǎo)航條：首頁(yè)，登陸，注冊(cè)，購(gòu)物車(chē)，我的賬戶，客服中心。（2）商品分類(lèi)導(dǎo)航條：女裝、男裝、休閑裝分類(lèi)頁(yè)面，會(huì)員特惠、最新上架、品牌展示、明星推薦分類(lèi)頁(yè)面。（3）促銷(xiāo)海報(bào)展示，網(wǎng)站購(gòu)物咨訊發(fā)布。（4）首頁(yè)會(huì)員登陸欄目，商品搜索欄目。（5）最新上架商品，明星推薦商品，會(huì)員特惠商品首頁(yè)推薦展示欄目，品牌專(zhuān)區(qū)欄目。（6）認(rèn)證信息顯示與企業(yè)信息顯示欄目

36、。界面設(shè)計(jì)：圖4.1 首頁(yè)頁(yè)面效果圖figure. 4.1 view page of index4.1.2 模板的設(shè)計(jì)實(shí)現(xiàn) 根據(jù)網(wǎng)站結(jié)構(gòu)與框架，以及企業(yè)整體的vi需求，用photoshop工具繪制網(wǎng)站主要頁(yè)面的顯示效果圖，修改完善后，利用photoshop切片工具進(jìn)行切片，之后利用表格，結(jié)合一些div+css的方法，完成對(duì)網(wǎng)頁(yè)的布局設(shè)計(jì)。 網(wǎng)站頂部導(dǎo)航條、商品分類(lèi)導(dǎo)航條、底部的認(rèn)證鏈接和企業(yè)信息顯示部分，使用創(chuàng)建dwt模板方法來(lái)實(shí)現(xiàn)。網(wǎng)站的其他頁(yè)面都調(diào)用此模板(模板.dwt.asp)作為頁(yè)面框架，不同頁(yè)面僅需要對(duì)模板中間部分的可編輯區(qū)進(jìn)行內(nèi)容完善。 頂部導(dǎo)航條以及商品分類(lèi)導(dǎo)航條部分使用圖片鏈接

37、的方式鏈接到相應(yīng)的頁(yè)面。 底部的認(rèn)證信息欄目?jī)?nèi)顯示認(rèn)證圖標(biāo)，企業(yè)信息欄目?jī)?nèi)顯示企業(yè)信息目錄。這兩個(gè)欄目的內(nèi)容分別使用數(shù)據(jù)表link與menu，在頁(yè)面內(nèi)動(dòng)態(tài)生成。功能實(shí)現(xiàn)中用到的對(duì)象及屬性：l recordset（記錄集對(duì)象）：用于瀏覽及操作數(shù)據(jù)庫(kù)內(nèi)的數(shù)據(jù)，管理返回的記錄集，這里不先創(chuàng)建connection對(duì)象，直接利用recordset對(duì)象的功能來(lái)創(chuàng)建recordset對(duì)象，此時(shí)ado將自動(dòng)創(chuàng)建所需的connection對(duì)象，但需要在隨后的recordset對(duì)象的open方法中給出連接源。l recordcount(記錄集對(duì)象屬性)：記錄集中的記錄總數(shù)。l response對(duì)象的write方法

38、：將信息輸出到客戶端進(jìn)行顯示。實(shí)現(xiàn)過(guò)程：對(duì)數(shù)據(jù)表中的相應(yīng)記錄進(jìn)行查詢之后，進(jìn)行所有記錄的循環(huán)輸出顯示。為實(shí)現(xiàn)網(wǎng)頁(yè)中圖片顯示時(shí)可以等比例縮放的功能，在模板中使用javascript腳本定義了resizepic方法。算法描述如下：當(dāng)圖片高寬比大與顯示高寬比時(shí)，若圖片寬度大于顯示寬度，目標(biāo)圖片寬度等于顯示寬度，高度根據(jù)顯示高寬比得出。若圖片高度大于顯示高度，目標(biāo)圖片高度等于顯示高度，寬度根據(jù)顯示高寬比得出。在顯示圖片的地方調(diào)用此方法為參數(shù)賦值，實(shí)現(xiàn)圖片的等比例縮放。模板中使用#include指令調(diào)用數(shù)據(jù)庫(kù)連接文件（conn.asp）以及網(wǎng)站配置文件（config.asp）等。在#include語(yǔ)句中

39、使用file關(guān)鍵字指定文件的相對(duì)路徑。4.1.3 首頁(yè)欄目的設(shè)計(jì)實(shí)現(xiàn)上文對(duì)網(wǎng)頁(yè)模板的內(nèi)容進(jìn)行了介紹，下面在模板文件基礎(chǔ)上來(lái)設(shè)計(jì)實(shí)現(xiàn)前臺(tái)首頁(yè)。（1）促銷(xiāo)海報(bào)展示使用js特效，海報(bào)圖片進(jìn)行動(dòng)態(tài)的輪換效果顯示，并對(duì)切換樣式進(jìn)行定義。在指定時(shí)間間隔后，以指定樣式更換海報(bào)圖片，實(shí)現(xiàn)海報(bào)的動(dòng)態(tài)切換。用到的方法及變量：l getelementbyid：根據(jù)指定的 id 屬性值得到對(duì)象。返回第一個(gè)對(duì)象的引用。假如對(duì)應(yīng)的為一組對(duì)象，則返回該組對(duì)象中的第一個(gè)。l settimeout：用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。實(shí)現(xiàn)方法的關(guān)鍵代碼，定義切換樣式：圖片輪轉(zhuǎn)切換的實(shí)現(xiàn)方法：function rotate

40、hanger_sn4() document.getelementbyid(divhanger_sn4).filters0.apply();document.all.divhanger_sn4.innerhtml=ahtmls_sn4nhangno_sn4;document.getelementbyid(divhanger_sn4).filters0.play(); (nhangno_sn4=(ahtmls_sn4.length-1)?nhangno_sn4=0:nhangno_sn4+;settimeout(rotatehanger_sn4(),nhanginterval_sn4); （2）個(gè)

41、人用戶登陸欄目此欄目體現(xiàn)用戶登陸狀態(tài)，判斷用戶是否登陸，未登錄時(shí)提供注冊(cè)、登陸、找回密碼功能，登陸后顯示會(huì)員個(gè)人信息，為會(huì)員提供購(gòu)物車(chē)、我的賬戶、訂單查詢功能。功能實(shí)現(xiàn)中用到的對(duì)象及屬性：l session對(duì)象：存儲(chǔ)用戶個(gè)人會(huì)話所需的信息，當(dāng)用戶在不同頁(yè)面切換時(shí)，存儲(chǔ)在 session對(duì)象中變量不會(huì)被清除。實(shí)現(xiàn)用戶信息在多頁(yè)面內(nèi)的共享。l recordset對(duì)象bof屬性：表示記錄集的開(kāi)頭，位于第一條記錄之前。l recordset對(duì)象eof屬性：表示記錄集的結(jié)尾，位于最后一條記錄之后。（3）商品搜索欄目在表單內(nèi)輸入關(guān)鍵字，提交至search.asp頁(yè)面進(jìn)行處理，對(duì)名稱(chēng)或者備注里包含此關(guān)鍵字的

42、商品記錄進(jìn)行模糊查找，并進(jìn)行輸出顯示。用到的對(duì)象及屬性：l request對(duì)象：用于獲取客戶的請(qǐng)求數(shù)據(jù)，可以訪問(wèn)基于http請(qǐng)求傳遞的所有信息。l form數(shù)據(jù)集合：用于獲得post方法所提交的表單數(shù)據(jù)。l action屬性：用于設(shè)定表單數(shù)據(jù)程序的url地址，即設(shè)置將表單數(shù)據(jù)提交給誰(shuí)處理。l method屬性：指定表單的資料傳到服務(wù)器的方式，取值為post或get方法。（4）品牌專(zhuān)區(qū)欄目在此欄目?jī)?nèi)對(duì)網(wǎng)站所有品牌的logo圖標(biāo)進(jìn)行排列顯示。點(diǎn)擊圖標(biāo)跳轉(zhuǎn)至該品牌的商品展示頁(yè)面。這里用到一個(gè)算法來(lái)實(shí)現(xiàn)圖標(biāo)的分行排列，關(guān)鍵代碼如下：if(rsbrandshow.recordcount mod 2)=0

43、 then y=0 else y=2for i=1 to (rsbrandshow.recordcount2)*2+yif （i mod 2）=1 then writestr=writestr&/當(dāng)i模2等于1時(shí)，則換行顯示。if （i mod 2）=0 then writestr=writestr&/當(dāng)i模2等于0時(shí)，換行結(jié)束。（5）分類(lèi)別推薦商品的首頁(yè)展示欄目新品推薦：顯示所有推薦商品中最后上架的三件商品。明星推薦：顯示明星推薦分類(lèi)中最后上架的三件商品。會(huì)員特惠：顯示會(huì)員特惠分類(lèi)中最后上架的四件商品。4.1.3 商品分類(lèi)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)商品分類(lèi)展示頁(yè)面包括：女裝、男裝、休閑物品分類(lèi)；會(huì)員特

44、惠、新品上架、熱賣(mài)商品、明星推薦等推薦商品分類(lèi)；以及按品牌分類(lèi)。界面設(shè)計(jì)：圖4.2 商品分類(lèi)展示頁(yè)面效果圖figure. 4.2 view page of product category show（1）頁(yè)面頂部的海報(bào)在進(jìn)入分類(lèi)頁(yè)面后，進(jìn)行判斷選擇，對(duì)該分類(lèi)的海報(bào)進(jìn)行輸出顯示。關(guān)鍵代碼：if request(action)=lu then 女士頁(yè)面sql=select * from yc_other where id =17elseif request(action)=lan then 男士頁(yè)面sql=select * from yc_other where id =18elseif requ

45、est(action)=xouxiang then 休閑頁(yè)面 sql=select * from yc_other where id =19elseif request(action)=price then 活動(dòng)專(zhuān)區(qū)sql=select * from yc_other where id =26elseif request(action)=newadd then 新品上架sql=select * from yc_other where id =20elseif request(action)=hot then 熱銷(xiāo)產(chǎn)品sql=select * from yc_other where id =21

46、elseif request(action)=elite then 明星推薦sql=select * from yc_other where id =22else 模糊搜索sql=select * from yc_other where id =28end if（2）商品分類(lèi)目錄商品分類(lèi)結(jié)構(gòu)示意圖：商品分類(lèi)物品分類(lèi)推薦分類(lèi)品牌分類(lèi)女裝分類(lèi)休閑分類(lèi)活動(dòng)專(zhuān)區(qū)新品上架明星推薦熱賣(mài)商品單個(gè)品牌二級(jí)分類(lèi)二級(jí)分類(lèi)二級(jí)分類(lèi)男裝分類(lèi)圖4.3 商品分類(lèi)結(jié)構(gòu)示意圖figure. 4.3 structure of product category 商品的分類(lèi)目錄為兩級(jí)，一級(jí)為女裝、男裝、休閑分類(lèi)。在一級(jí)分類(lèi)下面又分

47、為外套，襯衫等的二級(jí)分類(lèi)。女裝、男裝、休閑頁(yè)面內(nèi)，僅顯示該分類(lèi)下的一級(jí)菜單及其二級(jí)分類(lèi)目錄。但在會(huì)員特惠，新品上架等頁(yè)面內(nèi)顯示全部分類(lèi)目錄。（3）商品分類(lèi)展示 當(dāng)用戶按照模糊搜索，分類(lèi)目錄，品牌分類(lèi)對(duì)商品進(jìn)行搜索時(shí)，將搜索結(jié)果在此進(jìn)行輸出顯示。l 輸入關(guān)鍵字進(jìn)行模糊搜索，關(guān)鍵代碼：if request(title) thensqlshop=sqlshop & and ( title like % & request(title)&%sqlshop=sqlshop & or memo like &request(title)&%)end ifl 按分類(lèi)進(jìn)行搜索，關(guān)鍵代碼：if request(c

48、lass) then sqlshop=sqlshop & and class= & cint(request(class)& sql=select * from yc_type where type=產(chǎn)品 and class=& cint(request(class)& order by id set rst=server.createobject(adodb.recordset)rst.open sql,conn,1,1for q=1 to rst.recordcountsqlshop=sqlshop & or class= & rst(id)rst.movenextnextend ifl

49、按品牌進(jìn)行搜索，關(guān)鍵代碼：if request(brandid) then sqlshop=sqlshop & and brandid = & request(brandid)&4.2 商品展示模塊實(shí)現(xiàn)功能：商品縮略圖的展示，商品規(guī)格，價(jià)格等屬性的描述，用戶在此頁(yè)面選擇將商品放入購(gòu)物車(chē)，商品的詳細(xì)圖片文字說(shuō)明，發(fā)表商品咨詢，及相關(guān)產(chǎn)品的推薦展示。（1）商品屬性說(shuō)明在相應(yīng)位置顯示商品名稱(chēng)，規(guī)格，價(jià)格，編號(hào)，品牌，備注等商品屬性信息。商品價(jià)格的輸出應(yīng)轉(zhuǎn)換為貨幣值，并且對(duì)商品點(diǎn)擊次數(shù)進(jìn)行統(tǒng)計(jì)與顯示。并且對(duì)商品縮略圖的地址進(jìn)行判斷，如果來(lái)自網(wǎng)絡(luò)，即輸出圖片地址為絕對(duì)地址，來(lái)自服務(wù)器，則輸出為相對(duì)地址。

50、實(shí)現(xiàn)功能所用到的方法與函數(shù)：l connection對(duì)象的execute方法：將命令發(fā)布到數(shù)據(jù)源。l recordset對(duì)象的update方法：將緩沖區(qū)內(nèi)的數(shù)據(jù)分批更新到數(shù)據(jù)庫(kù)，實(shí)現(xiàn)點(diǎn)擊次數(shù)的統(tǒng)計(jì)。l formatcurrency函數(shù)：將價(jià)格數(shù)值轉(zhuǎn)化為貨幣值。（2）商品咨詢留言 發(fā)布留言時(shí)，在咨詢留言表單內(nèi)填寫(xiě)個(gè)人信息，若會(huì)員尚未登錄，可輸入個(gè)人信息進(jìn)行留言。首先判斷會(huì)員是否登陸，如果用戶已經(jīng)登陸，在表單中，顯示會(huì)員個(gè)人信息。若用戶尚未登錄，也可以發(fā)表留言，但需完善個(gè)人信息，發(fā)表留言時(shí)，若個(gè)人信息不完善，提示用戶進(jìn)行完善。實(shí)現(xiàn)流程如下圖：是否登陸顯示會(huì)員個(gè)人信息留言咨詢填寫(xiě)個(gè)人信息發(fā)表留言咨詢

51、信息是否完整留言成功發(fā)表留言咨詢是否是否彈出提示信息圖4.4 留言咨詢發(fā)表流程圖figure. 4.4 the flow diagram of commodity advisory（3）相關(guān)產(chǎn)品展示在此欄目?jī)?nèi)推薦展示與查看商品相關(guān)的商品，最多顯示四件。查詢與查看商品物品分類(lèi)名稱(chēng)相同，價(jià)格與該商品價(jià)格接近的商品，進(jìn)行輸出。這里使用到連接數(shù)據(jù)表的方法來(lái)實(shí)現(xiàn)相關(guān)商品的查詢，關(guān)鍵代碼：sql=select top 4 product.*, yc_type.classname from product left join yc_type on product.class = yc_type.id whe

52、re yc_type.classname=& rs(classname) & and product.sprice =& rs(sprice)-25 & and product.passed=true order by product.id;4.3 會(huì)員管理模塊4.3.1 會(huì)員管理模塊概述會(huì)員管理模塊為會(huì)員提供服務(wù)，主要包括會(huì)員注冊(cè)，會(huì)員登陸，會(huì)員資料修改，找回密碼等功能，這些功能都在user.asp頁(yè)面內(nèi)，通過(guò)調(diào)用不同的過(guò)程來(lái)實(shí)現(xiàn)?？蚣軋D：注冊(cè)是否通過(guò)驗(yàn)證登陸成功資料修改密碼修改訂單查詢?cè)诰€購(gòu)物否是登陸圖4.5會(huì)員管理模塊框架圖figure 4.5 frame of member manag

53、ement functional modules 4.3.2 會(huì)員注冊(cè)的實(shí)現(xiàn)過(guò)程 用戶注冊(cè)過(guò)程，主要實(shí)現(xiàn)兩個(gè)功能:一個(gè)是收集用戶輸入的注冊(cè)信息，另一個(gè)是將這些信息保存到指定的數(shù)據(jù)表中。會(huì)員注冊(cè)信息表單設(shè)計(jì)：表4.1 會(huì)員注冊(cè)表單table 4.1 form of member registration名稱(chēng)類(lèi)型對(duì)應(yīng)字段名備注用戶名textuser_name必填，不能小于四個(gè)字符。密碼passworduser_pass必填，區(qū)分大小寫(xiě)。確認(rèn)密碼passworduser_pass兩次輸入密碼，必須一致。密碼提示問(wèn)題textuser_question找回密碼的提示問(wèn)題。問(wèn)題答案textuser_ an

54、swer找回密碼的提示問(wèn)題答案。真實(shí)姓名textuser_ture_name必填，真實(shí)姓名，方便與會(huì)員聯(lián)系。性別radiouser_sex選擇性別。聯(lián)系電話textuser_tel格式件號(hào)碼textuser_passport確認(rèn)用戶真實(shí)個(gè)人信息。e-mailtextuser_mail填入有效郵件地址。qq號(hào)碼textuser_qq填入常用qq，方便與會(huì)員聯(lián)系。詳細(xì)地址textuser_address填入詳細(xì)收貨地址。完善注冊(cè)信息后提交表單，使用數(shù)據(jù)表yc_user,判斷會(huì)員登錄名稱(chēng)是否已存在，保持用戶名的唯一；判斷兩次密碼輸入是否一致；判斷必填信息是否填寫(xiě)完整；否則不能保存，彈出提示信息。注冊(cè)信息符合條件，則通過(guò)addnew方法保存記錄。實(shí)現(xiàn)流程圖：提交用戶名唯一填寫(xiě)注冊(cè)信息兩次密碼一致信息完整注冊(cè)成功是是是否否否圖4.5 會(huì)員注冊(cè)流程圖figure. 4.5 the flow diagram of member registration4.3.3 會(huì)員登陸的實(shí)現(xiàn)過(guò)程 會(huì)員在個(gè)人用戶登陸欄目或登陸頁(yè)面login.asp輸入用戶名與密碼，進(jìn)行登