畢業(yè)設(shè)計(jì)---基于bs的網(wǎng)絡(luò)商城的設(shè)計(jì)與實(shí)現(xiàn)

1、<p>　　畢 業(yè) 設(shè) 計(jì)</p><p>　　題 目： 基于B/S的網(wǎng)絡(luò)商城的設(shè)計(jì)與實(shí)現(xiàn) </p><p>　　學(xué)院： 計(jì)算機(jī)與通信學(xué)院 </p><p>　　學(xué)生姓名： <

2、;/p><p>　　導(dǎo)師姓名： </p><p>　　完成日期： 2012年6月5日 </p><p>　　畢業(yè)設(shè)計(jì)（論文）任務(wù)書</p><p>　　題目： 基

3、于B/S的網(wǎng)絡(luò)商城系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) </p><p><b>　　基本任務(wù)及要求：</b></p><p>　　1.設(shè)計(jì)任務(wù)特點(diǎn)及分析 </p>

4、<p>　　電子商務(wù)的迅猛發(fā)展與中小網(wǎng)站企業(yè)建設(shè)的嚴(yán)重滯后，重構(gòu)網(wǎng)站迫在眉睫。基于B/S的網(wǎng)絡(luò)商城系統(tǒng)，主要實(shí)現(xiàn)商品搜索、商品展示和商品訂購(gòu)，具體包括普通/高級(jí)商品搜索、商品的預(yù)覽、加入購(gòu)物車、下訂單與購(gòu)買商品金額結(jié)算。 </p><p>　　2.主要任務(wù)

5、 </p><p>　　本課題主要要完成的功能如下：</p><p>　　(1) 會(huì)員登錄與信息修改：對(duì)一個(gè)網(wǎng)絡(luò)購(gòu)物平臺(tái)而言，需要了解客戶的具體資料以及個(gè)人購(gòu)物的必要信息，網(wǎng)絡(luò)購(gòu)物平臺(tái)需要對(duì)使用商城客戶進(jìn)行身份驗(yàn)證，登錄后，用戶可修改自己

6、的信息。 </p><p>　　(2) 商品搜索與展示：網(wǎng)絡(luò)購(gòu)物平臺(tái)（商城系統(tǒng)）需要讓用戶找到自己所喜愛的商品，并查詢有關(guān)商品的信息，并將商品分門別類的展示給客戶，用以打到宣傳的目的。 </p><p&

7、gt;　　(3) 購(gòu)物與結(jié)算：客戶找到喜愛的商品，可以先放到購(gòu)物車，然后繼續(xù)購(gòu)物，當(dāng)客戶決定不買其中的一件商品時(shí)，則可從購(gòu)物車?yán)飫h除商品，如決定購(gòu)買，則將購(gòu)物車中商品進(jìn)行結(jié)算，支付。 </p><p>　　進(jìn)度安排及完成時(shí)間：</p><p>　　第2周 老

8、師講解課題，明確課題任務(wù)與要求，學(xué)習(xí)資料收集檢索方法，并搜索收集所需中英文資料。 </p><p>　　第3周 閱讀資料、書籍，學(xué)習(xí)所需知識(shí)，撰寫文獻(xiàn)綜述。 </p><p>　　第4～5周 畢業(yè)實(shí)習(xí)。

9、 </p><p>　　第6周 完成畢業(yè)實(shí)習(xí)報(bào)告撰寫；建立畢業(yè)設(shè)計(jì)實(shí)驗(yàn)環(huán)境；初步擬訂設(shè)計(jì)方案。 </p><p>　　第7~8周 詳細(xì)設(shè)計(jì)：對(duì)概要設(shè)計(jì)中產(chǎn)生的功能模塊進(jìn)行過程描述，設(shè)計(jì)功能模塊的內(nèi)部細(xì)節(jié)，包括算法和數(shù)據(jù)結(jié)構(gòu)，為編寫源代碼提供必要的說明。

10、</p><p>　　第9~14周 實(shí)現(xiàn)：將詳細(xì)設(shè)計(jì)說明轉(zhuǎn)化為所要求的程序設(shè)計(jì)語(yǔ)言或源程序。并對(duì)編寫好的源程序進(jìn)行程序單元測(cè)試，驗(yàn)證程序模塊接口與詳細(xì)設(shè)計(jì)說明的一致性。 </p><p>　　第15~16周 文檔的生成與整理，給指導(dǎo)教師修改；完成畢業(yè)設(shè)計(jì)說明書、用戶手冊(cè)； </p><

11、;p>　　第17周 答辯準(zhǔn)備 畢業(yè)答辯 </p><p><b>　　摘 要</b></p><p>　　本網(wǎng)上購(gòu)物系統(tǒng)是一個(gè)基于Internet,采用B2C(Business to Consumers)模式，并根據(jù)現(xiàn)有的網(wǎng)上購(gòu)物系統(tǒng)的現(xiàn)狀而設(shè)計(jì)

12、開發(fā)的電子商務(wù)平臺(tái)。它不但可以擴(kuò)大商家的規(guī)模和市場(chǎng)影響力，而且可以減少企業(yè)的經(jīng)營(yíng)成本，提高工作效率。</p><p>　　本文首先介紹了網(wǎng)上購(gòu)物系統(tǒng)的現(xiàn)狀及開發(fā)背景，然后論述了系統(tǒng)的設(shè)計(jì)目標(biāo)，系統(tǒng)需求和總體設(shè)計(jì)方案，較詳細(xì)的論述了系統(tǒng)的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)。最后，本文對(duì)網(wǎng)上購(gòu)物系統(tǒng)進(jìn)行了系統(tǒng)檢測(cè)并提出了還需要改進(jìn)的問題。 </p><p>　　本系統(tǒng)主要為用戶提供了會(huì)員注冊(cè)，購(gòu)物車管理，商品搜索

13、，用戶資料修改等功能，為管理員提供了商品管理，用戶信息管理，新聞信息管理，廣告鏈接管理等功能。在設(shè)計(jì)方面，本系統(tǒng)采用B/S三層結(jié)構(gòu)，同時(shí)使用PHP技術(shù)進(jìn)行動(dòng)態(tài)頁(yè)面的設(shè)計(jì)，從系統(tǒng)的安全性和代碼的可重用性方面考慮，運(yùn)用dreamwaver對(duì)程序的關(guān)鍵代碼進(jìn)行封裝。后臺(tái)數(shù)據(jù)庫(kù)選MySQL數(shù)據(jù)庫(kù)。</p><p>　　關(guān)鍵詞：B/S結(jié)構(gòu)；PHP；MySQL</p><p><b>　　A

14、bstract</b></p><p>　　The shop online system is a electronic commercial platform which has been designed according to the situation of shop online system based on Internet with B2C mode. It can not only

15、 enhance the scale of shopping centre and market influence, and can also reduce the enterprise’s running cost, improve work efficiency.</p><p>　　The thesis has firstly introduced the practical situation and

16、the developing background of the system. And then has described the designing goal、system need and the whole designing plan, has described the detailed design and reality of the system in detail. Finally, conclusion has

17、been drawn about the system and problem has also been raised.</p><p>　　The system has mainly provided users with the following functions: membership registration、shopping car management、goods search、informat

18、ion modify etc. It has also provided managers with goods management、customer information management、news management 、ad management and so on. It has been designed with B/S mode of three-tier structure, PHP technology in

19、dynamic page design. Considering from the security and reusing code of the system, key code has been secured by JavaBean technology. Access data</p><p><b>　　目 錄</b></p><p><b>

20、　　摘 要I</b></p><p>　　AbstractII</p><p><b>　　前　言1</b></p><p>　　第1章 緒 論2</p><p>　　1.1 系統(tǒng)開發(fā)背景2</p><p>　　1.1.1網(wǎng)上購(gòu)物的發(fā)展2</p><

21、p>　　1.1.2網(wǎng)上購(gòu)物系統(tǒng)的現(xiàn)狀2</p><p>　　1.2系統(tǒng)實(shí)現(xiàn)的目標(biāo)2</p><p>　　1.3系統(tǒng)的開發(fā)意義3</p><p>　　第2章 網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)與需求分析4</p><p>　　2.1網(wǎng)站設(shè)計(jì)所要遵循的原則4</p><p>　　2.2網(wǎng)站的設(shè)計(jì)目標(biāo)6</p>

22、<p>　　2.3網(wǎng)站可行性分析6</p><p>　　2.4網(wǎng)站的深入調(diào)查7</p><p>　　2.5網(wǎng)站設(shè)計(jì)的特點(diǎn)7</p><p>　　2.6網(wǎng)站開發(fā)的設(shè)計(jì)思想7</p><p>　　2.7系統(tǒng)設(shè)計(jì)的總體規(guī)則8</p><p>　　第3章 系統(tǒng)的開發(fā)技術(shù)及主要架構(gòu)9</p>

23、<p>　　3.1開發(fā)技術(shù)的選擇9</p><p>　　3.2系統(tǒng)的主要架構(gòu)及開發(fā)模式9</p><p>　　3.2.1基于B/S的體系結(jié)構(gòu)9</p><p>　　3.2.2 基于MVC的應(yīng)用開發(fā)模型10</p><p>　　第4章 系統(tǒng)的功能和流程分析12</p><p>　　4.1網(wǎng)站的功能

24、分析12</p><p>　　4.2 平臺(tái)功能模塊的設(shè)計(jì)分析12</p><p>　　4.3 系統(tǒng)流程分析13</p><p>　　4.3.1前臺(tái)購(gòu)物流程13</p><p>　　4.3.2注冊(cè)功能流程13</p><p>　　4.3.3商品搜索流程14</p><p>　　4.3.

25、5商品管理流程15</p><p>　　4.3.6購(gòu)物車流程16</p><p>　　第5章 系統(tǒng)功能的具體實(shí)現(xiàn)17</p><p>　　5.1系統(tǒng)數(shù)據(jù)庫(kù)表的基本設(shè)計(jì)17</p><p>　　5.2 功能總體說明20</p><p>　　5.2.1 目錄結(jié)構(gòu)說明20</p><p>

26、　　5.2.2 主要功能圖21</p><p>　　5.3主要功能模塊的實(shí)現(xiàn)21</p><p>　　5.3.1數(shù)據(jù)庫(kù)的連接21</p><p>　　5.3.2前端控制器模式的介紹與實(shí)現(xiàn)23</p><p>　　5.3.3用戶登陸模塊的實(shí)現(xiàn)24</p><p>　　5.3.4購(gòu)物車模塊的實(shí)現(xiàn)31</p

27、><p>　　5.3.5搜索模塊的實(shí)現(xiàn)35</p><p>　　5.3.4后臺(tái)管理模塊的實(shí)現(xiàn)36</p><p>　　第6章 系統(tǒng)測(cè)試及難點(diǎn)分析42</p><p>　　6.1系統(tǒng)測(cè)試42</p><p>　　6.1.1 系統(tǒng)關(guān)鍵部分測(cè)試分析42</p><p>　　6.1.2 單元測(cè)試分

28、析42</p><p>　　6.1.3 測(cè)試分析總結(jié)及說明43</p><p>　　6.1.4 系統(tǒng)的性能分析43</p><p>　　6.2 系統(tǒng)中所存在的問題及解決方案44</p><p>　　6.2.1 系統(tǒng)的整體設(shè)計(jì)和規(guī)劃中的問題44</p><p>　　6.2.2 開發(fā)功能模塊所遇到的難點(diǎn)44&l

29、t;/p><p>　　6.2.3系統(tǒng)中存在的問題及擬定的解決方法45</p><p><b>　　結(jié)束語(yǔ)46</b></p><p><b>　　參考文獻(xiàn)47</b></p><p><b>　　致　謝48</b></p><p><b>

30、　　附錄49</b></p><p><b>　　前　言</b></p><p>　　目前，網(wǎng)絡(luò)正以一種前所未有的沖擊力在影響著人類的活動(dòng)，包括人類的生產(chǎn)和日常生活。網(wǎng)絡(luò)的誕生和發(fā)展，顛覆了傳統(tǒng)的信息傳播方式，沖破了存在于傳統(tǒng)交流方式中時(shí)間和空間的種種壁壘，極大地改變了人類從物質(zhì)到精神、從形式到內(nèi)容、從生產(chǎn)到生活的各種活動(dòng)，并且給人類帶來了新的機(jī)遇和挑戰(zhàn)

31、。</p><p>　　2006年1月17日，中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）在京發(fā)布“第十七次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告”。報(bào)告顯示，截至2005年12月31日，我國(guó)上網(wǎng)用戶總數(shù)突破1億，為1.11億人，其中寬帶上網(wǎng)人數(shù)達(dá)到6430萬人。目前，我國(guó)網(wǎng)民數(shù)和寬帶上網(wǎng)人數(shù)均位居世界第二。國(guó)家頂級(jí)域名CN注冊(cè)量首次突破百萬，達(dá)到109萬，成為國(guó)內(nèi)用戶注冊(cè)域名的首選，穩(wěn)居亞洲第一。上網(wǎng)計(jì)算機(jī)數(shù)達(dá)到4950萬臺(tái)，網(wǎng)絡(luò)

32、國(guó)際出口帶寬達(dá)到136106M，網(wǎng)站數(shù)達(dá)到69.4萬個(gè)。IP地址總數(shù)達(dá)到7439萬個(gè)，僅次于美國(guó)和日本，位居世界第三。在互聯(lián)網(wǎng)服務(wù)業(yè)務(wù)方面：電子郵件、搜索引擎、網(wǎng)上銀行、在線交易、網(wǎng)絡(luò)廣告、網(wǎng)絡(luò)新聞、網(wǎng)絡(luò)游戲等服務(wù)業(yè)務(wù)仍然快速的發(fā)展著。</p><p>　　而本次畢業(yè)設(shè)計(jì)的任務(wù)是，構(gòu)建一個(gè)電子商務(wù)網(wǎng)站，采用的主要技術(shù)解決方案是基于服務(wù)器端的腳本語(yǔ)言PHP、開源數(shù)據(jù)庫(kù)MYSQL，WEB服務(wù)器Apache，以及操作系

33、統(tǒng)windows。PHP是Personal Home Page的縮寫，是由Sun Microsystems公司倡導(dǎo)、許多公司參與建立一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)，它在動(dòng)態(tài)網(wǎng)頁(yè)的建設(shè)中有強(qiáng)大而特別的功能。PHP是一種服務(wù)器端HTML(或XML)嵌入PHP代碼的腳本語(yǔ)言，是開發(fā)Web動(dòng)態(tài)網(wǎng)站快速而有效的工具，PHP的技術(shù)的優(yōu)勢(shì)：</p><p>　　1. PHP是開源語(yǔ)言，具有成本低的天然優(yōu)勢(shì)。</p><

34、;p>　　2. 可維護(hù)性。由于PHP技術(shù)是一種開放的、跨平臺(tái)的結(jié)構(gòu)，因此Web服務(wù)器、平臺(tái)及其他組件能很容易升級(jí)或切換，且不會(huì)影響PHP基本的應(yīng)用程序。</p><p>　　3. 產(chǎn)品的多樣性。目前，在國(guó)內(nèi)PHP還是一種較新的技術(shù)。但PHP+MYSQL+Apache+linux目前已經(jīng)成為開發(fā)電子商務(wù)平臺(tái)的主流技術(shù)。隨著國(guó)內(nèi)與國(guó)際的接軌，PHP必將成為網(wǎng)站開發(fā)技術(shù)的首選。</p><p&

35、gt;<b>　　第1章 緒 論</b></p><p>　　1.1 系統(tǒng)開發(fā)背景</p><p>　　1.1.1網(wǎng)上購(gòu)物的發(fā)展</p><p>　　近年來，隨著Internet的迅速崛起，互聯(lián)網(wǎng)已日益成為收集提供信息的最佳渠道并逐步進(jìn)入傳統(tǒng)的流通領(lǐng)域。于是電子商務(wù)開始流行起來，越來越多的商家在網(wǎng)上建起在線商店，向消費(fèi)者展示出一種新穎的購(gòu)物理

36、念。</p><p>　　網(wǎng)上購(gòu)物系統(tǒng)作為B2B,B2C（Business to Customer,即企業(yè)對(duì)消費(fèi)者），C2C（Customer to Customer,即消費(fèi)者對(duì)消費(fèi)者)電子商務(wù)的前端商務(wù)平臺(tái),在其商務(wù)活動(dòng)全過程中起著舉足輕重的作用。本文主要考慮的是如何建設(shè)B2C的網(wǎng)上購(gòu)物系統(tǒng)。</p><p>　　網(wǎng)上購(gòu)物是一種具有交互功能的商業(yè)信息系統(tǒng)。它向用戶提供靜態(tài)和動(dòng)態(tài)兩

37、類信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動(dòng)或更新的資源，如公司簡(jiǎn)介、管理規(guī)范和公司制度等等；動(dòng)態(tài)信息是指隨時(shí)變化的信息，如商品報(bào)價(jià)，會(huì)議安排和培訓(xùn)信息等。網(wǎng)上購(gòu)物系統(tǒng)具有強(qiáng)大的交互功能，可使商家和用戶方便的傳遞信息，完成電子貿(mào)易。這種全新的交易方式實(shí)現(xiàn)了公司間文檔與資金的無紙化交換。</p><p>　　1.1.2網(wǎng)上購(gòu)物系統(tǒng)的現(xiàn)狀</p><p>　　目前在國(guó)內(nèi)較為常用的購(gòu)物系統(tǒng)開發(fā)語(yǔ)言

38、有PHP，JSP,ASP.NET,ASP。而PHP作為一個(gè)開源產(chǎn)品，在短短的幾年時(shí)間里，已倍受廣大網(wǎng)頁(yè)程序員的喜愛。PHP與MYSQL的組合，已成為各企業(yè)、公司的一種普遍采用的技術(shù)方案。一些中小企業(yè)由于技術(shù)成本等問題，一直采用老舊的系統(tǒng)，而出現(xiàn)的PHP與MYSQL組合對(duì)于構(gòu)建網(wǎng)上購(gòu)物系統(tǒng)而言已成為理想的解決方案。</p><p>　　1.2系統(tǒng)實(shí)現(xiàn)的目標(biāo)</p><p>　　現(xiàn)在流行的網(wǎng)上

39、購(gòu)物系統(tǒng)不僅要有漂亮的網(wǎng)頁(yè)，更要有嚴(yán)謹(jǐn)?shù)囊?guī)劃，注重每一個(gè)細(xì)小的環(huán)節(jié)。這樣才能使得在電子交易時(shí)避免不必要錯(cuò)誤發(fā)生。我們將使用HTML、PHP等技術(shù)來編輯網(wǎng)頁(yè)，并運(yùn)用PDO技術(shù)把數(shù)據(jù)庫(kù)和動(dòng)態(tài)網(wǎng)頁(yè)相關(guān)聯(lián)。傳統(tǒng)的管理信息系統(tǒng)信息獲取方法是由專業(yè)文字錄入人員將信息輸入到管理系統(tǒng)的數(shù)據(jù)庫(kù)中,這種方法在數(shù)據(jù)量不大時(shí)有很多的應(yīng)用場(chǎng)合。當(dāng)數(shù)據(jù)量比較大,并且有較強(qiáng)的專業(yè)性時(shí),錄入的費(fèi)用和出錯(cuò)的可能性都相應(yīng)上升。本設(shè)計(jì)在實(shí)際應(yīng)用中的解決方案是建立網(wǎng)站, 以

40、及自己的數(shù)據(jù)庫(kù)，使得所需商品信息可以及時(shí)的保存、更新，可以更好的及時(shí)了解商品買賣的情況。</p><p>　　1.3系統(tǒng)的開發(fā)意義</p><p>　　Internet的發(fā)展，為改變傳統(tǒng)的商業(yè)運(yùn)作模式提供了一種技術(shù)上的可行性的方案：利用Internet的技術(shù)和協(xié)議，建立各種企業(yè)內(nèi)部網(wǎng)Intranet，企業(yè)外部網(wǎng)Extranet，通過廉價(jià)的通訊手段，將買家與賣家、廠商和合作伙伴緊密結(jié)合在了一

41、起，消除時(shí)間與空間帶來的障礙，從而大大的節(jié)約了交易成本，擴(kuò)大了交易范圍。而在實(shí)際的生活中，這種方案已經(jīng)被廣泛的運(yùn)用到了實(shí)際的商業(yè)活動(dòng)中了，人們將這種交易模式稱為：電子商務(wù)。 </p><p>　　當(dāng)今比較流行的網(wǎng)上購(gòu)物系統(tǒng)國(guó)外有“淘寶(www.taobao.com)”，國(guó)內(nèi)有“當(dāng)當(dāng)(www.dangdang.com)”。它們都是相當(dāng)優(yōu)秀的電子商務(wù)網(wǎng)站，對(duì)其他的網(wǎng)站提供了良好的典范。設(shè)計(jì)中可以學(xué)習(xí)參考他們的思想，了

42、解和熟悉整個(gè)網(wǎng)站的開發(fā)流程及完整的電子商務(wù)網(wǎng)站應(yīng)有的功能和注意事項(xiàng)。 </p><p>　　設(shè)計(jì)和完成一個(gè)電子商務(wù)網(wǎng)站的，將會(huì)牽涉到許多技術(shù)上的問題，如：動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)的，后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì)和管理，通過實(shí)際的制作個(gè)網(wǎng)站，可以避免紙上談兵，在實(shí)踐中掌握上述技術(shù)的使用。</p><p>　　第2章 網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)與需求分析</p><p>　　系統(tǒng)分析是平臺(tái)開發(fā)的一

43、個(gè)不可缺少的環(huán)節(jié)，為了能夠使本系統(tǒng)更好、更完善地被設(shè)計(jì)出來，就必須先進(jìn)行調(diào)查研究。在系統(tǒng)調(diào)查的基礎(chǔ)上，對(duì)新系統(tǒng)的功能進(jìn)行細(xì)致的分析，從而才能夠開發(fā)出完整的系統(tǒng)設(shè)計(jì)</p><p>　　2.1網(wǎng)站設(shè)計(jì)所要遵循的原則</p><p>　　企業(yè)的網(wǎng)站模式設(shè)計(jì)越來越人性化了，中小企業(yè)都開始經(jīng)營(yíng)起網(wǎng)絡(luò)營(yíng)銷，網(wǎng)站制作構(gòu)成方案也就是一個(gè)企業(yè)發(fā)展之路，也就是說，首先要打好基礎(chǔ)網(wǎng)站模式，然后再?gòu)倪@個(gè)方向去實(shí)

44、行網(wǎng)站的商業(yè)模式。中小企業(yè)通過網(wǎng)絡(luò)把公司的產(chǎn)品及服務(wù)信息都以一個(gè)網(wǎng)站平臺(tái)來分享出來，那用戶看到所需要的產(chǎn)品，那就可以第一時(shí)間去談電子商力，同時(shí)，雙方就可以達(dá)到雙贏。從此中小企業(yè)就可以通過網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是一些商業(yè)企業(yè)網(wǎng)站設(shè)計(jì)主要原則介紹。</p><p>　　一、明確建立商業(yè)網(wǎng)站目標(biāo)及用戶需求</p><p>　　在

45、互聯(lián)網(wǎng)中，建設(shè)一個(gè)網(wǎng)站并發(fā)布網(wǎng)站，是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略重要途徑，因此必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者需求、市場(chǎng)狀況、運(yùn)營(yíng)模式、企業(yè)自身情況等進(jìn)行綜合分析，牢記以“消費(fèi)者(customer)”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。不管網(wǎng)站制作師設(shè)計(jì)什么類型的網(wǎng)站時(shí)，都要考慮到網(wǎng)站是以客戶體驗(yàn)為中心來建設(shè)的，而不是考慮到個(gè)人的想法或?yàn)榱俗非蠛每炊ピO(shè)計(jì)一些對(duì)用戶體驗(yàn)

46、很差的網(wǎng)頁(yè)，要以中小企業(yè)的發(fā)展及企業(yè)的產(chǎn)品風(fēng)格去設(shè)計(jì)。</p><p>　　二、總體設(shè)計(jì)方案主題鮮明</p><p>　　在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。龍眼兒對(duì)網(wǎng)站整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站組織結(jié)構(gòu)。 Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象(機(jī)構(gòu)或人)的不同而具有不同形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息;有些則采用多媒體表現(xiàn)手法，提供華麗圖像、閃爍的燈光、復(fù)雜頁(yè)面布置，甚至可以

47、下載聲音和錄像片段。優(yōu)秀Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。 要做到主題鮮明突出，要點(diǎn)明確，以簡(jiǎn)單明確的語(yǔ)言和畫面體現(xiàn)站點(diǎn)主題。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，辦出網(wǎng)站特點(diǎn)。Web站點(diǎn)主頁(yè)應(yīng)具備基本成分包括： 頁(yè)頭：準(zhǔn)確無誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志; Email地址：用來接收用戶垂詢; 聯(lián)系信息：如普通郵件地址或電話; 版權(quán)信息：聲明版權(quán)所有者等。 注意重復(fù)利用已有信息。如客戶手冊(cè).公共關(guān)系文檔.技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等

48、可以輕而易舉地用到企業(yè)的Web站點(diǎn)中。</p><p>　　三、商業(yè)網(wǎng)站版式設(shè)計(jì)</p><p>　　網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺語(yǔ)言，要講究編排和布局，雖然主頁(yè)設(shè)計(jì)不等同于平面設(shè)計(jì)但它們有許多相近之處，應(yīng)充分加以利用和借鑒。 版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。 多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間有機(jī)聯(lián)系反

49、映出來，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳視覺表現(xiàn)效果，應(yīng)講究整體布局合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。</p><p>　　四、色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用</p><p>　　色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁(yè)面。 根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。在色彩運(yùn)用過程中，還應(yīng)注意一個(gè)

50、問題：由于國(guó)家和種族.宗教和信仰的不同， 以及生活的地理位置.文化修養(yǎng)的差異等，不同人群對(duì)色彩的喜惡程度有著很大差異。在設(shè)計(jì)中要考慮主要讀者群的背景和構(gòu)成。</p><p>　　五、企業(yè)網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一</p><p>　　有好的企業(yè)網(wǎng)頁(yè)形式以外，還要有豐富的內(nèi)容來支持，因?yàn)椴还苣愕木W(wǎng)站設(shè)計(jì)的多么漂亮迷人，沒有真正有用的內(nèi)容，那也等于沒有用，那想做好這方面的事情也不難，首先要將豐富的意

51、義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。 運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。WEB新勢(shì)力廣州網(wǎng)頁(yè)設(shè)計(jì)中以點(diǎn)、線、面的運(yùn)用并不是孤立，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境，通過網(wǎng)頁(yè)的設(shè)計(jì)中就可以展現(xiàn)出企業(yè)的一個(gè)模式。</p><p>　　六、網(wǎng)站空間的構(gòu)成和虛擬現(xiàn)實(shí)</

52、p><p>　　網(wǎng)絡(luò)上的虛擬空間是一個(gè)假想空間，網(wǎng)站只能通過這個(gè)空間來把他展現(xiàn)到互聯(lián)網(wǎng)上，讓每一個(gè)人都能在網(wǎng)絡(luò)上看到你的網(wǎng)站設(shè)計(jì)與網(wǎng)站中的信息，這種空間關(guān)系需借助動(dòng)靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。 制作網(wǎng)站的同時(shí)，都要上傳頁(yè)面中，圖片、文字位置前后疊壓，或頁(yè)面位置變化所產(chǎn)生的視覺效果都各不相同。圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計(jì)比較規(guī)范、簡(jiǎn)明的頁(yè)面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏

53、的空間層次，視覺效果強(qiáng)烈。</p><p>　　七、網(wǎng)站內(nèi)容要每天保持更新</p><p>　　一個(gè)網(wǎng)站建設(shè)已完成了，那要如何去增加和豐富網(wǎng)站的內(nèi)容呢!也要企業(yè)Web站點(diǎn)建立后，要不斷更新內(nèi)容。站點(diǎn)信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動(dòng)態(tài)和網(wǎng)上職務(wù)等，同時(shí)也會(huì)幫助企業(yè)建立良好形象。 在企業(yè)Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件.做到有問必答。最好將用戶用意進(jìn)行分類，

54、如售前一般了解.售后服務(wù)等，由相關(guān)部門處理，使用站訪問者感受到企業(yè)的真實(shí)存在并由此產(chǎn)生信任感。 注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時(shí)答復(fù)的電話號(hào)碼。 如果要求訪問者自愿提供其個(gè)人信息，應(yīng)公布并認(rèn)真履行個(gè)人隱私保承諾。</p><p>　　2.2網(wǎng)站的設(shè)計(jì)目標(biāo)</p><p>　　本平臺(tái)利用現(xiàn)在比較廣泛的PHP+MYSQL數(shù)據(jù)

55、庫(kù)的架構(gòu)實(shí)現(xiàn)的，此系統(tǒng)分為前臺(tái)管理和后臺(tái)管理。前臺(tái)管理是友好的操作界面，供用戶瀏覽、查詢使用。包括：瀏覽商品、查詢商品、訂購(gòu)商品、購(gòu)物車、用戶維護(hù)等功能；后臺(tái)管理是提供給管理員的，其中包括：商品管理、用戶管理等。使管理員從繁瑣的手工操作中解脫出來，并提高了辦公效率。</p><p>　　2.3網(wǎng)站可行性分析</p><p>　　隨著計(jì)算機(jī)技術(shù)的發(fā)展和網(wǎng)絡(luò)人口的增加，網(wǎng)絡(luò)世界也越來越廣博，越

56、來越豐富，電子商務(wù)已經(jīng)成為網(wǎng)上的一股潮流。我們相信要不了太長(zhǎng)有時(shí)間，顧客就可以在網(wǎng)絡(luò)世界上獲得他們?cè)诂F(xiàn)實(shí)世界上可以獲得的所有商品和服務(wù)。</p><p>　　可行性研究是為了弄清楚系統(tǒng)開發(fā)的項(xiàng)目是不是可以實(shí)現(xiàn)和值得進(jìn)行研究的過程，實(shí)際上是一次大大簡(jiǎn)化系統(tǒng)分析和系統(tǒng)設(shè)計(jì)的過程，所以，進(jìn)行可執(zhí)行性的分析是非常必要的，也是很重要的，經(jīng)過最初的設(shè)計(jì)目標(biāo)和進(jìn)行的市場(chǎng)調(diào)查得出以下四點(diǎn)的可行性分析：</p>&l

57、t;p>　　1、經(jīng)濟(jì)可行性：該平臺(tái)設(shè)計(jì)只是作為本人的畢業(yè)設(shè)計(jì)，又因?yàn)楸救说脑O(shè)計(jì)能力有限，其功還不能完善，所以沒有什么經(jīng)濟(jì)效益可談。</p><p>　　2、技術(shù)可行性：PHP＋MYSQL+Apache的技術(shù)已經(jīng)較為成熟。</p><p>　　3、運(yùn)行可行性：該系統(tǒng)需要WINDOWS+MYSQL+PHP+Apache環(huán)境，在此環(huán)境下系統(tǒng)正確連接數(shù)據(jù)庫(kù)后即可正常運(yùn)行。</p>

58、<p>　　4、法律可行性：該平臺(tái)是作為畢業(yè)設(shè)計(jì)與商業(yè)無關(guān)，又因?yàn)槭亲灾鏖_發(fā)設(shè)計(jì)，因此不會(huì)構(gòu)成侵權(quán)，在法律上是可行的。</p><p>　　通過以上的可行性分析，我將采用PHP＋javascript相結(jié)合的技術(shù)，運(yùn)用MYSQL數(shù)據(jù)庫(kù)對(duì)網(wǎng)站進(jìn)行建設(shè)。</p><p>　　2.4網(wǎng)站的深入調(diào)查</p><p>　　經(jīng)過以上的初步調(diào)查和研究，并且確定了該平臺(tái)

59、的可行性，并決定開發(fā)本平臺(tái)，為了能夠?qū)ΜF(xiàn)行的平臺(tái)內(nèi)容進(jìn)行充分了解，使所要開發(fā)的平臺(tái)更具有實(shí)用性和適應(yīng)性，通過兩個(gè)月的實(shí)習(xí)調(diào)查和指導(dǎo)老師的耐心介紹，設(shè)計(jì)出該平臺(tái)功能如下：</p><p>　　1. 能夠完成用戶基本信息錄入的注冊(cè)和用戶基本信息的個(gè)人前臺(tái)與后臺(tái)管理。</p><p>　　2. 能夠完成管理員對(duì)網(wǎng)站的商品資料（商品添加、商品審查）會(huì)員管理（會(huì)員審查）、網(wǎng)站信息管理（新聞添加、修改

60、刪除、公告設(shè)置），以及常規(guī)設(shè)置（廣告添加，友情鏈接）的功能。</p><p>　　3. 能過電子商品的名稱，電子商品的分類進(jìn)行搜索。</p><p>　　4. 能夠通過查看購(gòu)物車對(duì)所選商品進(jìn)行確定、挑選，通過定單查詢對(duì)支付費(fèi)用進(jìn)行確定。</p><p>　　經(jīng)過前一階段的調(diào)查與研究分析，我已確定了該平臺(tái)設(shè)計(jì)的主要功能，對(duì)每個(gè)功能模塊也作了具體描述，下面就來具體分析該

61、平臺(tái)的設(shè)計(jì)特點(diǎn)與具體思想。</p><p>　　2.5網(wǎng)站設(shè)計(jì)的特點(diǎn)</p><p>　　我所設(shè)計(jì)和開發(fā)的網(wǎng)上購(gòu)物平臺(tái)是經(jīng)過很長(zhǎng)時(shí)間的調(diào)查和分析才開始具體實(shí)施的，它的主要特點(diǎn)是改變了以往的購(gòu)物只能過現(xiàn)實(shí)的商場(chǎng)才能達(dá)到的結(jié)果，采用Web技術(shù)，借助于Internet互聯(lián)網(wǎng)廣泛應(yīng)用技術(shù)，達(dá)到資源共享，提高以往購(gòu)物的局限性，縮短人們的時(shí)間和提高工作效率，具有較好的交互性，從而實(shí)現(xiàn)信息化，規(guī)范化，系

62、統(tǒng)化，網(wǎng)絡(luò)化的平臺(tái)，使整個(gè)購(gòu)物活動(dòng)過程簡(jiǎn)單、方便、易行。</p><p>　　2.6網(wǎng)站開發(fā)的設(shè)計(jì)思想</p><p>　　網(wǎng)上購(gòu)物平臺(tái)主要是對(duì)后臺(tái)管理和前臺(tái)操作。后臺(tái)管理是管理員對(duì)本網(wǎng)站的維護(hù)，通過商品資料（商品添加、商品修改）會(huì)員管理（會(huì)員審查）網(wǎng)站信息管理（新聞添加、修改刪除、公告設(shè)置），以及常規(guī)設(shè)置（廣告添加，友情鏈接）等功能達(dá)到對(duì)網(wǎng)站的管理。前臺(tái)操作是用戶登錄到本網(wǎng)站，可以進(jìn)行用

63、戶注冊(cè)，通過網(wǎng)站的精品推薦或商品搜索功能，找到自己想要買的商品，裝入購(gòu)物車，提交定單進(jìn)行購(gòu)買。</p><p>　　網(wǎng)上購(gòu)物平臺(tái)的特點(diǎn)是客戶和電子商品信息量很大，管理員需要整理的信息很多，為讓管理員輕松、方便、快捷的管理，該平臺(tái)采用符合購(gòu)買電子商品基本的原則，滿足廣大客戶的日益增長(zhǎng)的數(shù)量，并達(dá)到操作過程中的直觀、方便、實(shí)用、安全等要求。</p><p>　　2.7系統(tǒng)設(shè)計(jì)的總體規(guī)則<

64、/p><p>　　無論哪個(gè)網(wǎng)站都要有它自己的設(shè)計(jì)規(guī)則。該平臺(tái)也一樣，它的主要設(shè)計(jì)規(guī)則有：</p><p>　　簡(jiǎn)單性：在實(shí)現(xiàn)平臺(tái)的功能的同時(shí)，盡量讓平臺(tái)操作簡(jiǎn)單易懂，這對(duì)于一個(gè)網(wǎng)站來說是非常重要的。對(duì)于一個(gè)購(gòu)買物品的平臺(tái)，所針對(duì)的是消費(fèi)群體而非專業(yè)用戶，系統(tǒng)的簡(jiǎn)單易用，能夠消費(fèi)者或者是用戶群體感覺親近，友好，從而增加網(wǎng)站的瀏覽次數(shù)，增加更多的潛在客戶。</p><p>

65、　　針對(duì)性：該平臺(tái)設(shè)計(jì)是網(wǎng)上購(gòu)物系統(tǒng)及后臺(tái)管理的定向開發(fā)設(shè)計(jì)，所以具有專業(yè)突出和很強(qiáng)的針對(duì)性。</p><p>　　實(shí)用性：該平臺(tái)能完成電子商品展示和管理員管理的基本信息，并提供給客戶較為友善的界面，相對(duì)簡(jiǎn)易的操作，基于這樣的特性，使得該B/S架構(gòu)的商城系統(tǒng)具有良好的實(shí)用性。</p><p>　　第3章 系統(tǒng)的開發(fā)技術(shù)及主要架構(gòu)</p><p>　　3.1開發(fā)技術(shù)的

66、選擇</p><p>　　合理的選擇開發(fā)技術(shù)，對(duì)于網(wǎng)站開發(fā)的完成情況有著非常重要的影響。要開發(fā)一個(gè)網(wǎng)站，首先要選擇一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)技術(shù)。當(dāng)前比較流行的動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)技術(shù)有ASP、JSP、PHP。它們的特性比較如表3-1所示。</p><p>　　表3-1 asp/php/php比較表</p><p>　　這三種都是在傳統(tǒng)的HTML代碼中，利用HTML標(biāo)簽的擴(kuò)展，構(gòu)成頁(yè)

67、面。不難看出，php的綜合實(shí)力是最強(qiáng)的，尤其是在安全性和跨平臺(tái)性兩個(gè)方面，比其他的兩種技術(shù)都要好，因此，最后我們選擇php技術(shù)作為動(dòng)態(tài)網(wǎng)頁(yè)的開發(fā)技術(shù)。</p><p>　　3.2系統(tǒng)的主要架構(gòu)及開發(fā)模式</p><p>　　系統(tǒng)的建設(shè)關(guān)鍵在于其所使用的架構(gòu)，而網(wǎng)上購(gòu)物這種基于web的系統(tǒng)，傳統(tǒng)的c/s架構(gòu)已經(jīng)不能滿足大量用戶的訪問和操作，b/s基于瀏覽器的架構(gòu)則是目前網(wǎng)絡(luò)系統(tǒng)應(yīng)用的主流，它

68、將大量的數(shù)據(jù)處理工作交給服務(wù)器端來處理，客戶端只用通過普通的IE瀏覽器即可訪問系統(tǒng)，方便快捷而且利于系統(tǒng)的更新和維護(hù)?；趍vc的開發(fā)流程則使開發(fā)過程更加清晰明了，利于做一些復(fù)雜的邏輯實(shí)現(xiàn)，從而節(jié)省了開發(fā)周期和開發(fā)成本。</p><p>　　3.2.1基于B/S的體系結(jié)構(gòu)</p><p>　　在B/S體系結(jié)構(gòu)系統(tǒng)中，用戶通過瀏覽器向分布在網(wǎng)絡(luò)上的許多服務(wù)器發(fā)出請(qǐng)求，服務(wù)器對(duì)瀏覽器的請(qǐng)求進(jìn)行

69、處理，將用戶所需信息返回到瀏覽器。B/S結(jié)構(gòu)簡(jiǎn)化了客戶機(jī)的工作，客戶機(jī)上只需配置少量的客戶端軟件。服務(wù)器將擔(dān)負(fù)更多的工作，對(duì)數(shù)據(jù)庫(kù)的訪問和應(yīng)用程序的執(zhí)行將在服務(wù)器上完成。瀏覽器發(fā)出請(qǐng)求，而其余如數(shù)據(jù)請(qǐng)求、加工、結(jié)果返回以及動(dòng)態(tài)網(wǎng)頁(yè)生成等工作全部由Web Server完成。實(shí)際上B/S體系結(jié)構(gòu)是把二層C/S結(jié)構(gòu)的事務(wù)處理邏輯模塊從客戶機(jī)的任務(wù)中分離出來，由Web服務(wù)器單獨(dú)組成一層來負(fù)擔(dān)其任務(wù)，這樣客戶機(jī)的壓力減輕了，把負(fù)荷分配給了Web服

70、務(wù)器。這種三層體系結(jié)構(gòu)如圖3-1所示。 </p><p>　　圖3-1 B/S三層架構(gòu)示意圖</p><p>　　這種結(jié)構(gòu)不僅把客戶機(jī)從沉重的負(fù)擔(dān)和不斷對(duì)其提高的性能的要求中解放出來，也把技術(shù)維護(hù)人員從繁重的維護(hù)升級(jí)工作中解脫出來。由于客戶機(jī)把事務(wù)處理邏輯部分分給了功能服務(wù)器，使客戶機(jī)一下子"苗條"了許多，不再負(fù)責(zé)處理復(fù)雜計(jì)算和數(shù)據(jù)訪問等關(guān)鍵事務(wù)，只負(fù)責(zé)顯示部分，所以維

71、護(hù)人員不再為程序的維護(hù)工作奔波于每個(gè)客戶機(jī)之間，而把主要精力放在功能服務(wù)器上程序的更新工作。這種三層結(jié)構(gòu)在層與層之間相互獨(dú)立，任何一層的改變不會(huì)影響其它層的功能。 </p><p>　　3.2.2 基于MVC的應(yīng)用開發(fā)模型</p><p>　　在傳統(tǒng)的基于Web的應(yīng)用系統(tǒng)中，例如ASP，CGI等，通常開發(fā)者將業(yè)務(wù)邏輯，數(shù)據(jù)邏輯、展示邏輯等混雜在一起，在同一個(gè)界面面里既進(jìn)行后臺(tái)數(shù)據(jù)庫(kù)的訪問和

72、操作，同時(shí)還包含業(yè)務(wù)流程和頁(yè)面表示。這樣編寫出來的程序，既不利于程序員對(duì)業(yè)務(wù)代碼的調(diào)試，同時(shí)也不利于編輯人員進(jìn)行交互頁(yè)面的設(shè)計(jì)。同時(shí)系統(tǒng)也不具備可擴(kuò)展性，當(dāng)我們要在現(xiàn)有業(yè)務(wù)上進(jìn)行擴(kuò)展的時(shí)候，通常無法借助于現(xiàn)有的資源和應(yīng)用，而只能夠重新編寫，大大增加了投資，延長(zhǎng)了系統(tǒng)上線的時(shí)間，失去了競(jìng)爭(zhēng)市場(chǎng)的優(yōu)勢(shì)。</p><p>　　在本網(wǎng)上購(gòu)物系統(tǒng)中，將采用通行的MVC模式來構(gòu)建應(yīng)用。這種結(jié)構(gòu)解決了前面所述的所有問題，MVC

73、的邏輯圖如下圖3-2所示。</p><p>　　圖3-2 MVC業(yè)務(wù)流程示意圖</p><p>　　通過這種方案，我們可以迅速地實(shí)現(xiàn)整個(gè)業(yè)務(wù)，其優(yōu)勢(shì)和特點(diǎn)如下：</p><p>　　Model（模型）層：將具體的業(yè)務(wù)封裝，具備安全、高性能、可重用等優(yōu)秀的特征。</p><p>　　View（視圖）層：由PHP、HTML組成。這一層次的特點(diǎn)是能

74、夠真實(shí)地展示和客戶交互的界面，具備可描繪的功能。同時(shí)能夠嵌套動(dòng)態(tài)數(shù)據(jù)，可以進(jìn)行動(dòng)態(tài)頁(yè)面的展示。同時(shí)可以方便地進(jìn)行客戶端的個(gè)性化定制。根據(jù)每個(gè)客戶的需求來展示不同風(fēng)格的界面。</p><p>　　Controller（控制器）層：是非常重要的一層，這一層是連接View和Model的紐帶，同時(shí)也是將這兩層進(jìn)行最大限度分離的工具。</p><p>　　通過這種模型的建立，我們的應(yīng)用系統(tǒng)具備了非常

75、好的性能和可擴(kuò)展性。將業(yè)務(wù)組件和展示頁(yè)面進(jìn)行分離，并通過Controller來描述調(diào)用關(guān)系，一方面可以提高效率，另一方面也可以增加系統(tǒng)擴(kuò)充的能力，使我們的系統(tǒng)可以進(jìn)行最快速度的業(yè)務(wù)擴(kuò)展，以滿足不同用戶、不同階段、各種各樣的業(yè)務(wù)需求。</p><p>　　第4章 系統(tǒng)的功能和流程分析</p><p>　　4.1網(wǎng)站的功能分析</p><p>　　經(jīng)過前期的深入調(diào)查和研

76、究，總結(jié)出該平臺(tái)需要完成的一些具體功能，分析如下：</p><p>　　用戶管理： 能夠完成用戶基本信息錄入的注冊(cè)和用戶基本信息的修改。</p><p>　　管理員管理： 能夠完成管理員對(duì)網(wǎng)站的商品信息管理（商品添加、商品審查）、會(huì)員管理（會(huì)員審查）、網(wǎng)站信息管理（新聞添加、修改刪除、公告設(shè)置），以及常規(guī)設(shè)置（廣告添加，友情鏈接）的功能。</p>

77、<p>　　搜索功能： 能過電子商品的名稱進(jìn)行搜索。</p><p>　　查詢功能： 能夠通過查看購(gòu)物車對(duì)所選商品進(jìn)行確定、挑選。 </p><p>　　4.2 平臺(tái)功能模塊的設(shè)計(jì)分析</p><p>　　在平臺(tái)功能的分析基礎(chǔ)上，得到本平臺(tái)的功能模塊圖如圖4-1所示。</p><p>　　圖4-1 平臺(tái)

78、購(gòu)物模塊圖</p><p>　　4.3 系統(tǒng)流程分析</p><p>　　4.3.1前臺(tái)購(gòu)物流程</p><p>　　購(gòu)物流程示意圖如圖4-1所示。</p><p>　　圖4-2 前臺(tái)購(gòu)物流程圖</p><p>　　4.3.2注冊(cè)功能流程 </p><p>　　注冊(cè)流程示意圖如圖4-2所示。

79、</p><p>　　圖4-3 注冊(cè)功能流程圖</p><p><b>　　注冊(cè)的具體實(shí)現(xiàn)為：</b></p><p>　　點(diǎn)擊主頁(yè)面的用戶注冊(cè)選項(xiàng)后，會(huì)彈出一個(gè)注冊(cè)信息頁(yè)面，用戶需要如實(shí)填寫用戶名，密碼，E_mail,地址，電話，真實(shí)，姓名等各項(xiàng)信息，提交后，系統(tǒng)進(jìn)行檢測(cè)判斷該用戶名是否已經(jīng)注冊(cè)過，如果已經(jīng)存在則彈出新頁(yè)面，提示用戶該用戶名已

80、經(jīng)注冊(cè)過，如果沒有則進(jìn)行下一步判斷，用戶輸入的兩次密碼是否一致，然后依次往后判斷用戶所填寫的各項(xiàng)信息是否符合要求，直到所有信息均正確無誤，系統(tǒng)將該用戶注冊(cè)信息寫入會(huì)員表即member并提示用戶注冊(cè)成功，用戶登陸后，就可以進(jìn)行有效的購(gòu)物了。</p><p>　　4.3.3商品搜索流程</p><p>　　商品搜索流程示意圖如圖4-4所示。</p><p>　　圖4-4

81、 商品搜索流程圖</p><p>　　商品的搜索功能使用戶更加方便的進(jìn)行自己所需要的商品的查詢，節(jié)省時(shí)間，提高效率。用戶搜索時(shí)只要輸入商品的關(guān)鍵字就能搜索到所有相關(guān)的商品。并且能列出通過搜索得到的商品的詳細(xì)信息。</p><p>　　4.3.4用戶登錄流程</p><p>　　用戶登錄，首先要有一個(gè)提供用戶登錄的表單。用戶登錄的表單應(yīng)該嵌入整體的結(jié)構(gòu)當(dāng)中。在實(shí)際的應(yīng)

82、用中，可以這樣設(shè)計(jì)，如果用戶沒有登錄，則在頁(yè)面中顯示用戶登錄的選項(xiàng)，用戶登錄后，則可隱藏用戶登錄的選項(xiàng)而代之以用戶的基本信息。</p><p>　　首先，用戶要有一個(gè)用戶名和密碼。商務(wù)網(wǎng)站需要很高的穩(wěn)定性和安全性，因此對(duì)用戶名不允許使用惡意的代碼作為用戶名。同時(shí)對(duì)密碼也要求保密，將密碼加密后再存入數(shù)據(jù)庫(kù)。登陸流程示意圖如圖4-5所示。</p><p>　　圖4-5用戶登陸流程圖</p

83、><p>　　4.3.5商品管理流程</p><p>　　商品管理流程示意圖如圖4-6所示。</p><p>　　圖4-6商品管理流程圖</p><p>　　在該功能里管理員可以進(jìn)行不需要的商品的刪除，在這里管理員當(dāng)然也可以瀏覽到商品的詳細(xì)信息。并且比普通用戶在瀏覽商品界面里所看到的商品信息多一個(gè)該商品在數(shù)據(jù)庫(kù)中的ID。</p>&

84、lt;p>　　4.3.6購(gòu)物車流程</p><p>　　購(gòu)物車具體的實(shí)現(xiàn)可采用這種形式：定義一個(gè)購(gòu)物車的類(Class)。</p><p>　　1.列出商品的列表，使用戶能夠自由選擇所需要的商品。</p><p>　　2.當(dāng)用戶在點(diǎn)擊“添加到購(gòu)物車”的鏈接時(shí)，執(zhí)行如下功能：</p><p>　　檢查用戶購(gòu)物車類是否存在。如不存在，則建立

85、，并注冊(cè)這Session變量；在有用戶購(gòu)物車類存在的情況下，檢查該類中是否有該商品。如存在，則商品數(shù)量相應(yīng)加1；如沒有該商品，則將該商品添加到該類中。購(gòu)物車流程示意圖如圖4-7所示。</p><p>　　圖4-7購(gòu)物車流程圖</p><p>　　第5章 系統(tǒng)功能的具體實(shí)現(xiàn)</p><p>　　5.1系統(tǒng)數(shù)據(jù)庫(kù)表的基本設(shè)計(jì)</p><p>　　

86、在建設(shè)網(wǎng)站系統(tǒng)之前，我們必須對(duì)系統(tǒng)所用到的數(shù)據(jù)進(jìn)行大致的分類和具體的結(jié)構(gòu)設(shè)計(jì)，既要做到清晰明了，又要能適應(yīng)系統(tǒng)各項(xiàng)功能的調(diào)用，而不至于產(chǎn)生結(jié)構(gòu)上的邏輯混亂，保證關(guān)鍵數(shù)據(jù)在意外情況下不會(huì)被破壞，可以說數(shù)據(jù)庫(kù)是系統(tǒng)的重中之重。</p><p>　　數(shù)據(jù)庫(kù)設(shè)計(jì)要遵循一些規(guī)則，一個(gè)好的數(shù)據(jù)庫(kù)滿足一些嚴(yán)格的約束和要求。盡量分離各實(shí)體對(duì)應(yīng)的表，一個(gè)實(shí)體對(duì)應(yīng)一個(gè)表，搞清楚該實(shí)體有哪些屬性，對(duì)應(yīng)有些什么字段，以及各實(shí)體之間有何種

87、聯(lián)系。實(shí)體、屬性與聯(lián)系是進(jìn)行概念設(shè)計(jì)時(shí)要考慮的三個(gè)元素，也是一個(gè)好的數(shù)據(jù)庫(kù)設(shè)計(jì)的核心。</p><p>　　從實(shí)際出發(fā)，經(jīng)過仔細(xì)地設(shè)計(jì)，得到各表的設(shè)計(jì)如表5-1至5-7所示。</p><p>　　表5-1 商品信息表</p><p>　　[說明]對(duì)于商品信息表，因?yàn)榻?jīng)驗(yàn)不足，我將其關(guān)鍵字段hw_id商品編號(hào)采用的是MYSQL數(shù)據(jù)庫(kù)中的自動(dòng)編號(hào)，雖然也確定了商品信息的

88、唯一性，但不具備直觀的特點(diǎn)，在實(shí)際應(yīng)用中最好是將其設(shè)置一個(gè)命名規(guī)則，管理人員在添加商品的時(shí)候能夠自動(dòng)產(chǎn)生一個(gè)有一定規(guī)則和一定意義的命名規(guī)則，方便管理人員對(duì)其進(jìn)行管理和維護(hù)，例如對(duì)于手機(jī)類商品可將其編號(hào)設(shè)置為mobile＋型號(hào)＋添加日期，這樣更容易對(duì)商品進(jìn)行管理。Hw_pic字段代表圖片，但在這里存放的只是它的路徑所以應(yīng)該使用文本類型。</p><p>　　表5-2 會(huì)員信息表member</p>&

89、lt;p>　　[說明]對(duì)于會(huì)員信息表，會(huì)員編號(hào)也要有一定的命名規(guī)則，另外會(huì)員帳號(hào)的命名規(guī)則也有一定要求，如必須以字母開頭，不能有特殊字符，長(zhǎng)度大于4個(gè)字符小于16個(gè)字符等等，還有一個(gè)需要注意的是用戶密碼，MYSQL數(shù)據(jù)庫(kù)保存用戶密碼時(shí)是以明文形式保存的，這對(duì)系統(tǒng)來說是極不安全的，因此需要我們用php中的MD5函數(shù)將輸入表單中的密碼加密，然后在保存到MYSQL數(shù)據(jù)庫(kù)中。</p><p>　　表5-3購(gòu)物車表b

90、asket</p><p>　　[說明]購(gòu)物車表則是系統(tǒng)中與其他幾個(gè)表關(guān)系最多的一個(gè)表了，它包含了商品表，會(huì)員表中的幾個(gè)重要字段，是我們進(jìn)行最后購(gòu)物統(tǒng)計(jì)的主要依據(jù)，我們?cè)诖_定購(gòu)買一樣商品的時(shí)候，系統(tǒng)將數(shù)據(jù)寫入購(gòu)物車表，在用戶確定去結(jié)帳之前basket_check值為否，確定之后值變?yōu)槭?，一個(gè)用戶可能對(duì)應(yīng)多個(gè)basket記錄，但在統(tǒng)計(jì)的時(shí)候，僅對(duì)basket_check為真的記錄進(jìn)行統(tǒng)計(jì)，這樣就可以避免造成統(tǒng)計(jì)錯(cuò)誤

91、。</p><p>　　表5-4管理員表admin</p><p>　　[說明]該表和會(huì)員表一樣存在字段的命名規(guī)則的要求，出于安全考慮對(duì)于管理員帳號(hào)發(fā)放應(yīng)該謹(jǐn)慎，管理人員數(shù)量一定要控制，越少越安全，在實(shí)際應(yīng)用中，我們還要對(duì)整個(gè)數(shù)據(jù)庫(kù)進(jìn)行加密，以防止系統(tǒng)重要數(shù)據(jù)泄漏。</p><p>　　表5-5新聞列表news</p><p>　　[說明]存

92、儲(chǔ)網(wǎng)站新聞信息，與其他表沒有關(guān)聯(lián)。</p><p>　　表5-6網(wǎng)站信息表system</p><p>　　[ 說明]該表主要存儲(chǔ)一些網(wǎng)站信息，如系統(tǒng)管理員的聯(lián)系方式等，以頁(yè)面的形式提供給用戶，與其他表沒有關(guān)聯(lián)。</p><p>　　表5-7 廣告信息列表ad</p><p>　　[說明]該表為單獨(dú)的表，與其他表沒有關(guān)聯(lián)，主要存儲(chǔ)一些鏈接網(wǎng)站

93、或廣告信息。</p><p>　　5.2 功能總體說明</p><p>　　5.2.1 目錄結(jié)構(gòu)說明</p><p><b>　　目錄分布如下圖：</b></p><p>　　圖5-1 目錄結(jié)構(gòu)圖</p><p>　　(1) admin 用于存儲(chǔ)系統(tǒng)管理員的后臺(tái)操作腳本，包括商品類別管理、商品信息

94、管理、站內(nèi)公告管理、訂單管理、系統(tǒng)用戶管理等功能；</p><p>　　(2) pics 用來存儲(chǔ)商品的圖片資料，管理員上傳的商品圖片也存在這里。</p><p>　　(3) images 用來存儲(chǔ)網(wǎng)頁(yè)上的圖片文件。</p><p>　　(4) smarty 包含smarty.class.php，用來生成模版的類</p><p>　　(5)

95、template 模版文件夾，用來存放模板頁(yè)（.tpl）</p><p>　　(6) public 存放的是公共的js腳本以及css樣式表</p><p>　　(7) index.php前臺(tái)頁(yè)面的入口，admin.php后臺(tái)管理的入口，config.ini.php為系統(tǒng)配置文件，ini.inc.php為初始化必須的工作（注意，這些配置文件以及入口文件在后面的模塊設(shè)計(jì)中講解，具體代碼參照附錄

96、index.php,config.php,ini.inc.php）</p><p>　　5.2.2 主要功能圖</p><p>　　圖5-2 主要功能圖</p><p>　　5.3主要功能模塊的實(shí)現(xiàn)</p><p>　　5.3.1數(shù)據(jù)庫(kù)的連接</p><p>　　訪問數(shù)據(jù)庫(kù)可以用mysql和mysqli的函數(shù)庫(kù)，但是為

97、了不同的數(shù)據(jù)庫(kù)的移植，通常采用PDO(當(dāng)然還可以用ADODB和MDB2等同類數(shù)據(jù)訪問抽象層，但PDO更高效)，本系統(tǒng)采用的是PDO連接數(shù)據(jù)庫(kù)，其核心代碼如下：</p><p>　?。?）PDO::ATTR_ERROR=>PDO::ERRMODE_EXCEPTION 表示設(shè)置錯(cuò)誤模式為異常處理機(jī)制，當(dāng)數(shù)據(jù)庫(kù)連接失敗時(shí)，會(huì)返回一個(gè)數(shù)據(jù)庫(kù)連接的錯(cuò)誤。PDO提供了三種不同的錯(cuò)誤處理模式，分別用來滿足不同風(fēng)格的編程：

98、PDO_ERRMODE_SILENT 這是默認(rèn)模式。PDO將只設(shè)置錯(cuò)誤代碼，以通過 errorCode() 和 errorInfo() 方法對(duì)語(yǔ)句和數(shù)據(jù)庫(kù)對(duì)象進(jìn)行檢查。如果錯(cuò)誤是由于對(duì)語(yǔ)句對(duì)象的調(diào)用而產(chǎn)生的，那么可以在那個(gè)對(duì)象上調(diào)用 errorCode()或errorInfo()方法。如果錯(cuò)誤是由于調(diào)用數(shù)據(jù)庫(kù)對(duì)象而產(chǎn)生的，那么可以在那個(gè)數(shù)據(jù)庫(kù)對(duì)象上調(diào)用上述兩個(gè)方法。 PDO_ERRMODE_WARNING 除了設(shè)置錯(cuò)誤代碼以外，PDO還

99、將發(fā)出一條傳統(tǒng)的 E_WARNING 消息。如果您只是想看看發(fā)生了什么問題，而無意中斷應(yīng)用程序的流程，那么在調(diào)試/測(cè)試當(dāng)中這種設(shè)置很有用。 PDO_ERRMODE_EXCEPTION 除了設(shè)置錯(cuò)誤代碼以外，更為有趣的是PDO 還將拋出一個(gè) PDOException，并設(shè)置其屬性，以反映錯(cuò)誤代碼和錯(cuò)誤信息。這種設(shè)置在調(diào)試當(dāng)中也很有</p><p>　　（2）$this->pdo->exec(‘set n

100、ames gbk’) 表示設(shè)置數(shù)據(jù)庫(kù)的字符集為gbk，這語(yǔ)句通常用來解決字符集的編碼問題。由于MySql數(shù)據(jù)的默認(rèn)字符集是UTF-8，另外，許多軟件的默認(rèn)編碼也是UTF-8，這就給顯示或存儲(chǔ)數(shù)據(jù)造成了很大麻煩，采用該語(yǔ)句有時(shí)候會(huì)有意想不到的結(jié)果。</p><p>　　（3）類中的屬性采用protected關(guān)鍵，因?yàn)檫@些屬性只要求在本類及其集成類中可以訪問。</p><p>　　5.3.2前

101、端控制器模式的介紹與實(shí)現(xiàn)</p><p>　　前端控制器模式是用一個(gè)中心來處理所來到的請(qǐng)求，最后調(diào)用視圖呈現(xiàn)給用戶。當(dāng)請(qǐng)求可以發(fā)到系統(tǒng)的多個(gè)地方時(shí)，很難避免代碼的重復(fù)，當(dāng)系統(tǒng)與視圖混雜在一起時(shí)，管理視圖的切換和選擇確實(shí)另外的一個(gè)難點(diǎn)，然而采用前端控制器模式就很好的解決了這一問題，本系統(tǒng)的前端控制器模式的核心代碼如下：</p><p>　　這里我們將會(huì)碰到一個(gè)疑惑，我們?nèi)绾握业竭@些控制器類存

102、儲(chǔ)在那個(gè)文件中呢，又是如何實(shí)現(xiàn)智能實(shí)例化呢？這里就需要用到php中的autoload函數(shù)來實(shí)現(xiàn)（通常這個(gè)函數(shù)放在初始化的php文件中，而本系統(tǒng)就采用這種方式），通過require’ini.inc.php’來加載初始化php文件，本處采用reiquire，一個(gè)重要的原因在于，如果加載出現(xiàn)問題，就會(huì)終止腳本的執(zhí)行，這對(duì)于網(wǎng)站的安全來說，不容忽視，因?yàn)槲覀儾幌胱屢恍┟舾械膱?bào)錯(cuò)信息讓用戶看到。初始化的網(wǎng)站配置信息核心代碼如下所示：</p&

103、gt;<p>　　通過autoload函數(shù)獲得類名，在需要時(shí)，include會(huì)自動(dòng)尋找所在的的類文件，具體代碼參照附錄ini.inc.php</p><p>　　5.3.3用戶登陸模塊的實(shí)現(xiàn)</p><p>　　用戶登陸模塊是防止非法用戶登陸的第一道防線，通過它可以保護(hù)后臺(tái)數(shù)據(jù)庫(kù)的安全性，當(dāng)用戶要進(jìn)行定購(gòu)時(shí)，首先要進(jìn)入的就是身份驗(yàn)證界面，只有在密碼正確的情況下才能進(jìn)行以后的購(gòu)

104、物，如果輸入的密碼不正確，則不能進(jìn)行定購(gòu)。如果用戶以瀏覽者的身份進(jìn)入網(wǎng)站，則只能進(jìn)行一般的商品瀏覽和搜索，而不能進(jìn)行選購(gòu)，在點(diǎn)擊添加購(gòu)物車后，系統(tǒng)會(huì)判斷該用戶是否是登陸用戶，如果不是則彈出提示頁(yè)面，提示用戶必須先登陸才能定購(gòu)商品，如果是第一次登陸，請(qǐng)先注冊(cè)。</p><p>　　主頁(yè)面的效果圖如圖5-3所示。</p><p>　　圖5-3 主頁(yè)面示意圖</p><p&g

105、t;　　登陸的具體實(shí)現(xiàn)關(guān)鍵是要通過一個(gè)全局?jǐn)?shù)組，即$_SESSION數(shù)組來實(shí)現(xiàn)，在系統(tǒng)中則由一個(gè)單獨(dú)的登錄方法來實(shí)現(xiàn)用戶登錄，以及用戶信息的保存。具體代碼如下圖所示：</p><p>　　本函數(shù)接收表單輸入的用戶名和密碼，返回值為0，1，當(dāng)查到的行數(shù)大于0行時(shí)，就保存用戶的信息，包括用戶名和用戶ID,本函數(shù)中fetch函數(shù)的方式有多種，包括獲取關(guān)聯(lián)數(shù)組、獲取索引數(shù)組、獲取前兩種和獲取對(duì)象的方式，本函數(shù)采用第一種方

106、式，主要是兩個(gè)方面，一則關(guān)聯(lián)數(shù)組容易理解，其次相對(duì)后兩種方式而言，關(guān)聯(lián)數(shù)組的性能要優(yōu)秀。</p><p>　　如果用戶還不是會(huì)員則提示用戶進(jìn)行注冊(cè)，用戶提交信息之后，系統(tǒng)開始判斷用戶的注冊(cè)信息是否有效，首先是用戶名是否為空，（該處存在用戶名命名規(guī)則的問題，后面問題中會(huì)詳細(xì)解決）用戶輸入的兩次密碼是否一致，然后依次往后判斷用戶所填寫的各項(xiàng)信息是否符合要求，直到所有信息均正確無誤，系統(tǒng)將該用戶注冊(cè)信息寫入會(huì)員表即me

107、mber并提示用戶注冊(cè)成功，用戶登陸后，就可以進(jìn)行有效的購(gòu)物了。</p><p>　　注冊(cè)頁(yè)面的效果圖如圖5-4所示。</p><p>　　圖5-4注冊(cè)頁(yè)面示意圖</p><p>　　系統(tǒng)對(duì)用戶的注冊(cè)信息的驗(yàn)證主要包括一下兩個(gè)方面的驗(yàn)證，前端javascript，后端php，實(shí)現(xiàn)的核心代碼如下：</p><p>　　一、前端驗(yàn)證（javasc

108、ript）</p><p>　　用戶名驗(yàn)證的代碼如下：</p><p>　　前端驗(yàn)證采用ajax技術(shù)（Ajax的實(shí)現(xiàn)見附錄Ajax.js），當(dāng)用戶驗(yàn)證時(shí)無需刷新頁(yè)面，加快網(wǎng)站訪問的速度，驗(yàn)證主要要求為用戶名不為空，且長(zhǎng)度必須在3-20個(gè)字符之間，不能注冊(cè)相同的用戶。Ajax.get中請(qǐng)求頁(yè)m代表是模塊通常一個(gè)模塊一個(gè)類，a代表的是動(dòng)作（即action），通常一個(gè)動(dòng)作一個(gè)方法。</p&

109、gt;<p>　　手機(jī)或電話的驗(yàn)證如下圖所示：</p><p>　　前端的驗(yàn)證代碼當(dāng)然還包括郵箱驗(yàn)證、密碼要求、地址等驗(yàn)證，其實(shí)實(shí)現(xiàn)的方法較為簡(jiǎn)單，采用正則表達(dá)式進(jìn)行匹配即可(詳細(xì)驗(yàn)證見附錄check.js)。</p><p>　　二、后端驗(yàn)證(php)</p><p>　　前端驗(yàn)證可以阻擋用戶不合理的輸入，但一些網(wǎng)絡(luò)攻擊這常常可以偽造表單繞過前端驗(yàn)證