網(wǎng)上食品商店的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文

1、<p>　　網(wǎng)上食品商店的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　院 (系) 信息學(xué)院 </p><p>　　專 業(yè) 計(jì)算機(jī)科學(xué)與技術(shù) </p><p>　　班 級(jí) </p><p>　　學(xué) 號(hào) </p><

2、;p>　　姓 名 </p><p>　　指導(dǎo)教師 </p><p>　　2013年 5 月 2 日</p><p><b>　　摘 要</b></p><p>　　本文研究了一個(gè)網(wǎng)上食品商店系統(tǒng)，此方案具有用戶使用更簡(jiǎn)單、界面更直觀等

3、優(yōu)點(diǎn)。雖然網(wǎng)上食品商店在我國(guó)興起的時(shí)間還不是太長(zhǎng)，但它發(fā)展很快。隨著我國(guó)互聯(lián)網(wǎng)的普及和網(wǎng)上食品商店的日趨成熟，會(huì)有越來越多的消費(fèi)群體加入到這個(gè)行列中來，市場(chǎng)潛力會(huì)得到充分的發(fā)揮。</p><p>　　食品在網(wǎng)上銷售不僅是傳統(tǒng)銷售渠道的發(fā)展和補(bǔ)充，也是未來食品銷售的發(fā)展方向。網(wǎng)絡(luò)給人們帶來了實(shí)惠,也給商品帶來了廣闊的生存空間。網(wǎng)上食品商店具有很多新的特性。它的營(yíng)業(yè)成本比傳統(tǒng)意義上的商店低得多。它不需要將大筆的流動(dòng)資

4、金買貨品,可依靠“零庫(kù)存”管理，縮短資金周轉(zhuǎn)的周期。同時(shí)網(wǎng)上食品商店更容易開拓市場(chǎng)，實(shí)現(xiàn)市場(chǎng)的整合。</p><p>　　本文分析了系統(tǒng)實(shí)現(xiàn)中的難點(diǎn)和重點(diǎn)。設(shè)計(jì)實(shí)現(xiàn)銷售排行、新品上架、特價(jià)商品、查看訂單、購(gòu)物車和會(huì)員修改個(gè)人信息等的jsp頁(yè)面 。分析并解決實(shí)現(xiàn)中的若干技術(shù)問題,建立完整的網(wǎng)上食品商店系統(tǒng)，并分析結(jié)果。</p><p>　　關(guān)鍵詞：網(wǎng)上食品商店系統(tǒng)，JSP，數(shù)據(jù)庫(kù)</p

5、><p><b>　　Abstract</b></p><p>　　An online grocery store system with a simple and intuitive user interface is developed in this paper. Online food stores in China are developing rapidly,

6、 although it is not a long time up to now. With the popularization of the Internet and online grocery store becoming more mature, more and more consumer groups will join it and the market potential will be given enough r

7、oom to show.</p><p>　　Foods online sale is not only the development and supplement of the traditional sales channels, but also the direction of future development. The Internet has brought tangible benefits

8、to people, and also a broad space of goods. Online food store has many new features, such as much lower operating cost than traditional stores. It does not require an enormous amount of liquidity to buy goods. Online foo

9、d store can rely on the "zero inventory" management and shorten the period of funds turnover at</p><p>　　The difficulty and key points in system implementation are analyzed in this paper, mainly re

10、flecting in the design of the JSP pages of the sales list, new products, special products, check orders, shopping cart and membership changing passwords. Some technique problems in the development of the complete online

11、food store system are also analyzed and resolved, and the results are discussed.</p><p>　　Keywords: Online grocery store system, JSP, database</p><p><b>　　目錄</b></p><p>

12、<b>　　1 引言1</b></p><p>　　1.1 課題的背景、目的與意義1</p><p>　　1.2 國(guó)內(nèi)外現(xiàn)狀1</p><p>　　1.3 研究（設(shè)計(jì)）內(nèi)容2</p><p>　　1.4 論文的組織結(jié)構(gòu)2</p><p>　　2 相關(guān)技術(shù)簡(jiǎn)介3</p>&

13、lt;p>　　2.1 JSP技術(shù)3</p><p>　　2.2 Microsoft SQL Server20003</p><p>　　2.3 Web服務(wù)器4</p><p>　　2.4 分類數(shù)據(jù)庫(kù)與JavaScript4</p><p>　　2.5 CSS層4</p><p><b>　　3

14、 系統(tǒng)分析5</b></p><p>　　3.1 可行性分析5</p><p>　　3.2 需求分析5</p><p>　　3.2.1 業(yè)務(wù)需求分析5</p><p>　　3.2.2 用戶需求分析6</p><p>　　3.2.3 功能需求分析6</p><p>　　3.

15、3 業(yè)務(wù)流程分析6</p><p>　　3.3.1 前臺(tái)業(yè)務(wù)流程分析6</p><p>　　3.3.2 后臺(tái)業(yè)務(wù)流程分析7</p><p>　　3.4 數(shù)據(jù)流程分析7</p><p>　　3.5 運(yùn)行環(huán)境及開發(fā)工具9</p><p>　　4 系統(tǒng)總體設(shè)計(jì)10</p><p>　　4.

16、1 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)10</p><p>　　4.2 功能模塊設(shè)計(jì)10</p><p>　　4.2.1 前臺(tái)模塊的功能模塊設(shè)計(jì)11</p><p>　　4.2.2 后臺(tái)管理模塊的功能模塊設(shè)計(jì)11</p><p>　　4.3 數(shù)據(jù)庫(kù)設(shè)計(jì)12</p><p>　　4.3.1 E-R圖12</p>&l

17、t;p>　　4.3.2 基本表設(shè)計(jì)16</p><p><b>　　5 系統(tǒng)實(shí)現(xiàn)20</b></p><p>　　5.1 程序設(shè)計(jì)20</p><p>　　5.2 系統(tǒng)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)20</p><p>　　5.3 前臺(tái)功能模塊的實(shí)現(xiàn)20</p><p>　　5.3.1 用戶管理

18、模塊21</p><p>　　5.3.2 商品信息模塊24</p><p>　　5.3.3 購(gòu)物車模塊25</p><p>　　5.3.4 訂單查詢模塊28</p><p>　　5.3.5 商城公告模塊28</p><p>　　5.4 后臺(tái)功能模塊的實(shí)現(xiàn)29</p><p>　　5.

19、4.1 管理員登錄模塊29</p><p>　　5.4.2 添加食品模塊30</p><p>　　5.4.3 訂單信息管理模塊32</p><p>　　5.4.4 查詢用戶信息模塊33</p><p>　　5.4.5 添加分類模塊33</p><p><b>　　6 結(jié) 論35</b>

20、;</p><p><b>　　參考文獻(xiàn)36</b></p><p><b>　　致 謝37</b></p><p><b>　　引言</b></p><p>　　課題的背景、目的與意義</p><p>　　隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，越來越多的人喜歡在網(wǎng)

21、上購(gòu)物。食品的種類繁多，同一種類的食品又有不同規(guī)格的產(chǎn)品。實(shí)體食品商店很難有足夠大的店面來展示所有品種；食品的單價(jià)不高，在網(wǎng)絡(luò)信用還不完善的環(huán)境下能夠造成的損失較小，買家也樂于在線購(gòu)買。所以網(wǎng)上食品網(wǎng)站也在網(wǎng)上大量出現(xiàn)。</p><p>　　就網(wǎng)上食品商店而言，由于網(wǎng)絡(luò)已經(jīng)覆蓋全球，信息量大而獨(dú)具優(yōu)勢(shì)。售貨的理念也很簡(jiǎn)單，就是購(gòu)買者可以根據(jù)自己的喜好尋找食品然后購(gòu)買。對(duì)于購(gòu)買者來說，網(wǎng)上食品商店近在咫尺，并且永遠(yuǎn)

22、不會(huì)下班關(guān)門，購(gòu)買者可以隨時(shí)隨地自由地查詢和訂購(gòu)食品，也無需親臨食品商店挑選，只要坐在電腦前，開機(jī)上網(wǎng)即可買到所需的食品，而且可供購(gòu)買者挑選的余地也大多了，檢索也很方便，同時(shí)還減少了購(gòu)物的路費(fèi)支出。另外應(yīng)當(dāng)看到網(wǎng)上購(gòu)買食品節(jié)省了大量時(shí)間，這對(duì)于那些沒有時(shí)間經(jīng)常逛傳統(tǒng)商店或其住所離傳統(tǒng)商店較遠(yuǎn)的顧客來說，具有實(shí)際意義。因此網(wǎng)上售賣食品必將有長(zhǎng)足的發(fā)展。</p><p>　　本系統(tǒng)的主要目的是實(shí)現(xiàn)食品的在線銷售，包括

23、管理庫(kù)房中的食品，以及管理用戶的購(gòu)物車，從而實(shí)現(xiàn)結(jié)賬等一系列功能，讓用戶足不出戶就能夠在網(wǎng)上食品商店購(gòu)買到自己所需的食品，形成商店和用戶雙贏的局面。</p><p>　　整個(gè)個(gè)性化頁(yè)面生成系統(tǒng)主要使用Dreamweaver_MX開發(fā)的關(guān)聯(lián)規(guī)則采掘系統(tǒng)和利用tomcat+jsp技術(shù)實(shí)現(xiàn)的個(gè)性化Web頁(yè)面生成器兩部分組成。關(guān)聯(lián)規(guī)則采掘系統(tǒng)對(duì)數(shù)據(jù)庫(kù)中的歷史記錄進(jìn)行分析，產(chǎn)生用戶關(guān)聯(lián)規(guī)則表，頁(yè)面生成器則負(fù)責(zé)記錄用戶行為和

24、根據(jù)關(guān)聯(lián)規(guī)則表動(dòng)態(tài)生成用戶個(gè)性化Web頁(yè)面。二者通過數(shù)據(jù)庫(kù)服務(wù)器和Web服務(wù)器連接。</p><p><b>　　國(guó)內(nèi)外現(xiàn)狀</b></p><p>　　伴隨著Internet的蓬勃發(fā)展，網(wǎng)上購(gòu)買食品作為電子商務(wù)的一種形式正以其高效、低成本的優(yōu)勢(shì)，逐步成為新興的經(jīng)營(yíng)模式和理念，人們已不再滿足于信息的瀏覽和發(fā)布，而是渴望著能夠充分享受網(wǎng)絡(luò)所帶來的更多的便利。</p

25、><p>　　在美、英等信息化程度較高的國(guó)家和地區(qū)，網(wǎng)絡(luò)商店發(fā)展速度迅猛，美國(guó)的世界級(jí)超一流的零售商，如沃爾瑪、家庭倉(cāng)儲(chǔ)等紛紛擠身于網(wǎng)絡(luò)經(jīng)商的行列。調(diào)查表明：美國(guó)的家庭已越來越習(xí)慣于在家中從網(wǎng)上購(gòu)物。 而在我國(guó)，網(wǎng)上購(gòu)物從無到有也不過短短十幾年時(shí)間。根據(jù)CNNIC的統(tǒng)計(jì)結(jié)果，截止2004年1月中國(guó)有互聯(lián)網(wǎng)用戶7950萬人，而又有40.7%以上的網(wǎng)民在過去的一年里有過網(wǎng)上購(gòu)物經(jīng)歷，這就說明中國(guó)有網(wǎng)上購(gòu)物的用戶達(dá)到323

26、5.7萬人，并且這一數(shù)字還在以17%左右的速度增長(zhǎng)，中國(guó)的網(wǎng)民數(shù)量已經(jīng)突破5億。中國(guó)現(xiàn)在的青年人對(duì)網(wǎng)絡(luò)的使用率都很高，他們是實(shí)力最強(qiáng)的消費(fèi)者，這說明在中國(guó)發(fā)展網(wǎng)上購(gòu)物具有良好的群眾基礎(chǔ)，網(wǎng)上購(gòu)物的方式日趨被大家接受。因此，設(shè)計(jì)一個(gè)具有電子商務(wù)功能的企業(yè)網(wǎng)站具有非常好的開發(fā)與應(yīng)用前景。</p><p><b>　　研究（設(shè)計(jì)）內(nèi)容</b></p><p>　　這次設(shè)計(jì)實(shí)

27、現(xiàn)了一個(gè)網(wǎng)上購(gòu)物網(wǎng)站。網(wǎng)上購(gòu)買食品所承載的信息量大、購(gòu)物流程比較繁瑣，而且互聯(lián)網(wǎng)中日益肆虐的黑客和病毒對(duì)網(wǎng)絡(luò)的安全性提出了更高的挑戰(zhàn)。開發(fā)出的網(wǎng)上購(gòu)物系統(tǒng)基于Windows 2000 Server中文企業(yè)版服務(wù)器和SQL Server 2000數(shù)據(jù)庫(kù)，采用國(guó)際先進(jìn)的JSP進(jìn)行開發(fā)，具有很高的穩(wěn)定性和安全性。網(wǎng)上購(gòu)物真正實(shí)現(xiàn)了在Internet上的經(jīng)營(yíng)銷售，從而使其獲得更大的市場(chǎng)機(jī)遇及經(jīng)濟(jì)效益，很大程度地提高了企業(yè)的核心競(jìng)爭(zhēng)力。</

28、p><p>　　這個(gè)系統(tǒng)所需要的功能從用戶角度進(jìn)行劃分，可以分為前臺(tái)用戶功能和后臺(tái)管理功能。用戶功能主要提供給購(gòu)物的用戶使用，包括用戶的注冊(cè)、登錄，瀏覽商品，購(gòu)物車，查看訂單等；后臺(tái)管理功能主要提供給系統(tǒng)的管理人員使用，包括對(duì)用戶、食品、訂單的管理。</p><p>　　用戶注冊(cè)后，登陸網(wǎng)站的用戶可以在線查看、訂購(gòu)食品，并可查看自己的歷史訂單等。這些部分用JSP設(shè)計(jì)頁(yè)面及分類，使用數(shù)據(jù)庫(kù)來建立

29、相關(guān)的表，以便于對(duì)其進(jìn)行查看、修改或刪除。</p><p>　　在網(wǎng)站設(shè)計(jì)中，管理員完成對(duì)網(wǎng)站的維護(hù)與管理的工作。使用數(shù)據(jù)庫(kù)中權(quán)限的功能對(duì)管理員設(shè)置權(quán)限，管理員可以對(duì)食品信息進(jìn)行新增，修改及刪除，也可以對(duì)訂單信息進(jìn)行處理，同時(shí)管理員也可以對(duì)用戶信息進(jìn)行管理。</p><p><b>　　論文的組織結(jié)構(gòu)</b></p><p>　　本文分為六章，

30、通過對(duì)這個(gè)網(wǎng)站的分析、設(shè)計(jì)與實(shí)現(xiàn)過程的全面介紹來展示系統(tǒng)的全部特性。第一章緒論描述了課題的背景、目的與意義，介紹了國(guó)內(nèi)外現(xiàn)狀，進(jìn)而總結(jié)出此次研究工作的內(nèi)容。第二章是在系統(tǒng)設(shè)計(jì)中的一些相關(guān)技術(shù)簡(jiǎn)介。第三章系統(tǒng)分析首先從幾個(gè)角度分析了系統(tǒng)開發(fā)的可行性。然后進(jìn)行了需求分析、網(wǎng)站業(yè)務(wù)流程分析和數(shù)據(jù)流分析。第四章的系統(tǒng)總體設(shè)計(jì)在明確了系統(tǒng)設(shè)計(jì)原則下，進(jìn)行了功能模塊設(shè)計(jì)。接著進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，第五章的系統(tǒng)實(shí)現(xiàn)闡述了系統(tǒng)頁(yè)面及其邏輯功能的實(shí)現(xiàn)，重點(diǎn)描述

31、了前臺(tái)與后臺(tái)的各個(gè)功能模塊的實(shí)現(xiàn)過程，對(duì)主要的原理和技術(shù)進(jìn)行了詳細(xì)的說明，并列出了一些典型的邏輯的程序流程圖進(jìn)行說明。第六章結(jié)論分析了系統(tǒng)的一些主要的優(yōu)、缺點(diǎn)，開發(fā)此系統(tǒng)的過程中所遇到的困難。最后是參考文獻(xiàn)和致謝。參考文獻(xiàn)中列出了本次畢業(yè)設(shè)計(jì)中所用到的參考資料和文中所引用到的定義與解釋的出處。致謝中對(duì)在本次畢業(yè)設(shè)計(jì)中給予指導(dǎo)和幫助的老師和同學(xué)表示由衷的感謝。</p><p><b>　　相關(guān)技術(shù)簡(jiǎn)介&l

32、t;/b></p><p><b>　　JSP技術(shù)</b></p><p>　　本系統(tǒng)采用JSP技術(shù)開發(fā)。因?yàn)镴SP與同類的CGI、ASP、PHP相比有著獨(dú)特的優(yōu)勢(shì)。JSP是Sun屬下Javasoft公司推出的技術(shù)，使用的Java語言是ASP、PHP和JSP三者中最新的技術(shù)。它以JavaServlet技術(shù)為基礎(chǔ)，又在許多方面作了改進(jìn)，并且充分借鑒了ASP和PHP

33、一些合理的地方。它的平臺(tái)無關(guān)性勝過ASP技術(shù)，而強(qiáng)大的JDBC數(shù)據(jù)庫(kù)接口規(guī)范又優(yōu)于PHP技術(shù)，而且JSP技術(shù)是以Java語言為基礎(chǔ)的，可以使用JavaBeans組件和自定義標(biāo)簽，因此具有良好的擴(kuò)展性。</p><p>　　總的來說，JSP業(yè)已成為目前主流的動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)技術(shù)之一。JSP有很多優(yōu)點(diǎn)。借助JSP技術(shù)，Web網(wǎng)頁(yè)設(shè)計(jì)人員可以使用HTML或者XML標(biāo)記來設(shè)計(jì)和風(fēng)格化Web頁(yè)面，使用JSP標(biāo)記來生成動(dòng)態(tài)的We

34、b頁(yè)面。在服務(wù)器端，JSP引擎負(fù)責(zé)解釋JSP標(biāo)記和腳本，生成請(qǐng)求的內(nèi)容，然后將結(jié)果以HTML頁(yè)面等形式發(fā)送回瀏覽器。這樣開發(fā)者可以保護(hù)自己的核心代碼，同時(shí)可以保證任何Web瀏覽器的高度兼容性。</p><p>　　JSP頁(yè)面可借助可重用的、跨平臺(tái)的組件（JavaBean），來執(zhí)行Web應(yīng)用所要求的極為復(fù)雜的業(yè)務(wù)處理。能夠共享和交換調(diào)用一般操作的組件，或者讓這些組件被別的開發(fā)人員或者開發(fā)團(tuán)隊(duì)所使用。</p&g

35、t;<p>　　此外，JSP技術(shù)無論是在跨平臺(tái)特性、運(yùn)行效率、企業(yè)級(jí)軟件開發(fā)還是商業(yè)支持方面都具有優(yōu)勢(shì)，從而使其成為目前和未來進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)的最佳工具之一[1]。</p><p>　　Microsoft SQL Server 2000</p><p>　　這次網(wǎng)站的設(shè)計(jì)選用Microsoft SQL Server 2000作為后臺(tái)數(shù)據(jù)庫(kù)。SQL Server 2000是一個(gè)

36、全面完整的數(shù)據(jù)庫(kù)。從借助瀏覽器實(shí)現(xiàn)的數(shù)據(jù)庫(kù)查詢功能到內(nèi)容豐富的擴(kuò)展標(biāo)記語言（XML）支持特性均可有力地證明，SQL Server 2000為全面支持Web功能的數(shù)據(jù)庫(kù)解決方案。與此同時(shí)，SQL Server 2000還在可伸縮性與可靠性方面保持著多項(xiàng)基準(zhǔn)測(cè)試紀(jì)錄，而這兩方面特性又都是企業(yè)數(shù)據(jù)庫(kù)系統(tǒng)在激烈市場(chǎng)競(jìng)爭(zhēng)中克敵致勝的關(guān)鍵所在。SQL Server 2000已經(jīng)通過美國(guó)政府C2級(jí)安全性認(rèn)證，具備目前業(yè)界最高等級(jí)的安全性[2]。<

37、;/p><p>　　對(duì)比SQL Server 2000 和其他的大型數(shù)據(jù)庫(kù)管理系統(tǒng)，SQL Server 2000 具有可靠的安全性，更快的存儲(chǔ)速度，高度的兼容性，因此應(yīng)用SQL Server 2000作為后臺(tái)數(shù)據(jù)庫(kù)為系統(tǒng)的開發(fā)提供了強(qiáng)有力的支持，并對(duì)以后軟件的運(yùn)行提供了堅(jiān)實(shí)的基礎(chǔ)。</p><p><b>　　Web服務(wù)器</b></p><p>

38、;　　Web服務(wù)器負(fù)責(zé)JSP文件的執(zhí)行。Tomcat是Apache公司組織開發(fā)的一種JSP引擎，由于自身具有Web服務(wù)器，可以作為獨(dú)立的Web服務(wù)器使用。</p><p>　　如今，基于Web的應(yīng)用越來越多，傳統(tǒng)的Html已經(jīng)滿足不了如今的需求。我們需要一個(gè)交互式的Web，于是便誕生了各種Web語言。如 Asp，Jsp，Php等。當(dāng)然，這些語言與傳統(tǒng)的語言有著密切的聯(lián)系，如Php基于C和C++語言，Jsp基于Ja

39、va語言。Tomcat即是一個(gè) Jsp和Servlet的運(yùn)行平臺(tái)。</p><p>　　由于Java的跨平臺(tái)特性，基于Java的Tomcat也具有跨平臺(tái)性。Tomcat確實(shí)是一個(gè)很好的工具，不僅僅因?yàn)槠涿赓M(fèi)，功能強(qiáng)大，更因?yàn)槠溟_放性。如今，開源軟件越來越收到人們的重視，Linux就是一個(gè)成功的典型[3]。在本次設(shè)計(jì)中，選擇使用的是Tomcat服務(wù)器。</p><p>　　分類數(shù)據(jù)庫(kù)與Jav

40、aScript</p><p>　　JDBC（Java DataBase Connectivity）是sun公司制定的Java分類數(shù)據(jù)庫(kù)技術(shù)。在安裝好數(shù)據(jù)庫(kù)后JSP并不能直接與數(shù)據(jù)庫(kù)分類[4]，這里選擇利用第三方JDBC驅(qū)動(dòng)程序分類數(shù)據(jù)庫(kù)。在項(xiàng)目開發(fā)中，如果頻繁在JSP頁(yè)面中使用數(shù)據(jù)庫(kù)分類函數(shù)，釋放函數(shù)進(jìn)行操作的話，勢(shì)必會(huì)非常麻煩，而且代碼的冗余量也很大，頁(yè)面很多的時(shí)候維護(hù)也會(huì)非常麻煩，頁(yè)面上到處都是數(shù)據(jù)庫(kù)分類和

41、釋放代碼。因此，可以利用公共數(shù)據(jù)庫(kù)訪問分類JavaBean的開發(fā)。通過將數(shù)據(jù)庫(kù)分類函數(shù)代碼，釋放函數(shù)代碼等封裝在JavaBean中，可以減少非常多的代碼編程工作，提高代碼可維護(hù)性。</p><p>　　JavaScript也叫小腳本語言，是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本語言，使用它的目的是與HTML超文本標(biāo)識(shí)語言、Java 腳本語言一起實(shí)現(xiàn)在一個(gè)網(wǎng)頁(yè)中分類多個(gè)對(duì)象，與網(wǎng)絡(luò)客戶交互作用，從而可以開發(fā)客戶

42、端的應(yīng)用程序。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的[5]。</p><p><b>　　CSS層</b></p><p>　　CSS層疊樣式表 (Cascading Style Sheet) 是一系列格式規(guī)則，它們控制網(wǎng)頁(yè)內(nèi)容的外觀。使用 CSS 可以非常靈活并更好地控制具體的頁(yè)面外觀，從精確的布局定位到特定的字體和樣式。并能極大的方便網(wǎng)頁(yè)制作的工作[6]。

43、這次設(shè)計(jì)中就學(xué)習(xí)使用了CSS層疊樣式表，在HTML文檔外部將一系列CSS規(guī)則存儲(chǔ)到一個(gè).CSS文件中。例如創(chuàng)建了一個(gè)名為body的選擇器。利用它來統(tǒng)一設(shè)計(jì)網(wǎng)站內(nèi)網(wǎng)頁(yè)背景及外部框架的樣式。在聲明中規(guī)定了頁(yè)面的背景、滾動(dòng)條的顏色樣式等。</p><p><b>　　系統(tǒng)分析</b></p><p><b>　　可行性分析</b></p>

44、<p>　　可行性分析是在全面調(diào)查的基礎(chǔ)上，針對(duì)新系統(tǒng)的開發(fā)是否具備必要性和可能性，對(duì)新系統(tǒng)的開發(fā)從技術(shù)、經(jīng)濟(jì)、運(yùn)行的方面進(jìn)行分析和研究，以避免投資失誤，保證新系統(tǒng)開發(fā)成功?？尚行匝芯康哪康木褪怯米钚〉拇鷥r(jià)在盡可能短的時(shí)間內(nèi)確定問題是否能夠解決。這部分將從以下三個(gè)方面進(jìn)行研究：技術(shù)可行性、經(jīng)濟(jì)可行性、操作可行性。</p><p><b>　?。?）技術(shù)可行性</b></p&

45、gt;<p>　　因?yàn)橛?jì)算機(jī)硬件的發(fā)展已經(jīng)越來越快，現(xiàn)在PC機(jī)的性能已經(jīng)可以勝任普通網(wǎng)站的web服務(wù)器。購(gòu)買一臺(tái)高性能PC機(jī)作為企業(yè)的網(wǎng)站服務(wù)器對(duì)于營(yíng)銷商來說并不是問題。</p><p>　　JSP是Java在Internet/Intranet Web上的重要應(yīng)用技術(shù)，可以和各種Java技術(shù)完好的結(jié)合在一起從而實(shí)現(xiàn)非常復(fù)雜的應(yīng)用。因此得到了廣泛的支持和承認(rèn)，成為一種非常流行的網(wǎng)站開發(fā)技術(shù)。利用JSP

46、技術(shù)可以建立先進(jìn)、安全和跨平臺(tái)的動(dòng)態(tài)網(wǎng)站。由于在學(xué)習(xí)數(shù)據(jù)庫(kù)時(shí)一直以SQL Server作為例子，所以采用Microsoft SQL Server2000作為數(shù)據(jù)庫(kù)的后臺(tái)。</p><p><b>　?。?）經(jīng)濟(jì)可行性</b></p><p>　　根據(jù)調(diào)查的資料，現(xiàn)在聘用一支團(tuán)隊(duì)設(shè)計(jì)并建設(shè)企業(yè)商務(wù)型網(wǎng)站的費(fèi)用為5300元左右，另外每年交納600元占用網(wǎng)站空間和網(wǎng)站維護(hù)費(fèi)

47、。為了使網(wǎng)站建成后能達(dá)到增加企業(yè)經(jīng)濟(jì)效益的效果，尋找一支創(chuàng)新與技術(shù)優(yōu)秀的團(tuán)隊(duì)最多需要增加3000元的一次性投資。這樣看來一個(gè)成功的網(wǎng)站建成后為這個(gè)營(yíng)銷商帶來的效益將會(huì)遠(yuǎn)大于成本。</p><p><b>　?。?）操作可行性</b></p><p>　　如今，計(jì)算機(jī)與網(wǎng)絡(luò)已經(jīng)非常地普及。特別是在企業(yè)信息化高需求與快速發(fā)展的時(shí)代，計(jì)算機(jī)應(yīng)用已經(jīng)成為企業(yè)員工必備的技能。由

48、于這個(gè)課題是以PC機(jī)作為服務(wù)器的網(wǎng)站，營(yíng)銷商可以自己對(duì)網(wǎng)站進(jìn)行操作和管理。</p><p><b>　　需求分析</b></p><p>　　商務(wù)系統(tǒng)隨著中國(guó)經(jīng)濟(jì)的高速發(fā)展發(fā)生了巨大的變化。專做營(yíng)銷的中小型企業(yè)隨著百姓個(gè)人消費(fèi)水平的增長(zhǎng)迅速成長(zhǎng)起來，但同時(shí)也帶來了這一行業(yè)激烈的競(jìng)爭(zhēng)。</p><p><b>　　業(yè)務(wù)需求分析</

49、b></p><p>　　網(wǎng)站的制作已經(jīng)不單單是把企業(yè)想要表達(dá)的內(nèi)容擺放在網(wǎng)站上那么簡(jiǎn)單，當(dāng)今的網(wǎng)站設(shè)計(jì)包含了更多的設(shè)計(jì)元素，給予瀏覽者更多的視覺享受。現(xiàn)在企業(yè)營(yíng)銷商需要用一些更新穎更有效的方式增強(qiáng)競(jìng)爭(zhēng)力。建設(shè)一個(gè)宣傳自身食品形象的電子商務(wù)營(yíng)銷模式的網(wǎng)站是一種有效的方法。另外，通過電子商務(wù)網(wǎng)站，拓寬自己的營(yíng)銷方式和市場(chǎng)，能夠幫助企業(yè)營(yíng)銷商從魚龍混雜的市場(chǎng)中脫穎而出，完善企業(yè)銷售與服務(wù)的環(huán)節(jié)，最終提升企業(yè)的價(jià)

50、值與經(jīng)濟(jì)效益。</p><p><b>　　用戶需求分析</b></p><p>　　這個(gè)網(wǎng)站以上面的業(yè)務(wù)需求為基礎(chǔ)，進(jìn)一步提出網(wǎng)站需要完成的以下任務(wù)：網(wǎng)站需要讓瀏覽者能看到商城的信息及動(dòng)態(tài)，另一個(gè)重要的內(nèi)容就是能夠顯示出該商城現(xiàn)有的各類型食品及其詳細(xì)信息；另外，企業(yè)營(yíng)銷商除了能像普通客戶一樣瀏覽網(wǎng)站之外，還需要對(duì)網(wǎng)站進(jìn)行管理。企業(yè)需要定期更新現(xiàn)有食品的詳細(xì)信息、商城

51、動(dòng)態(tài)和聯(lián)系方式，必要時(shí)還要對(duì)企業(yè)的介紹做更改。對(duì)于消費(fèi)者通過網(wǎng)站提交的各種訂單能夠進(jìn)行處理以方便銷售。</p><p><b>　　功能需求分析</b></p><p>　　根據(jù)上面的需求分析，需要設(shè)計(jì)出網(wǎng)站的前臺(tái)與后臺(tái)。用戶在前臺(tái)所瀏覽的內(nèi)容，網(wǎng)站的后臺(tái)需要能相應(yīng)的做出更新或修改。根據(jù)以上的想法，設(shè)計(jì)出網(wǎng)站的功能：</p><p>　　前臺(tái)用

52、戶相關(guān)功能主要包括：用戶注冊(cè)、登錄、修改密碼以及個(gè)人資料；瀏覽商品信息；購(gòu)物并查看購(gòu)物車；歷史訂單查詢；查看商城公告、友情鏈接網(wǎng)站。</p><p>　　后臺(tái)管理相關(guān)功能主要包括：添加食品；處理訂單；查詢用戶信息；添加食品分類；管理公告信息。</p><p>　　將以上這些功能制作成網(wǎng)頁(yè)以后，在其中分別互相建立分類，基本完成商城及用戶對(duì)網(wǎng)站的要求。</p><p>

53、<b>　　業(yè)務(wù)流程分析</b></p><p>　　將上面的需求分析進(jìn)行歸納。得出網(wǎng)站的兩個(gè)業(yè)務(wù)主角，即用戶與管理員。然后制定他們的相關(guān)活動(dòng)。對(duì)應(yīng)網(wǎng)站的功能可以確定，用戶活動(dòng)對(duì)應(yīng)網(wǎng)站前臺(tái)業(yè)務(wù)流程；管理員活動(dòng)對(duì)應(yīng)網(wǎng)站的后臺(tái)業(yè)務(wù)流程。在對(duì)業(yè)務(wù)流程分析中，盡量把業(yè)務(wù)主角的活動(dòng)考慮全面，使系統(tǒng)的功能盡量完整。</p><p><b>　　前臺(tái)業(yè)務(wù)流程分析</

54、b></p><p>　　前臺(tái)業(yè)務(wù)主要面向客戶。用戶可以瀏覽網(wǎng)站主頁(yè)、食品的介紹和一些服務(wù)信息。前臺(tái)業(yè)務(wù)流程如圖3.1所示。 </p><p>　　圖 3.1 前臺(tái)業(yè)務(wù)流程圖</p><p><b>　　后臺(tái)業(yè)務(wù)流程分析</b></p><p>　　在網(wǎng)站設(shè)計(jì)中，管理員完成對(duì)網(wǎng)站的維護(hù)與管理的工作。使用數(shù)據(jù)庫(kù)中權(quán)限

55、的功能對(duì)管理員設(shè)置權(quán)限，管理員可以對(duì)食品及食品分類的信息進(jìn)行新增，修改及刪除，也可以對(duì)訂單信息進(jìn)行查看、刪除、發(fā)貨等處理，同時(shí)管理員也可以對(duì)用戶信息進(jìn)行管理。流程圖如圖3.2所示。</p><p>　　圖 3.2 后臺(tái)業(yè)務(wù)流程圖</p><p><b>　　數(shù)據(jù)流程分析</b></p><p>　　在分析了系統(tǒng)的業(yè)務(wù)流程之后，就要分析系統(tǒng)的數(shù)據(jù)

56、流，為后面設(shè)計(jì)網(wǎng)站的數(shù)據(jù)庫(kù)做好基礎(chǔ)。這里主要利用數(shù)據(jù)流程圖來說明數(shù)據(jù)流程。數(shù)據(jù)流程圖是一個(gè)圖示工具，容易理解，容易在開發(fā)和用戶方之間進(jìn)行交流，以及在開發(fā)組織內(nèi)部交流。因此數(shù)據(jù)流程圖作為一種模型工具已經(jīng)廣泛使用在軟件工程的實(shí)踐中[7]。</p><p>　　根據(jù)前臺(tái)業(yè)務(wù)流程，可以將用戶的活動(dòng)分為兩類。用戶瀏覽所使用到的數(shù)據(jù)歸納為站內(nèi)信息，如食品信息等。而用戶提交的訂單則作為網(wǎng)站的訂單數(shù)據(jù)。相應(yīng)的，根據(jù)后臺(tái)業(yè)務(wù)流程，

57、管理員對(duì)網(wǎng)站內(nèi)容的添加、更新和刪除等所操作的數(shù)據(jù)定義為商城信息。網(wǎng)站數(shù)據(jù)流的總體圖如圖3.3所示。</p><p>　　圖 3.3 網(wǎng)站數(shù)據(jù)流的總體圖</p><p>　　進(jìn)一步分析網(wǎng)站的數(shù)據(jù)流程，得到網(wǎng)站的一級(jí)數(shù)據(jù)流程圖，如圖3.4所示。</p><p>　　圖 3.4 網(wǎng)站的一級(jí)數(shù)據(jù)流圖</p><p>　　上面得到的總體圖并不是整個(gè)網(wǎng)站

58、數(shù)據(jù)的詳細(xì)流程圖。它只是將網(wǎng)站的數(shù)據(jù)流進(jìn)行了一下分類。例如將商城信息分為了食品信息、分類信息和用戶信息。在總體圖的基礎(chǔ)上還可以將每一個(gè)處理的細(xì)節(jié)描述出來，從而畫出細(xì)節(jié)圖。</p><p><b>　　運(yùn)行環(huán)境及開發(fā)工具</b></p><p>　　操作系統(tǒng)：Windows XP。</p><p>　　數(shù)據(jù)庫(kù)：SQL Server 2000。&l

59、t;/p><p>　　Web應(yīng)用服務(wù)器：Tomcat5.0。</p><p>　　開發(fā)工具：Myeclipse8.5以上版本，Dreamweaver8。</p><p><b>　　系統(tǒng)總體設(shè)計(jì)</b></p><p><b>　　系統(tǒng)結(jié)構(gòu)設(shè)計(jì)</b></p><p>　　根據(jù)業(yè)

60、務(wù)流程，需要將網(wǎng)站劃分為前臺(tái)、后臺(tái)和數(shù)據(jù)庫(kù)。前臺(tái)中，客戶在登錄網(wǎng)站主頁(yè)后即可分類查看到食品的信息，還可以做訂購(gòu)食品等活動(dòng)。為了方便客戶搜索感興趣的食品信息，將食品搜索框放入到主頁(yè)面中。數(shù)據(jù)庫(kù)將要作為網(wǎng)站后臺(tái)重要的組成部分，管理員的主要操作幾乎全部圍繞數(shù)據(jù)庫(kù)，最后將更新的數(shù)據(jù)顯示給前臺(tái)。</p><p>　　前臺(tái)是一個(gè)比較大的功能群，它所包含的信息不僅數(shù)量多，而且種類不同。將它設(shè)計(jì)成比較優(yōu)化的結(jié)構(gòu)形式能組織好網(wǎng)站的

61、信息內(nèi)容并將其歸類，方便用戶獲得所需要的信息。其中每一部分都以盡量少的內(nèi)容顯示，以免瀏覽者看的眼花繚亂而失去耐心。系統(tǒng)的后臺(tái)要對(duì)整個(gè)網(wǎng)站的信息和數(shù)據(jù)進(jìn)行維護(hù)。網(wǎng)站前臺(tái)所顯示的信息在后臺(tái)都應(yīng)該有對(duì)應(yīng)的維護(hù)。這樣，除了設(shè)計(jì)后臺(tái)的各個(gè)管理界面外，為了方便管理員的工作，可以將各個(gè)管理的界面結(jié)合到一個(gè)頁(yè)面中。因此，各個(gè)管理的界面會(huì)作為主管理界面的分支。</p><p>　　在設(shè)計(jì)好網(wǎng)站前臺(tái)與后臺(tái)的結(jié)構(gòu)以后，就將數(shù)據(jù)庫(kù)加入到

62、結(jié)構(gòu)中。后臺(tái)將更新的數(shù)據(jù)寫入到數(shù)據(jù)庫(kù)中，前臺(tái)再將數(shù)據(jù)庫(kù)中的信息取出來并顯示。</p><p><b>　　功能模塊設(shè)計(jì)</b></p><p>　　層次模塊結(jié)構(gòu)是將系統(tǒng)劃分為若干子系統(tǒng)，子系統(tǒng)下再劃分為若干的模塊。而模塊是指具備有輸入輸出、邏輯功能、運(yùn)行程序和內(nèi)部數(shù)據(jù)四種屬性的一組程序。合理的功能模塊的劃分能夠極大限度地減少重復(fù)勞動(dòng)、提高開發(fā)工作的效率并增大系統(tǒng)的可維

63、護(hù)性。</p><p>　　以前面的系統(tǒng)分析為基礎(chǔ)，將系統(tǒng)分為兩大模塊，即前臺(tái)模塊和后臺(tái)模塊。網(wǎng)上食品商店的功能結(jié)構(gòu)如圖4.1所示。</p><p>　　圖 4.1 網(wǎng)上食品商店功能結(jié)構(gòu)圖</p><p>　　前臺(tái)模塊的功能模塊設(shè)計(jì)</p><p>　　前臺(tái)模塊主要為登陸網(wǎng)站的用戶提供食品和服務(wù)的信息，填寫并提交訂單的服務(wù)。這樣，將前臺(tái)模塊再

64、細(xì)分為用戶管理模塊、商品信息模塊、訂單查詢模塊、購(gòu)物車模塊、商城公告信息模塊。顧名思義，這些模塊的名稱基本概括了它們的功能。下面詳細(xì)說明一下這些功能模塊的設(shè)計(jì)：</p><p>　?。?）用戶管理模塊：</p><p>　　為了方便網(wǎng)站的管理，必須有一套完整的用戶管理體系。該網(wǎng)站用戶管理模塊主要實(shí)現(xiàn)用戶的注冊(cè)、登錄以及修改個(gè)人信和重置密碼的功能。</p><p>&

65、lt;b>　　（2）購(gòu)物車模塊：</b></p><p>　　在超市購(gòu)物，可以根據(jù)自己的需要將食品挑選至購(gòu)物車中，然后到收銀臺(tái)結(jié)款。而在網(wǎng)上虛擬的商城中，當(dāng)然沒有辦法使用真正的購(gòu)物工具。因此，通常都會(huì)采用一種被稱為“購(gòu)物車”的技術(shù)來模擬現(xiàn)實(shí)生活。在網(wǎng)上商城中，所選食品須通過購(gòu)物車進(jìn)行暫存，然后生產(chǎn)訂單。這種技術(shù)使用起來十分方便，不但可以隨時(shí)添加、查看、修改、清空購(gòu)物車中的內(nèi)容，還可以隨時(shí)去收銀臺(tái)

66、結(jié)款。</p><p><b>　?。?）訂單模塊：</b></p><p>　　用戶提交訂單后，通過產(chǎn)生的訂單號(hào)查詢訂單信息及執(zhí)行狀態(tài)。只需要根據(jù)用戶錄入的訂單號(hào)在數(shù)據(jù)表中查詢出對(duì)應(yīng)的貨品信息即可。</p><p>　?。?）商城公告模塊：</p><p>　　商城公告是一個(gè)商務(wù)網(wǎng)站中不可缺少的組成部分，它可以增進(jìn)用戶

67、與網(wǎng)站之間的交流。在現(xiàn)實(shí)網(wǎng)絡(luò)開發(fā)中存在著各種各樣的商城公告，但它們都由基于瀏覽商城公告及添加商城公告2部分組成。還包括一些友情網(wǎng)站的鏈接。</p><p>　?。?）商品信息模塊：</p><p>　　為用戶詳細(xì)的介紹各個(gè)食品的廠家、規(guī)格、價(jià)格等信息。</p><p>　　這樣子模塊各自的內(nèi)容基本設(shè)計(jì)好。下面可以設(shè)計(jì)如何將這些模塊組織在一起，構(gòu)成一個(gè)結(jié)構(gòu)比較合理的前

68、臺(tái)了。除了在主頁(yè)中建立面向其他模塊的分類外，也要在其他模塊中建立返回主頁(yè)面的分類。另外各個(gè)模塊間也應(yīng)該互相分類起來。</p><p>　　后臺(tái)管理模塊的功能模塊設(shè)計(jì)</p><p>　　后臺(tái)管理模塊的功能是對(duì)站內(nèi)的資源進(jìn)行管理和維護(hù)。以后臺(tái)的業(yè)務(wù)流程分析和前臺(tái)各個(gè)模塊的設(shè)計(jì)為基礎(chǔ)、根據(jù)用戶的需求分析來確定后臺(tái)管理模塊應(yīng)具有的功能。后臺(tái)管理模塊的各個(gè)子功能模塊如下：</p>&

69、lt;p>　　（1）管理員身份驗(yàn)證模塊：</p><p>　　為合法用戶提供一個(gè)后臺(tái)入口。該模塊的功能是對(duì)管理員身份進(jìn)行能夠驗(yàn)證。用戶輸入登錄ID和密碼后，系統(tǒng)將判斷登錄ID及密碼的有效性，如果通過驗(yàn)證則進(jìn)入后臺(tái)主頁(yè)，反之則提示錯(cuò)誤。</p><p>　?。?）食品管理模塊：</p><p>　　向食品表插入前臺(tái)首頁(yè)展示的食品信息，也就是添加食品信息的功能。&

70、lt;/p><p>　?。?）處理訂單模塊：</p><p>　　網(wǎng)站管理者對(duì)用戶訂單是否出貨的管理。</p><p>　　（4）用戶信息管理模塊：</p><p>　　查詢注冊(cè)的所有用戶，對(duì)一些非法或失信用戶進(jìn)行刪除操作 。</p><p>　?。?）公告信息管理模塊：</p><p>　　網(wǎng)站向

71、用戶發(fā)布最新公告信息。</p><p>　　（6）友情鏈接網(wǎng)址信息管理模塊：</p><p>　　管理員向前臺(tái)首頁(yè)添加友情鏈接，并可刪除或修改。</p><p><b>　　數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　數(shù)據(jù)庫(kù)是數(shù)據(jù)庫(kù)應(yīng)用程序的重要組成部分。一個(gè)結(jié)構(gòu)合理的數(shù)據(jù)庫(kù)對(duì)于應(yīng)用程序的開發(fā)效率和程序的性能都是非常重要的。

72、數(shù)據(jù)庫(kù)的設(shè)計(jì)過程大致如下：</p><p>　　（1）根據(jù)用戶需求，確定數(shù)據(jù)庫(kù)中要保存的數(shù)據(jù)信息。對(duì)用戶需求進(jìn)行分析時(shí)數(shù)據(jù)庫(kù)設(shè)計(jì)的第一個(gè)階段。不斷的調(diào)查與研究用戶需求，了解企業(yè)運(yùn)作流程等系統(tǒng)需求，使設(shè)計(jì)概念模型的基礎(chǔ)。</p><p>　?。?）設(shè)計(jì)數(shù)據(jù)庫(kù)的概念模型。概念模型是按用戶的觀點(diǎn)來對(duì)數(shù)據(jù)建模，使用與進(jìn)行信息世界建模的工具。它對(duì)整個(gè)數(shù)據(jù)庫(kù)的設(shè)計(jì)具有深刻的影響。</p>

73、<p>　　（3）邏輯結(jié)構(gòu)設(shè)計(jì)。邏輯結(jié)構(gòu)是把概念結(jié)構(gòu)轉(zhuǎn)化為與所采用的數(shù)據(jù)庫(kù)管理系統(tǒng)所支持的數(shù)據(jù)模型相符合的過程。</p><p>　?。?）數(shù)據(jù)庫(kù)的實(shí)施和維護(hù)。</p><p>　　在設(shè)計(jì)好前臺(tái)與后臺(tái)的功能模塊后，就開始進(jìn)行數(shù)據(jù)庫(kù)的設(shè)計(jì)了。根據(jù)網(wǎng)站系統(tǒng)的分析，數(shù)據(jù)庫(kù)是整個(gè)網(wǎng)站的核心。從前臺(tái)顯示的信息到后臺(tái)操作的對(duì)象，都是圍繞數(shù)據(jù)庫(kù)展開的。</p><p>

74、;<b>　　E-R圖</b></p><p>　　E-R圖是一種概念模型。概念模型實(shí)際上是現(xiàn)實(shí)世界到機(jī)器世界的一個(gè)中間層次。概念模型用于信息世界的建模，是顯示世界到信息世界的第一層抽象，使數(shù)據(jù)庫(kù)設(shè)計(jì)人員進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)的有利工具，也是數(shù)據(jù)庫(kù)設(shè)計(jì)人員和用戶之間進(jìn)行交流的語言，因此概念模型一方面應(yīng)該具有較強(qiáng)的語義表達(dá)能力，能夠方便、直接的表達(dá)應(yīng)該用眾的各種語義知識(shí)，另一方面他還應(yīng)該簡(jiǎn)單、清晰并且

75、易于用戶理解[7]。以下是各個(gè)數(shù)據(jù)表的實(shí)體圖。</p><p>　?。?）商品信息表tb_goods的實(shí)體圖</p><p>　　圖 4.1 商品信息表tb_goods的實(shí)體圖</p><p>　　（2）用戶信息表tb_member的實(shí)體圖</p><p>　　圖 4.2 用戶信息表tb_member的實(shí)體圖</p><p

76、>　　（3）公告信息表tb_affiche的實(shí)體圖</p><p>　　圖 4.3 公告信息表tb_affiche的實(shí)體圖</p><p>　　(4) 訂單生成表tb_order的實(shí)體圖</p><p>　　圖 4.4 訂單生成表tb_order的實(shí)體圖</p><p>　?。?）訂單商品詳細(xì)表tb_orderDetail的實(shí)體圖<

77、;/p><p>　　圖 4.5 訂單商品詳細(xì)表tb_orderDetail的實(shí)體圖</p><p>　?。?）大類別信息表tb_bigType的實(shí)體圖</p><p>　　圖 4.6大類別信息表tb_bigType的實(shí)體圖</p><p>　　（7）管理員信息表tb_manager的實(shí)體圖</p><p>　　圖 4.7

78、管理員信息表tb_manager的實(shí)體圖</p><p>　　（8）小類別信息表tb_smallType的實(shí)體圖</p><p>　　圖 4.8 小類別信息表tb_smallType的實(shí)體圖</p><p>　?。?）鏈接網(wǎng)站信息表tb_link的實(shí)體圖</p><p>　　圖 4.9鏈接網(wǎng)站信息表tb_link的實(shí)體圖</p>

79、<p>　　（10）用戶E_R圖</p><p>　　圖 4.10 用戶E-R圖</p><p>　?。?1）管理員E-R圖</p><p>　　圖 4.11 管理員E-R圖</p><p><b>　　基本表設(shè)計(jì)</b></p><p>　　表的設(shè)計(jì)是這次設(shè)計(jì)的一個(gè)核心內(nèi)容。根據(jù)前面

80、對(duì)網(wǎng)站前臺(tái)與后臺(tái)功能模塊的分析和對(duì)數(shù)據(jù)庫(kù)中實(shí)體關(guān)系的設(shè)計(jì)，可以看到網(wǎng)站中所用到的數(shù)據(jù)信息基本包括：商品信息、用戶信息、公告信息、訂單信息、訂單詳細(xì)信息、大類別信息、小類別信息、管理員信息、鏈接網(wǎng)站信息等。下面是為數(shù)據(jù)庫(kù)設(shè)計(jì)的表：</p><p>　?。?）商品信息表tb_goods</p><p>　　商品信息表tb_goods用來保存食品的基礎(chǔ)信息。結(jié)構(gòu)如表4.1所示。</p>

81、;<p>　　表4.1 tb_goods的結(jié)構(gòu)</p><p>　　（2）用戶信息表tb_member</p><p>　　用戶信息表tb_member用來保存用戶信息。表tb_member的結(jié)構(gòu)如表4.2下。</p><p>　　表4.2 tb_member的結(jié)構(gòu)</p><p>　?。?）公告信息表tb_affiche<

82、;/p><p>　　公告信息表tb_affiche用來記錄公告信息。表tb_affiche的結(jié)構(gòu)如表4.3所示。</p><p>　　表4.3 tb_affiche的結(jié)構(gòu)</p><p>　?。?）訂單生成表tb_order</p><p>　　訂單生成表tb_order用來記錄新生成的訂單。表tb_order的結(jié)構(gòu)如表4.4所示。</p&

83、gt;<p>　　表4.4 tb_order的結(jié)構(gòu)</p><p>　　（5）訂單商品表tb_orderDetail</p><p>　　訂單商品表tb_orderDetail用來記錄某一訂單中所定購(gòu)的食品的詳細(xì)信息。表tb_orderDetail的結(jié)構(gòu)如表4.5所示。</p><p>　　表4.5 tb_orderDetail的結(jié)構(gòu)</p>

84、;<p>　　（6）友情鏈接網(wǎng)站表tb_link</p><p>　　友情鏈接網(wǎng)站表tb_link主要用于記錄友情鏈接網(wǎng)站。表tb_link的結(jié)構(gòu)如表4.6所示。</p><p>　　表4.6 tb_link的結(jié)構(gòu)</p><p>　?。?）管理員信息表tb_manager</p><p>　　管理員信息表tb_manager主

85、要用于記錄管理員的信息。表tb_manager的結(jié)構(gòu)如表4.7所示。</p><p>　　表4.7 tb_manager的結(jié)構(gòu)</p><p>　?。?）大分類信息表tb_bigType</p><p>　　大分類信息表tb_bigType主要用于記錄后臺(tái)食品的大類別信息。表tb_bigType的結(jié)構(gòu)如表4.8所示。</p><p>　　表4

86、.8 tb_bigType的結(jié)構(gòu)</p><p>　　（9）小類別信息表tb_smallType</p><p>　　小分類信息表tb_smallType主要用于記錄后臺(tái)食品的小類別信息。表tb_smallType的結(jié)構(gòu)如表4.9所示。</p><p>　　表4.9 tb_smallType的結(jié)構(gòu)</p><p><b>　　系統(tǒng)實(shí)

87、現(xiàn)</b></p><p>　　在上面著重討論了系統(tǒng)各個(gè)模塊功能的設(shè)計(jì)，并詳細(xì)分析了每一個(gè)模塊的功能。在本章將具體討論如何實(shí)現(xiàn)功能模塊，最終實(shí)現(xiàn)整個(gè)系統(tǒng)。經(jīng)過這個(gè)階段的設(shè)計(jì)工作，應(yīng)該得出對(duì)目標(biāo)系統(tǒng)的描述，從而在編碼階段可以把這個(gè)描述直接翻譯成用JSP網(wǎng)頁(yè)設(shè)計(jì)語言書寫的程序。</p><p><b>　　程序設(shè)計(jì)</b></p><p&g

88、t;　　本系統(tǒng)設(shè)計(jì)的網(wǎng)站在設(shè)計(jì)過程中包含頁(yè)面（HTML）的設(shè)計(jì)以及客戶端驗(yàn)證機(jī)制（JavaScript）的設(shè)計(jì)。JavaScript也叫小腳本語言，他是一種非常流行的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。他不僅能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果，而且能夠在一定程度上檢測(cè)網(wǎng)頁(yè)的錯(cuò)誤，從而在一定程度上實(shí)現(xiàn)網(wǎng)站的安全。本系統(tǒng)應(yīng)用服務(wù)器端JSP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，以及在Serverlet和JavaBean的可重用組件技術(shù)的支持下，結(jié)合客戶端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)Javascript以及與HTML

89、的無縫結(jié)合的設(shè)計(jì)，從而方便系統(tǒng)的實(shí)現(xiàn)[8]。</p><p>　　系統(tǒng)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　如果將網(wǎng)站比作一個(gè)人的話，服務(wù)器就像大腦，數(shù)據(jù)庫(kù)就像五臟六腑，其內(nèi)嵌的Java和JavaScript組合起來就像是細(xì)胞與神經(jīng)，而網(wǎng)頁(yè)就是這個(gè)人的皮肉。網(wǎng)頁(yè)將網(wǎng)站的各個(gè)組成部分包裹起來，形成易懂并且美觀的外表展示給大家。瀏覽者登陸網(wǎng)站后看到的就是一個(gè)個(gè)網(wǎng)頁(yè)的組合。所以設(shè)計(jì)和實(shí)現(xiàn)每一個(gè)網(wǎng)

90、頁(yè)也是非常重要的工作。</p><p>　　隨著科技的高速發(fā)展，眾多網(wǎng)頁(yè)制作的應(yīng)用軟件應(yīng)運(yùn)而生。相對(duì)于傳統(tǒng)的動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)工具而言，由于繼承了Java語言的許多優(yōu)點(diǎn)，用JSP開發(fā)動(dòng)態(tài)網(wǎng)站十分方便，開發(fā)效率較高。此外，JSP還具有強(qiáng)大的組件（Java Bean）支持功能，可以方便地實(shí)現(xiàn)組件復(fù)用，進(jìn)一步提高了開發(fā)效率。</p><p>　　在整個(gè)網(wǎng)頁(yè)的制作過程中，都是結(jié)合使用HTML語言來實(shí)現(xiàn)設(shè)

91、計(jì)的。系統(tǒng)的頁(yè)面設(shè)計(jì)決定了網(wǎng)站的風(fēng)格, 制作好的網(wǎng)站不僅提供給營(yíng)銷商，更多的要供瀏覽者瀏覽。所以整個(gè)網(wǎng)站系統(tǒng)應(yīng)注重的是：易導(dǎo)航性、易操作性和友好的交互界面。因此，網(wǎng)站的設(shè)計(jì)最好要簡(jiǎn)潔、明了、格調(diào)清新、實(shí)用、易于使用和維護(hù)。在頁(yè)面的風(fēng)格上應(yīng)保持統(tǒng)一，這里采用CSS樣式表將所有頁(yè)面的字體、字號(hào)、顏色以及超分類的樣式做統(tǒng)一定義。</p><p><b>　　前臺(tái)功能模塊的實(shí)現(xiàn)</b></p&

92、gt;<p>　　整個(gè)系統(tǒng)分為了前臺(tái)功能模塊和后臺(tái)功能模塊。下面詳細(xì)討論主要的幾個(gè)功能模塊的程序?qū)崿F(xiàn)。在每個(gè)模塊的介紹中，將具體說明一些涉及要點(diǎn)。</p><p>　　前臺(tái)功能模塊分為用戶模塊、訂單模塊、購(gòu)物車模塊、商城公告模塊、商品信息模塊5個(gè)部分。前臺(tái)首頁(yè)主要有以下幾個(gè)部分：</p><p>　?。?）網(wǎng)站導(dǎo)航：主要用戶顯示網(wǎng)站的旗幟廣告、各功能模塊導(dǎo)航；</p&g

93、t;<p>　　（2）用戶登錄：用戶在此注冊(cè)、登錄或修改密碼；</p><p>　?。?）食品分類搜索：用戶按食品類別進(jìn)行搜索顯示；</p><p>　　（4）銷售排行榜：按照食品的銷售數(shù)量顯示銷售排行信息；</p><p>　　（5）特價(jià)商品：顯示所有特價(jià)商品的信息；</p><p>　?。?）食品展示區(qū)：按后臺(tái)添加食品的時(shí)間

94、順序展示食品；</p><p>　?。?）商城公告：顯示商城公告信息；</p><p>　?。?）會(huì)員修改：修改會(huì)員的個(gè)人資料；</p><p>　?。?）后臺(tái)登錄入口：管理員可以通過該入口登錄后臺(tái)。</p><p>　?。?0）食品關(guān)鍵字搜索：按照食品的關(guān)鍵字進(jìn)行搜索顯示。</p><p>　　首頁(yè)運(yùn)行結(jié)果如圖5.1

95、所示。</p><p>　　圖 5.1 首頁(yè)運(yùn)行結(jié)果</p><p><b>　　用戶管理模塊</b></p><p>　　用戶管理模塊主要實(shí)現(xiàn)用戶的注冊(cè)、登錄、修改密碼及個(gè)人資料等功能。</p><p><b>　　（1）用戶注冊(cè)</b></p><p>　　當(dāng)用戶第一次登

96、錄時(shí)首先要在網(wǎng)站上注冊(cè)，成為會(huì)員用戶才可以在網(wǎng)站上購(gòu)物，注冊(cè)頁(yè)面必須填寫一些用戶的基本信息，如用戶名、密碼、聯(lián)系電話等信息。要注意的是，在用戶注冊(cè)頁(yè)面fg-memberRegister.jsp中用戶自定義JavaScript檢驗(yàn)用戶注冊(cè)信息不允許為空。</p><p>　　用戶注冊(cè)頁(yè)面fg-memberRegister.jsp如圖5.2所示。</p><p>　　圖 5.2 用戶注冊(cè)頁(yè)面運(yùn)

97、行結(jié)果</p><p>　　為了便于網(wǎng)站對(duì)用戶的管理，在用戶注冊(cè)頁(yè)面接收到的注冊(cè)信息要經(jīng)過嚴(yán)格的過濾，保證注冊(cè)用戶名的唯一性，在提交表單后需要對(duì)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行查詢，如果沒有找到，則在插入數(shù)據(jù)表時(shí)提示注冊(cè)成功，否則提示此用戶已被占用請(qǐng)重新注冊(cè)。用戶注冊(cè)的流程圖如圖5.3所示。</p><p>　　圖 5.3用戶注冊(cè)系統(tǒng)流程圖</p><p><b>　　

98、（2）用戶登錄</b></p><p>　　用戶登錄窗口設(shè)置在首頁(yè)上，主要用來接收用戶錄入的用戶名及密碼。單擊“注冊(cè)”按鈕時(shí)，會(huì)提交到fg-memberRegister.jsp頁(yè)面執(zhí)行；單擊“登錄”按鈕時(shí)，系統(tǒng)將對(duì)輸入的用戶名和密碼進(jìn)行驗(yàn)證，如果數(shù)據(jù)表中用戶名和密碼存在就顯示登陸成功，并返回首頁(yè)，否則彈出錯(cuò)誤提示信息。用戶登錄的流程圖如圖5.4所示。</p><p>　　圖 5

99、.4 用戶登錄系統(tǒng)流程圖</p><p><b>　?。?）修改個(gè)人信息</b></p><p>　　當(dāng)用戶的個(gè)人信息出現(xiàn)變動(dòng)時(shí)，重新注冊(cè)新的用戶名浪費(fèi)時(shí)間，也浪費(fèi)網(wǎng)站的資源，用戶可以通過會(huì)員修改這個(gè)選項(xiàng)來修改個(gè)人信息。頁(yè)面如圖5.5所示。</p><p>　　圖 5.5修改個(gè)人信息頁(yè)面運(yùn)行結(jié)果</p><p>　　用戶

100、單擊“提交”按鈕，系統(tǒng)會(huì)將上表中所示的數(shù)據(jù)表單提交頁(yè)用來驗(yàn)證提交過來的條件是否完全符合數(shù)據(jù)庫(kù)中的查找條件，只有符合才能修改個(gè)人信息。</p><p>　　（4）忘記登錄密碼可以重新設(shè)置密碼</p><p>　　當(dāng)用戶忘記自己的密碼時(shí)可以重新設(shè)置，只要用戶記得自己的會(huì)員賬號(hào)，頁(yè)面如圖5.6所示。</p><p><b>　　圖5.6 重置密碼</b&g

101、t;</p><p><b>　　商品信息模塊</b></p><p>　　當(dāng)客戶想購(gòu)買某一種商品，而沒有記住商品的全名時(shí)可以在搜索框中輸入商品所含有的關(guān)鍵詞來搜索商品。在前臺(tái)輸入關(guān)鍵詞，然后通過關(guān)鍵詞到數(shù)據(jù)庫(kù)里查找到所有商品名字里包含這個(gè)關(guān)鍵詞的數(shù)據(jù)，再返回到前臺(tái)頁(yè)面，并把他們循環(huán)逐頁(yè)顯示出來。頁(yè)面如圖5.7所示。圖為搜索含關(guān)鍵字“花”的商品。</p>

102、<p>　　圖5.7 搜索框查找商品</p><p>　　搜索框查找商品的流程圖如圖5.8所示</p><p>　　圖5.8 搜素商品流程圖</p><p><b>　　購(gòu)物車模塊</b></p><p>　　購(gòu)物車模塊中，主要包含以下幾個(gè)功能，即：添加購(gòu)物車、查看購(gòu)物車、生成訂單和清空購(gòu)物車。購(gòu)物車頁(yè)運(yùn)行

103、結(jié)果如圖5.9所示。</p><p>　　圖 5.9 購(gòu)物車頁(yè)面運(yùn)行結(jié)果</p><p><b>　　(1)添加購(gòu)物車</b></p><p>　　添加購(gòu)物車就是把用戶選中的食品暫時(shí)存放在購(gòu)物車中，當(dāng)用戶在前臺(tái)首頁(yè)中單擊食品展示區(qū)的“購(gòu)買”按鈕時(shí)，系統(tǒng)會(huì)將該食品的詳細(xì)信息展示在查看物品清單頁(yè)面中。用戶在單擊物品清單頁(yè)面下方的“放入購(gòu)物車”分類，

104、便可以將該食品放入購(gòu)物車中。</p><p>　　添加食品的代碼流程是從session中讀取對(duì)象，如果為空則說明還沒有進(jìn)行購(gòu)物或者已經(jīng)清空了購(gòu)物車，需要新建購(gòu)物車對(duì)象；將食品名稱與購(gòu)物車列表中的食品名稱對(duì)比，如果已經(jīng)存在，則把食品數(shù)量加1。</p><p>　　在這段代碼流程中，還使用了集合類型。集合類型在Java中又稱為向量，是一元集合，可以加入重復(fù)數(shù)據(jù)，它的作用和數(shù)組相同，可以保存一系

105、列數(shù)據(jù)，但集合類型也有它獨(dú)特的優(yōu)點(diǎn)，就是可以方便地對(duì)集合內(nèi)的數(shù)據(jù)進(jìn)行查找、增加、刪除和修改等操作。</p><p><b>　　(2)查看購(gòu)物車</b></p><p>　　為了方便用戶隨時(shí)查看購(gòu)物情況，在網(wǎng)站的首頁(yè)加入了查看購(gòu)物車的超分類，通過它可以將用戶所有選中的食品信息放入購(gòu)物車中顯示出來。在程序中使用了一組文本框記錄用戶購(gòu)買的食品數(shù)量，用戶可以在文本框中輸入想

106、要購(gòu)買的數(shù)量然購(gòu)單擊“修改數(shù)量”按鈕。如果欲刪除該食品，可以在數(shù)量文本框里輸入“0”，并需要單擊“修改”按鈕來更新購(gòu)物車中食品的數(shù)量。</p><p>　　系統(tǒng)每次只會(huì)將1個(gè)食品放入購(gòu)物車中，如果用戶需要多個(gè)同種食品，可以通過修改食品信息右側(cè)相應(yīng)文本框的值來完成。操作完成后需要通過單擊“修改數(shù)量”按鈕來保存操作。</p><p><b>　?。?）生成訂單</b>&l

107、t;/p><p>　　生成訂單是網(wǎng)上購(gòu)物商城的最終目的，前面所有功能的實(shí)現(xiàn)都是為最后生成一個(gè)用戶滿意的訂單作基礎(chǔ)，在此要生成一個(gè)可供用戶隨時(shí)查詢的訂單號(hào)，還要保存用戶訂單中所購(gòu)買的食品信息。當(dāng)用戶確認(rèn)對(duì)購(gòu)物車不再改變以后，就可以到收銀臺(tái)結(jié)帳并生成訂單。結(jié)帳的流程為：從購(gòu)物車中讀取食品名稱，食品數(shù)量，食品價(jià)格信息，生成一個(gè)唯一的訂單號(hào)，同時(shí)也把用戶注冊(cè)的基本信息讀取出來，形成一個(gè)完整的訂單寫入數(shù)據(jù)庫(kù)。</p>

108、;<p>　　在生成訂單模塊中主要使用了調(diào)出用戶信息并生成唯一訂單號(hào)，調(diào)出用戶信息就是完全的對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，利用session對(duì)象把登錄后的用戶名保存起來，在訂單生成時(shí)把保存的用戶名從數(shù)據(jù)庫(kù)的用戶標(biāo)中取出即可；生成唯一訂單號(hào)方法有很多，只要確保訂單號(hào)碼的唯一性及方便用戶記錄以便于查詢自己訂單的執(zhí)行狀態(tài)即可。</p><p>　　訂單生成后，用戶單擊“提交”按鈕，便可以將錄入的訂單信息保存到數(shù)據(jù)庫(kù)中

109、。購(gòu)物車以及生成訂單流程圖如圖5.10所示。</p><p>　　圖 5.10購(gòu)物車模塊流程圖</p><p><b>　　訂單查詢模塊</b></p><p>　　用戶提交訂單后，通過產(chǎn)生的訂單號(hào)查詢訂單信息及執(zhí)行狀態(tài)。用戶在購(gòu)物中心首頁(yè)中單擊“查看訂單”超分類，就可以進(jìn)入歷史訂單頁(yè)面，在頁(yè)面的文本框中顯示所有訂購(gòu)的商品情況，用戶可查詢對(duì)應(yīng)的

110、貨品的詳細(xì)信息并查看是否出貨。</p><p><b>　　商城公告模塊</b></p><p>　　商城公告模塊由瀏覽商城公告和添加商城公告兩部分組成。下面分別對(duì)這兩部分進(jìn)行介紹。</p><p><b>　　(1)瀏覽商城公告</b></p><p>　　單擊網(wǎng)站首頁(yè)的“商城公告”進(jìn)入商城公告頁(yè)

111、面，在該頁(yè)面中，主要顯示由管理員發(fā)布的公告，以便其他用戶查閱。</p><p><b>　　(2)添加公告</b></p><p>　　添加公告是管理員與用戶的一種交流模式，只有把商場(chǎng)想要表達(dá)的內(nèi)容添加至數(shù)據(jù)庫(kù)中，才能在瀏覽商城公告中進(jìn)行顯示。商城公告模塊的流程圖如圖5.11所示。</p><p>　　圖 5.11 商城公告模塊流程圖</

112、p><p><b>　　后臺(tái)功能模塊的實(shí)現(xiàn)</b></p><p>　　后臺(tái)功能只允許具有管理員權(quán)限的用戶使用，它是實(shí)現(xiàn)前臺(tái)功能的基礎(chǔ)。后臺(tái)包括管理員身份驗(yàn)證、添加食品模塊、訂單信息管理模塊、查詢用戶信息管理模塊、添加分類模塊、公告信息管理模塊以及友情鏈接管理模塊。后臺(tái)首頁(yè)主要有以下幾個(gè)部分。</p><p>　　（1）后臺(tái)導(dǎo)航區(qū)：放置管理員可操作

113、項(xiàng)目的分類；</p><p>　?。?）操作區(qū)：顯示所有后臺(tái)導(dǎo)航的分類信息。</p><p><b>　　管理員登錄模塊</b></p><p>　　在前臺(tái)首頁(yè)單擊管理員入口，將轉(zhuǎn)到管理員登錄頁(yè)面，該頁(yè)面的功能是對(duì)管理員身份進(jìn)行驗(yàn)證。在管理員登錄頁(yè)面中，是通過JavaScript來實(shí)現(xiàn)錄入數(shù)據(jù)完整性驗(yàn)證的。用戶輸入登錄ID和密碼后單擊“登錄”按