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

1、 網(wǎng)上食品商店的設(shè)計(jì)與實(shí)現(xiàn) 院院 ( (系系) ) 信息學(xué)院信息學(xué)院 專(zhuān)專(zhuān) 業(yè)業(yè) 計(jì)算機(jī)科學(xué)與技術(shù)計(jì)算機(jī)科學(xué)與技術(shù) 班班 級(jí)級(jí) 學(xué)學(xué) 號(hào)號(hào) 姓姓 名名 指導(dǎo)教師指導(dǎo)教師 20132013 年年 5 5 月月 2 2 日日 摘 要 本文研究了一個(gè)網(wǎng)上食品商店系統(tǒng)，此方案具有用戶(hù)使用更簡(jiǎn)單、界面更 直觀等優(yōu)點(diǎn)。雖然網(wǎng)上食品商店在我國(guó)興起的時(shí)間還不是太長(zhǎng)，但它發(fā)展很快。 隨著我國(guó)互聯(lián)網(wǎng)的普及和網(wǎng)上食品商店的日趨成熟，會(huì)有越來(lái)越多的消費(fèi)群體 加入到這個(gè)行列中來(lái)，市場(chǎng)潛力會(huì)得到充分的發(fā)揮。 食品在網(wǎng)上銷(xiāo)售不僅是傳統(tǒng)銷(xiāo)售渠道的發(fā)展和補(bǔ)充，也是未來(lái)食品銷(xiāo)售的 發(fā)展方向。網(wǎng)絡(luò)給人們帶來(lái)了實(shí)惠,也給商品帶來(lái)了廣

2、闊的生存空間。網(wǎng)上食 品商店具有很多新的特性。它的營(yíng)業(yè)成本比傳統(tǒng)意義上的商店低得多。它不需 要將大筆的流動(dòng)資金買(mǎi)貨品,可依靠“零庫(kù)存”管理，縮短資金周轉(zhuǎn)的周期。 同時(shí)網(wǎng)上食品商店更容易開(kāi)拓市場(chǎng)，實(shí)現(xiàn)市場(chǎng)的整合。 本文分析了系統(tǒng)實(shí)現(xiàn)中的難點(diǎn)和重點(diǎn)。設(shè)計(jì)實(shí)現(xiàn)銷(xiāo)售排行、新品上架、特 價(jià)商品、查看訂單、購(gòu)物車(chē)和會(huì)員修改個(gè)人信息等的 jsp 頁(yè)面 。分析并解決 實(shí)現(xiàn)中的若干技術(shù)問(wèn)題,建立完整的網(wǎng)上食品商店系統(tǒng)，并分析結(jié)果。 關(guān)鍵詞關(guān)鍵詞：網(wǎng)上食品商店系統(tǒng)，jsp，數(shù)據(jù)庫(kù) abstract an online grocery store system with a simple and intuitive

3、 user interface is developed in this paper. online food stores in china are developing rapidly, 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

4、 given enough room to show. 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 to people, and also a broad space of goods. online food store has many new features, su

5、ch as much lower operating cost than traditional stores. it does not require an enormous amount of liquidity to buy goods. online food store can rely on the zero inventory management and shorten the period of funds turnover at the same time. online food stores are much easier to open up the market a

6、nd realize the integration of the market. the difficulty and key points in system implementation are analyzed in this paper, mainly reflecting in the design of the jsp pages of the sales list, new products, special products, check orders, shopping cart and membership changing passwords. some techniq

7、ue problems in the development of the complete online food store system are also analyzed and resolved, and the results are discussed. keywords: online grocery store system, jsp, database 目錄目錄 1 1 引引言言 .1 1 1.1 課題的背景、目的與意義.1 1.2 國(guó)內(nèi)外現(xiàn)狀.1 1.3 研究（設(shè)計(jì)）內(nèi)容.2 1.4 論文的組織結(jié)構(gòu).2 2 2 相關(guān)技術(shù)簡(jiǎn)介相關(guān)技術(shù)簡(jiǎn)介 .3 3 2.1 jsp 技術(shù) .

8、3 2.2 microsoft sql server2000.3 2.3 web服務(wù)器.4 2.4 分類(lèi)數(shù)據(jù)庫(kù)與 javascript.4 2.5 css 層 .4 3 3 系統(tǒng)分析系統(tǒng)分析 .5 5 3.1 可行性分析.5 3.2 需求分析.5 3.2.1 業(yè)務(wù)需求分析 .5 3.2.2 用戶(hù)需求分析 .6 3.2.3 功能需求分析 .6 3.3 業(yè)務(wù)流程分析.6 3.3.1 前臺(tái)業(yè)務(wù)流程分析 .6 3.3.2 后臺(tái)業(yè)務(wù)流程分析 .7 3.4 數(shù)據(jù)流程分析.7 3.5 運(yùn)行環(huán)境及開(kāi)發(fā)工具.9 4 4 系統(tǒng)總體系統(tǒng)總體設(shè)設(shè)計(jì)計(jì) .1010 4.1 系統(tǒng)結(jié)構(gòu)設(shè)計(jì).10 4.2 功能模塊設(shè)計(jì).10

9、 4.2.1 前臺(tái)模塊的功能模塊設(shè)計(jì) .11 4.2.2 后臺(tái)管理模塊的功能模塊設(shè)計(jì) .11 4.3 數(shù)據(jù)庫(kù)設(shè)計(jì).12 4.3.1 e-r 圖 .12 4.3.2 基本表設(shè)計(jì) .16 5 5 系統(tǒng)實(shí)現(xiàn)系統(tǒng)實(shí)現(xiàn) .2020 5.1 程序設(shè)計(jì).20 5.2 系統(tǒng)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn).20 5.3 前臺(tái)功能模塊的實(shí)現(xiàn).20 5.3.1 用戶(hù)管理模塊 .21 5.3.2 商品信息模塊 .24 5.3.3 購(gòu)物車(chē)模塊 .25 5.3.4 訂單查詢(xún)模塊 .28 5.3.5 商城公告模塊 .28 5.4 后臺(tái)功能模塊的實(shí)現(xiàn).29 5.4.1 管理員登錄模塊 .29 5.4.2 添加食品模塊 .30 5.4.3

10、訂單信息管理模塊 .32 5.4.4 查詢(xún)用戶(hù)信息模塊 .33 5.4.5 添加分類(lèi)模塊 .33 6 6 結(jié)結(jié) 論論 .3535 參考文獻(xiàn)參考文獻(xiàn) .3636 致致 謝謝 .3737 1 引言 1.1 課題的背景、目的與意義 隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，越來(lái)越多的人喜歡在網(wǎng)上購(gòu)物。食品的種類(lèi)繁多， 同一種類(lèi)的食品又有不同規(guī)格的產(chǎn)品。實(shí)體食品商店很難有足夠大的店面來(lái) 展示所有品種；食品的單價(jià)不高，在網(wǎng)絡(luò)信用還不完善的環(huán)境下能夠造成的 損失較小，買(mǎi)家也樂(lè)于在線購(gòu)買(mǎi)。所以網(wǎng)上食品網(wǎng)站也在網(wǎng)上大量出現(xiàn)。 就網(wǎng)上食品商店而言，由于網(wǎng)絡(luò)已經(jīng)覆蓋全球，信息量大而獨(dú)具優(yōu)勢(shì)。售 貨的理念也很簡(jiǎn)單，就是購(gòu)買(mǎi)者可以根據(jù)自己

11、的喜好尋找食品然后購(gòu)買(mǎi)。對(duì)于 購(gòu)買(mǎi)者來(lái)說(shuō)，網(wǎng)上食品商店近在咫尺，并且永遠(yuǎn)不會(huì)下班關(guān)門(mén)，購(gòu)買(mǎi)者可以隨 時(shí)隨地自由地查詢(xún)和訂購(gòu)食品，也無(wú)需親臨食品商店挑選，只要坐在電腦前， 開(kāi)機(jī)上網(wǎng)即可買(mǎi)到所需的食品，而且可供購(gòu)買(mǎi)者挑選的余地也大多了，檢索也 很方便，同時(shí)還減少了購(gòu)物的路費(fèi)支出。另外應(yīng)當(dāng)看到網(wǎng)上購(gòu)買(mǎi)食品節(jié)省了大 量時(shí)間，這對(duì)于那些沒(méi)有時(shí)間經(jīng)常逛傳統(tǒng)商店或其住所離傳統(tǒng)商店較遠(yuǎn)的顧客 來(lái)說(shuō)，具有實(shí)際意義。因此網(wǎng)上售賣(mài)食品必將有長(zhǎng)足的發(fā)展。 本系統(tǒng)的主要目的是實(shí)現(xiàn)食品的在線銷(xiāo)售，包括管理庫(kù)房中的食品，以及 管理用戶(hù)的購(gòu)物車(chē)，從而實(shí)現(xiàn)結(jié)賬等一系列功能，讓用戶(hù)足不出戶(hù)就能夠在網(wǎng) 上食品商店購(gòu)買(mǎi)到自己所需的食

12、品，形成商店和用戶(hù)雙贏的局面。 整個(gè)個(gè)性化頁(yè)面生成系統(tǒng)主要使用 dreamweaver_mx 開(kāi)發(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)生用戶(hù)關(guān)聯(lián)規(guī)則表，頁(yè)面 生成器則負(fù)責(zé)記錄用戶(hù)行為和根據(jù)關(guān)聯(lián)規(guī)則表動(dòng)態(tài)生成用戶(hù)個(gè)性化 web 頁(yè)面。 二者通過(guò)數(shù)據(jù)庫(kù)服務(wù)器和 web 服務(wù)器連接。 1.2 國(guó)內(nèi)外現(xiàn)狀 伴隨著 internet 的蓬勃發(fā)展，網(wǎng)上購(gòu)買(mǎi)食品作為電子商務(wù)的一種形式正 以其高效、低成本的優(yōu)勢(shì)，逐步成為新興的經(jīng)營(yíng)模式和理念，人們已不再滿(mǎn)足 于信息的瀏覽和發(fā)布，而是渴望著能夠充分享受

13、網(wǎng)絡(luò)所帶來(lái)的更多的便利。 在美、英等信息化程度較高的國(guó)家和地區(qū)，網(wǎng)絡(luò)商店發(fā)展速度迅猛，美國(guó) 的世界級(jí)超一流的零售商，如沃爾瑪、家庭倉(cāng)儲(chǔ)等紛紛擠身于網(wǎng)絡(luò)經(jīng)商的行列。 調(diào)查表明：美國(guó)的家庭已越來(lái)越習(xí)慣于在家中從網(wǎng)上購(gòu)物。 而在我國(guó)，網(wǎng)上 購(gòu)物從無(wú)到有也不過(guò)短短十幾年時(shí)間。根據(jù) cnnic 的統(tǒng)計(jì)結(jié)果，截止 2004 年 1 月中國(guó)有互聯(lián)網(wǎng)用戶(hù) 7950 萬(wàn)人，而又有 40.7%以上的網(wǎng)民在過(guò)去的一年里有 過(guò)網(wǎng)上購(gòu)物經(jīng)歷，這就說(shuō)明中國(guó)有網(wǎng)上購(gòu)物的用戶(hù)達(dá)到 3235.7 萬(wàn)人，并且這 一數(shù)字還在以 17%左右的速度增長(zhǎng)，中國(guó)的網(wǎng)民數(shù)量已經(jīng)突破 5 億。中國(guó)現(xiàn)在 的青年人對(duì)網(wǎng)絡(luò)的使用率都很高，他們是實(shí)力

14、最強(qiáng)的消費(fèi)者，這說(shuō)明在中國(guó)發(fā) 展網(wǎng)上購(gòu)物具有良好的群眾基礎(chǔ)，網(wǎng)上購(gòu)物的方式日趨被大家接受。因此，設(shè) 計(jì)一個(gè)具有電子商務(wù)功能的企業(yè)網(wǎng)站具有非常好的開(kāi)發(fā)與應(yīng)用前景。 1.3 研究（設(shè)計(jì)）內(nèi)容 這次設(shè)計(jì)實(shí)現(xiàn)了一個(gè)網(wǎng)上購(gòu)物網(wǎng)站。網(wǎng)上購(gòu)買(mǎi)食品所承載的信息量大、購(gòu) 物流程比較繁瑣，而且互聯(lián)網(wǎng)中日益肆虐的黑客和病毒對(duì)網(wǎng)絡(luò)的安全性提出了 更高的挑戰(zhàn)。開(kāi)發(fā)出的網(wǎng)上購(gòu)物系統(tǒng)基于 windows 2000 server 中文企業(yè)版服 務(wù)器和 sql server 2000 數(shù)據(jù)庫(kù)，采用國(guó)際先進(jìn)的 jsp 進(jìn)行開(kāi)發(fā)，具有很高的 穩(wěn)定性和安全性。網(wǎng)上購(gòu)物真正實(shí)現(xiàn)了在 internet 上的經(jīng)營(yíng)銷(xiāo)售，從而使其 獲得更大的

15、市場(chǎng)機(jī)遇及經(jīng)濟(jì)效益，很大程度地提高了企業(yè)的核心競(jìng)爭(zhēng)力。 這個(gè)系統(tǒng)所需要的功能從用戶(hù)角度進(jìn)行劃分，可以分為前臺(tái)用戶(hù)功能和后 臺(tái)管理功能。用戶(hù)功能主要提供給購(gòu)物的用戶(hù)使用，包括用戶(hù)的注冊(cè)、登錄， 瀏覽商品，購(gòu)物車(chē)，查看訂單等；后臺(tái)管理功能主要提供給系統(tǒng)的管理人員使 用，包括對(duì)用戶(hù)、食品、訂單的管理。 用戶(hù)注冊(cè)后，登陸網(wǎng)站的用戶(hù)可以在線查看、訂購(gòu)食品，并可查看自己的 歷史訂單等。這些部分用 jsp 設(shè)計(jì)頁(yè)面及分類(lèi)，使用數(shù)據(jù)庫(kù)來(lái)建立相關(guān)的表， 以便于對(duì)其進(jìn)行查看、修改或刪除。 在網(wǎng)站設(shè)計(jì)中，管理員完成對(duì)網(wǎng)站的維護(hù)與管理的工作。使用數(shù)據(jù)庫(kù)中權(quán) 限的功能對(duì)管理員設(shè)置權(quán)限，管理員可以對(duì)食品信息進(jìn)行新增，修改

16、及刪除， 也可以對(duì)訂單信息進(jìn)行處理，同時(shí)管理員也可以對(duì)用戶(hù)信息進(jìn)行管理。 1.4 論文的組織結(jié)構(gòu) 本文分為六章，通過(guò)對(duì)這個(gè)網(wǎng)站的分析、設(shè)計(jì)與實(shí)現(xiàn)過(guò)程的全面介紹來(lái)展 示系統(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)開(kāi)發(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)描述了前臺(tái)與后臺(tái)的各個(gè) 功能模塊的實(shí)現(xiàn)過(guò)

17、程，對(duì)主要的原理和技術(shù)進(jìn)行了詳細(xì)的說(shuō)明，并列出了一些 典型的邏輯的程序流程圖進(jìn)行說(shuō)明。第六章結(jié)論分析了系統(tǒng)的一些主要的優(yōu)、 缺點(diǎn)，開(kāi)發(fā)此系統(tǒng)的過(guò)程中所遇到的困難。最后是參考文獻(xiàn)和致謝。參考文獻(xiàn) 中列出了本次畢業(yè)設(shè)計(jì)中所用到的參考資料和文中所引用到的定義與解釋的出 處。致謝中對(duì)在本次畢業(yè)設(shè)計(jì)中給予指導(dǎo)和幫助的老師和同學(xué)表示由衷的感謝。 2 相關(guān)技術(shù)簡(jiǎn)介 2.1 jsp 技術(shù) 本系統(tǒng)采用 jsp 技術(shù)開(kāi)發(fā)。因?yàn)?jsp 與同類(lèi)的 cgi、asp、php 相比有著獨(dú) 特的優(yōu)勢(shì)。jsp 是 sun 屬下 javasoft 公司推出的技術(shù)，使用的 java 語(yǔ)言是 asp、php 和 jsp 三者中最新

18、的技術(shù)。它以 javaservlet 技術(shù)為基礎(chǔ)，又在許 多方面作了改進(jìn)，并且充分借鑒了 asp 和 php 一些合理的地方。它的平臺(tái)無(wú)關(guān) 性勝過(guò) asp 技術(shù)，而強(qiáng)大的 jdbc 數(shù)據(jù)庫(kù)接口規(guī)范又優(yōu)于 php 技術(shù)，而且 jsp 技術(shù)是以 java 語(yǔ)言為基礎(chǔ)的，可以使用 javabeans 組件和自定義標(biāo)簽，因此 具有良好的擴(kuò)展性。 總的來(lái)說(shuō)，jsp 業(yè)已成為目前主流的動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)之一。jsp 有很多 優(yōu)點(diǎn)。借助 jsp 技術(shù)，web 網(wǎng)頁(yè)設(shè)計(jì)人員可以使用 html 或者 xml 標(biāo)記來(lái)設(shè)計(jì) 和風(fēng)格化 web 頁(yè)面，使用 jsp 標(biāo)記來(lái)生成動(dòng)態(tài)的 web 頁(yè)面。在服務(wù)器端，jsp 引擎

19、負(fù)責(zé)解釋 jsp 標(biāo)記和腳本，生成請(qǐng)求的內(nèi)容，然后將結(jié)果以 html 頁(yè)面等 形式發(fā)送回瀏覽器。這樣開(kāi)發(fā)者可以保護(hù)自己的核心代碼，同時(shí)可以保證任何 web 瀏覽器的高度兼容性。 jsp 頁(yè)面可借助可重用的、跨平臺(tái)的組件（javabean），來(lái)執(zhí)行 web 應(yīng)用 所要求的極為復(fù)雜的業(yè)務(wù)處理。能夠共享和交換調(diào)用一般操作的組件，或者讓 這些組件被別的開(kāi)發(fā)人員或者開(kāi)發(fā)團(tuán)隊(duì)所使用。 此外，jsp 技術(shù)無(wú)論是在跨平臺(tái)特性、運(yùn)行效率、企業(yè)級(jí)軟件開(kāi)發(fā)還是商 業(yè)支持方面都具有優(yōu)勢(shì)，從而使其成為目前和未來(lái)進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)的最佳工 具之一1。 2.2 microsoft sql server 2000 這次網(wǎng)站的設(shè)

20、計(jì)選用 microsoft sql server 2000 作為后臺(tái)數(shù)據(jù)庫(kù)。sql server 2000 是一個(gè)全面完整的數(shù)據(jù)庫(kù)。從借助瀏覽器實(shí)現(xiàn)的數(shù)據(jù)庫(kù)查詢(xún)功能 到內(nèi)容豐富的擴(kuò)展標(biāo)記語(yǔ)言（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ò)美國(guó)政府 c2 級(jí)安全性認(rèn)證，具備目前業(yè)界最高等級(jí)的安全性2。 對(duì)比 sql server 20

21、00 和其他的大型數(shù)據(jù)庫(kù)管理系統(tǒng)，sql server 2000 具有可靠的安全性，更快的存儲(chǔ)速度，高度的兼容性，因此應(yīng)用 sql server 2000 作為后臺(tái)數(shù)據(jù)庫(kù)為系統(tǒng)的開(kāi)發(fā)提供了強(qiáng)有力的支持，并對(duì)以后軟件的運(yùn) 行提供了堅(jiān)實(shí)的基礎(chǔ)。 2.3 web 服務(wù)器 web 服務(wù)器負(fù)責(zé) jsp 文件的執(zhí)行。tomcat 是 apache 公司組織開(kāi)發(fā)的一種 jsp 引擎，由于自身具有 web 服務(wù)器，可以作為獨(dú)立的 web 服務(wù)器使用。 如今，基于 web 的應(yīng)用越來(lái)越多，傳統(tǒng)的 html 已經(jīng)滿(mǎn)足不了如今的需求。 我們需要一個(gè)交互式的 web，于是便誕生了各種 web 語(yǔ)言。如 asp，jsp

22、，php 等。當(dāng)然，這些語(yǔ)言與傳統(tǒng)的語(yǔ)言有著密切的聯(lián)系，如 php 基于 c 和 c+語(yǔ)言， jsp 基于 java 語(yǔ)言。tomcat 即是一個(gè) jsp 和 servlet 的運(yùn)行平臺(tái)。 由于 java 的跨平臺(tái)特性，基于 java 的 tomcat 也具有跨平臺(tái)性。tomcat 確實(shí)是一個(gè)很好的工具，不僅僅因?yàn)槠涿赓M(fèi)，功能強(qiáng)大，更因?yàn)槠溟_(kāi)放性。如 今，開(kāi)源軟件越來(lái)越收到人們的重視，linux 就是一個(gè)成功的典型3。在本次 設(shè)計(jì)中，選擇使用的是 tomcat 服務(wù)器。 2.4 分類(lèi)數(shù)據(jù)庫(kù)與 javascript jdbc（java database connectivity）是 sun 公司

23、制定的 java 分類(lèi)數(shù)據(jù) 庫(kù)技術(shù)。在安裝好數(shù)據(jù)庫(kù)后 jsp 并不能直接與數(shù)據(jù)庫(kù)分類(lèi)4，這里選擇利用第 三方 jdbc 驅(qū)動(dòng)程序分類(lèi)數(shù)據(jù)庫(kù)。在項(xiàng)目開(kāi)發(fā)中，如果頻繁在 jsp 頁(yè)面中使用 數(shù)據(jù)庫(kù)分類(lèi)函數(shù)，釋放函數(shù)進(jìn)行操作的話(huà)，勢(shì)必會(huì)非常麻煩，而且代碼的冗余 量也很大，頁(yè)面很多的時(shí)候維護(hù)也會(huì)非常麻煩，頁(yè)面上到處都是數(shù)據(jù)庫(kù)分類(lèi)和 釋放代碼。因此，可以利用公共數(shù)據(jù)庫(kù)訪問(wèn)分類(lèi) javabean 的開(kāi)發(fā)。通過(guò)將數(shù) 據(jù)庫(kù)分類(lèi)函數(shù)代碼，釋放函數(shù)代碼等封裝在 javabean 中，可以減少非常多的 代碼編程工作，提高代碼可維護(hù)性。 javascript 也叫小腳本語(yǔ)言，是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性 能的

24、腳本語(yǔ)言，使用它的目的是與 html 超文本標(biāo)識(shí)語(yǔ)言、java 腳本語(yǔ)言一起 實(shí)現(xiàn)在一個(gè)網(wǎng)頁(yè)中分類(lèi)多個(gè)對(duì)象，與網(wǎng)絡(luò)客戶(hù)交互作用，從而可以開(kāi)發(fā)客戶(hù)端 的應(yīng)用程序。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的 html 語(yǔ)言中實(shí)現(xiàn)的5。 2.5 css 層 css 層疊樣式表 (cascading style sheet) 是一系列格式規(guī)則，它們控制網(wǎng) 頁(yè)內(nèi)容的外觀。使用 css 可以非常靈活并更好地控制具體的頁(yè)面外觀，從精 確的布局定位到特定的字體和樣式。并能極大的方便網(wǎng)頁(yè)制作的工作6。這次 設(shè)計(jì)中就學(xué)習(xí)使用了 css 層疊樣式表，在 html 文檔外部將一系列 css 規(guī)則 存儲(chǔ)到一個(gè).css 文件中。例如創(chuàng)建

25、了一個(gè)名為 body 的選擇器。利用它來(lái)統(tǒng)一 設(shè)計(jì)網(wǎng)站內(nèi)網(wǎng)頁(yè)背景及外部框架的樣式。在聲明中規(guī)定了頁(yè)面的背景、滾動(dòng)條 的顏色樣式等。 3 系統(tǒng)分析 3.1 可行性分析 可行性分析是在全面調(diào)查的基礎(chǔ)上，針對(duì)新系統(tǒng)的開(kāi)發(fā)是否具備必要性和 可能性，對(duì)新系統(tǒng)的開(kāi)發(fā)從技術(shù)、經(jīng)濟(jì)、運(yùn)行的方面進(jìn)行分析和研究，以避免 投資失誤，保證新系統(tǒng)開(kāi)發(fā)成功?？尚行匝芯康哪康木褪怯米钚〉拇鷥r(jià)在盡可 能短的時(shí)間內(nèi)確定問(wèn)題是否能夠解決。這部分將從以下三個(gè)方面進(jìn)行研究：技 術(shù)可行性、經(jīng)濟(jì)可行性、操作可行性。 （1）技術(shù)可行性 因?yàn)橛?jì)算機(jī)硬件的發(fā)展已經(jīng)越來(lái)越快，現(xiàn)在 pc 機(jī)的性能已經(jīng)可以勝任普 通網(wǎng)站的 web 服務(wù)器。購(gòu)買(mǎi)一臺(tái)

26、高性能 pc 機(jī)作為企業(yè)的網(wǎng)站服務(wù)器對(duì)于營(yíng)銷(xiāo) 商來(lái)說(shuō)并不是問(wèn)題。 jsp 是 java 在 internet/intranet web 上的重要應(yīng)用技術(shù)，可以和各種 java 技術(shù)完好的結(jié)合在一起從而實(shí)現(xiàn)非常復(fù)雜的應(yīng)用。因此得到了廣泛的支 持和承認(rèn)，成為一種非常流行的網(wǎng)站開(kāi)發(fā)技術(shù)。利用 jsp 技術(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)。 （2）經(jīng)濟(jì)可行性 根據(jù)調(diào)查的資料，現(xiàn)在聘用一支團(tuán)隊(duì)設(shè)計(jì)并建設(shè)企業(yè)商務(wù)型網(wǎng)站的費(fèi)用為 5300 元左右，另外每年交納 60

27、0 元占用網(wǎng)站空間和網(wǎng)站維護(hù)費(fèi)。為了使網(wǎng)站 建成后能達(dá)到增加企業(yè)經(jīng)濟(jì)效益的效果，尋找一支創(chuàng)新與技術(shù)優(yōu)秀的團(tuán)隊(duì)最多 需要增加 3000 元的一次性投資。這樣看來(lái)一個(gè)成功的網(wǎng)站建成后為這個(gè)營(yíng)銷(xiāo) 商帶來(lái)的效益將會(huì)遠(yuǎn)大于成本。 （3）操作可行性 如今，計(jì)算機(jī)與網(wǎng)絡(luò)已經(jīng)非常地普及。特別是在企業(yè)信息化高需求與快速 發(fā)展的時(shí)代，計(jì)算機(jī)應(yīng)用已經(jīng)成為企業(yè)員工必備的技能。由于這個(gè)課題是以 pc 機(jī)作為服務(wù)器的網(wǎng)站，營(yíng)銷(xiāo)商可以自己對(duì)網(wǎng)站進(jìn)行操作和管理。 3.2 需求分析 商務(wù)系統(tǒng)隨著中國(guó)經(jīng)濟(jì)的高速發(fā)展發(fā)生了巨大的變化。專(zhuān)做營(yíng)銷(xiāo)的中小型 企業(yè)隨著百姓個(gè)人消費(fèi)水平的增長(zhǎng)迅速成長(zhǎng)起來(lái)，但同時(shí)也帶來(lái)了這一行業(yè)激 烈的競(jìng)爭(zhēng)。

28、 3.2.1 業(yè)務(wù)需求分析 網(wǎng)站的制作已經(jīng)不單單是把企業(yè)想要表達(dá)的內(nèi)容擺放在網(wǎng)站上那么簡(jiǎn)單， 當(dāng)今的網(wǎng)站設(shè)計(jì)包含了更多的設(shè)計(jì)元素，給予瀏覽者更多的視覺(jué)享受?，F(xiàn)在企 業(yè)營(yíng)銷(xiāo)商需要用一些更新穎更有效的方式增強(qiáng)競(jìng)爭(zhēng)力。建設(shè)一個(gè)宣傳自身食品 形象的電子商務(wù)營(yíng)銷(xiāo)模式的網(wǎng)站是一種有效的方法。另外，通過(guò)電子商務(wù)網(wǎng)站， 拓寬自己的營(yíng)銷(xiāo)方式和市場(chǎng)，能夠幫助企業(yè)營(yíng)銷(xiāo)商從魚(yú)龍混雜的市場(chǎng)中脫穎而 出，完善企業(yè)銷(xiāo)售與服務(wù)的環(huán)節(jié)，最終提升企業(yè)的價(jià)值與經(jīng)濟(jì)效益。 3.2.2 用戶(hù)需求分析 這個(gè)網(wǎng)站以上面的業(yè)務(wù)需求為基礎(chǔ)，進(jìn)一步提出網(wǎng)站需要完成的以下任務(wù)： 網(wǎng)站需要讓瀏覽者能看到商城的信息及動(dòng)態(tài)，另一個(gè)重要的內(nèi)容就是能夠顯示

29、 出該商城現(xiàn)有的各類(lèi)型食品及其詳細(xì)信息；另外，企業(yè)營(yíng)銷(xiāo)商除了能像普通客 戶(hù)一樣瀏覽網(wǎng)站之外，還需要對(duì)網(wǎng)站進(jìn)行管理。企業(yè)需要定期更新現(xiàn)有食品的 詳細(xì)信息、商城動(dòng)態(tài)和聯(lián)系方式，必要時(shí)還要對(duì)企業(yè)的介紹做更改。對(duì)于消費(fèi) 者通過(guò)網(wǎng)站提交的各種訂單能夠進(jìn)行處理以方便銷(xiāo)售。 3.2.3 功能需求分析 根據(jù)上面的需求分析，需要設(shè)計(jì)出網(wǎng)站的前臺(tái)與后臺(tái)。用戶(hù)在前臺(tái)所瀏覽 的內(nèi)容，網(wǎng)站的后臺(tái)需要能相應(yīng)的做出更新或修改。根據(jù)以上的想法，設(shè)計(jì)出 網(wǎng)站的功能： 前臺(tái)用戶(hù)相關(guān)功能主要包括：用戶(hù)注冊(cè)、登錄、修改密碼以及個(gè)人資料； 瀏覽商品信息；購(gòu)物并查看購(gòu)物車(chē)；歷史訂單查詢(xún)；查看商城公告、友情鏈接 網(wǎng)站。 后臺(tái)管理相關(guān)功能主

30、要包括：添加食品；處理訂單；查詢(xún)用戶(hù)信息；添加 食品分類(lèi)；管理公告信息。 將以上這些功能制作成網(wǎng)頁(yè)以后，在其中分別互相建立分類(lèi)，基本完成商 城及用戶(hù)對(duì)網(wǎng)站的要求。 3.3 業(yè)務(wù)流程分析 將上面的需求分析進(jìn)行歸納。得出網(wǎng)站的兩個(gè)業(yè)務(wù)主角，即用戶(hù)與管理 員。然后制定他們的相關(guān)活動(dòng)。對(duì)應(yīng)網(wǎng)站的功能可以確定，用戶(hù)活動(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)的功能盡量完整。 3.3.1 前臺(tái)業(yè)務(wù)流程分析 前臺(tái)業(yè)務(wù)主要面向客戶(hù)。用戶(hù)可以瀏覽網(wǎng)站主頁(yè)、食品的介紹和一些服務(wù) 信息。前臺(tái)業(yè)務(wù)流程如圖 3.1 所示。 圖 3.1 前臺(tái)業(yè)務(wù)

31、流程圖 3.3.2 后臺(tái)業(yè)務(wù)流程分析 在網(wǎng)站設(shè)計(jì)中，管理員完成對(duì)網(wǎng)站的維護(hù)與管理的工作。使用數(shù)據(jù)庫(kù)中權(quán) 限的功能對(duì)管理員設(shè)置權(quán)限，管理員可以對(duì)食品及食品分類(lèi)的信息進(jìn)行新增， 修改及刪除，也可以對(duì)訂單信息進(jìn)行查看、刪除、發(fā)貨等處理，同時(shí)管理員也 可以對(duì)用戶(hù)信息進(jìn)行管理。流程圖如圖 3.2 所示。 圖 3.2 后臺(tái)業(yè)務(wù)流程圖 3.4 數(shù)據(jù)流程分析 在分析了系統(tǒng)的業(yè)務(wù)流程之后，就要分析系統(tǒng)的數(shù)據(jù)流，為后面設(shè)計(jì)網(wǎng)站 的數(shù)據(jù)庫(kù)做好基礎(chǔ)。這里主要利用數(shù)據(jù)流程圖來(lái)說(shuō)明數(shù)據(jù)流程。數(shù)據(jù)流程圖是 一個(gè)圖示工具，容易理解，容易在開(kāi)發(fā)和用戶(hù)方之間進(jìn)行交流，以及在開(kāi)發(fā)組 織內(nèi)部交流。因此數(shù)據(jù)流程圖作為一種模型工具已經(jīng)廣

32、泛使用在軟件工程的實(shí) 踐中7。 根據(jù)前臺(tái)業(yè)務(wù)流程，可以將用戶(hù)的活動(dòng)分為兩類(lèi)。用戶(hù)瀏覽所使用到的數(shù) 據(jù)歸納為站內(nèi)信息，如食品信息等。而用戶(hù)提交的訂單則作為網(wǎng)站的訂單數(shù)據(jù)。 相應(yīng)的，根據(jù)后臺(tái)業(yè)務(wù)流程，管理員對(duì)網(wǎng)站內(nèi)容的添加、更新和刪除等所操作 的數(shù)據(jù)定義為商城信息。網(wǎng)站數(shù)據(jù)流的總體圖如圖 3.3 所示。 網(wǎng)站系統(tǒng) 管理 員 顧客 商城信息 站內(nèi)信息 用戶(hù)、訂單信息 圖 3.3 網(wǎng)站數(shù)據(jù)流的總體圖 進(jìn)一步分析網(wǎng)站的數(shù)據(jù)流程，得到網(wǎng)站的一級(jí)數(shù)據(jù)流程圖，如圖 3.4 所示。 用戶(hù) 站內(nèi)信息 管理 員 更新食品信息 更新用戶(hù)信息 生成訂單 顯示信息 用戶(hù)信息存儲(chǔ) 食品信息存儲(chǔ) 訂單是否出貨 用戶(hù)訂單 用戶(hù)

33、信息 訂單內(nèi)容信息 食品信息 訂單 食品的更新 數(shù)據(jù) 食品信息 用戶(hù)信息 用戶(hù)信息 訂 單 信 息 訂單信息存儲(chǔ) 處理后的訂單 訂單信息 圖 3.4 網(wǎng)站的一級(jí)數(shù)據(jù)流圖 上面得到的總體圖并不是整個(gè)網(wǎng)站數(shù)據(jù)的詳細(xì)流程圖。它只是將網(wǎng)站的數(shù) 據(jù)流進(jìn)行了一下分類(lèi)。例如將商城信息分為了食品信息、分類(lèi)信息和用戶(hù)信息。 在總體圖的基礎(chǔ)上還可以將每一個(gè)處理的細(xì)節(jié)描述出來(lái)，從而畫(huà)出細(xì)節(jié)圖。 3.5 運(yùn)行環(huán)境及開(kāi)發(fā)工具 操作系統(tǒng)：windows xp。 數(shù)據(jù)庫(kù)：sql server 2000。 web 應(yīng)用服務(wù)器：tomcat5.0。 開(kāi)發(fā)工具：myeclipse8.5 以上版本，dreamweaver8。 4

34、系統(tǒng)總體設(shè)計(jì) 4.1 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 根據(jù)業(yè)務(wù)流程，需要將網(wǎng)站劃分為前臺(tái)、后臺(tái)和數(shù)據(jù)庫(kù)。前臺(tái)中，客戶(hù)在 登錄網(wǎng)站主頁(yè)后即可分類(lèi)查看到食品的信息，還可以做訂購(gòu)食品等活動(dòng)。為了 方便客戶(hù)搜索感興趣的食品信息，將食品搜索框放入到主頁(yè)面中。數(shù)據(jù)庫(kù)將要 作為網(wǎng)站后臺(tái)重要的組成部分，管理員的主要操作幾乎全部圍繞數(shù)據(jù)庫(kù)，最后 將更新的數(shù)據(jù)顯示給前臺(tái)。 前臺(tái)是一個(gè)比較大的功能群，它所包含的信息不僅數(shù)量多，而且種類(lèi)不同。 將它設(shè)計(jì)成比較優(yōu)化的結(jié)構(gòu)形式能組織好網(wǎng)站的信息內(nèi)容并將其歸類(lèi)，方便用 戶(hù)獲得所需要的信息。其中每一部分都以盡量少的內(nèi)容顯示，以免瀏覽者看的 眼花繚亂而失去耐心。系統(tǒng)的后臺(tái)要對(duì)整個(gè)網(wǎng)站的信息和數(shù)據(jù)

35、進(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ì)作為主管理界面的分支。 在設(shè)計(jì)好網(wǎng)站前臺(tái)與后臺(tái)的結(jié)構(gòu)以后，就將數(shù)據(jù)庫(kù)加入到結(jié)構(gòu)中。后臺(tái)將 更新的數(shù)據(jù)寫(xiě)入到數(shù)據(jù)庫(kù)中，前臺(tái)再將數(shù)據(jù)庫(kù)中的信息取出來(lái)并顯示。 4.2 功能模塊設(shè)計(jì) 層次模塊結(jié)構(gòu)是將系統(tǒng)劃分為若干子系統(tǒng)，子系統(tǒng)下再劃分為若干的模塊。 而模塊是指具備有輸入輸出、邏輯功能、運(yùn)行程序和內(nèi)部數(shù)據(jù)四種屬性的一組 程序。合理的功能模塊的劃分能夠極大限度地減少重復(fù)勞動(dòng)、提高開(kāi)發(fā)工作的 效率并增大系統(tǒng)的可維護(hù)性。 以前面的

36、系統(tǒng)分析為基礎(chǔ)，將系統(tǒng)分為兩大模塊，即前臺(tái)模塊和后臺(tái)模 塊。網(wǎng)上食品商店的功能結(jié)構(gòu)如圖 4.1 所示。 網(wǎng)網(wǎng)上上食食品品商商店店 顧顧客客 會(huì)會(huì)員員 注注冊(cè)冊(cè) 登登錄錄 及及修修 改改個(gè)個(gè) 人人信信 息息 查查 看看 商商 品品 信信 息息 訂訂 貨貨 并并 查查 看看 購(gòu)購(gòu) 物物 車(chē)車(chē) 查查 看看 歷歷 史史 訂訂 單單 瀏瀏覽覽 公公告告 及及友友 情情鏈鏈 接接網(wǎng)網(wǎng) 址址 管管理理員員 商商 品品 設(shè)設(shè) 置置 會(huì)會(huì) 員員 設(shè)設(shè) 置置 管管 理理 員員 驗(yàn)驗(yàn) 證證 訂訂 單單 設(shè)設(shè) 置置 公公 告告 設(shè)設(shè) 置置 友友 情情 設(shè)設(shè) 置置 圖 4.1 網(wǎng)上食品商店功能結(jié)構(gòu)圖 4.2.1 前臺(tái)模

37、塊的功能模塊設(shè)計(jì) 前臺(tái)模塊主要為登陸網(wǎng)站的用戶(hù)提供食品和服務(wù)的信息，填寫(xiě)并提交訂單 的服務(wù)。這樣，將前臺(tái)模塊再細(xì)分為用戶(hù)管理模塊、商品信息模塊、訂單查詢(xún) 模塊、購(gòu)物車(chē)模塊、商城公告信息模塊。顧名思義，這些模塊的名稱(chēng)基本概括 了它們的功能。下面詳細(xì)說(shuō)明一下這些功能模塊的設(shè)計(jì)： （1）用戶(hù)管理模塊： 為了方便網(wǎng)站的管理，必須有一套完整的用戶(hù)管理體系。該網(wǎng)站用戶(hù)管理 模塊主要實(shí)現(xiàn)用戶(hù)的注冊(cè)、登錄以及修改個(gè)人信和重置密碼的功能。 （2）購(gòu)物車(chē)模塊： 在超市購(gòu)物，可以根據(jù)自己的需要將食品挑選至購(gòu)物車(chē)中，然后到收銀 臺(tái)結(jié)款。而在網(wǎng)上虛擬的商城中，當(dāng)然沒(méi)有辦法使用真正的購(gòu)物工具。因此， 通常都會(huì)采用一種被稱(chēng)

38、為“購(gòu)物車(chē)”的技術(shù)來(lái)模擬現(xiàn)實(shí)生活。在網(wǎng)上商城中， 所選食品須通過(guò)購(gòu)物車(chē)進(jìn)行暫存，然后生產(chǎn)訂單。這種技術(shù)使用起來(lái)十分方便， 不但可以隨時(shí)添加、查看、修改、清空購(gòu)物車(chē)中的內(nèi)容，還可以隨時(shí)去收銀臺(tái) 結(jié)款。 （3）訂單模塊： 用戶(hù)提交訂單后，通過(guò)產(chǎn)生的訂單號(hào)查詢(xún)訂單信息及執(zhí)行狀態(tài)。只需要 根據(jù)用戶(hù)錄入的訂單號(hào)在數(shù)據(jù)表中查詢(xún)出對(duì)應(yīng)的貨品信息即可。 （4）商城公告模塊： 商城公告是一個(gè)商務(wù)網(wǎng)站中不可缺少的組成部分，它可以增進(jìn)用戶(hù)與網(wǎng) 站之間的交流。在現(xiàn)實(shí)網(wǎng)絡(luò)開(kāi)發(fā)中存在著各種各樣的商城公告，但它們都由基 于瀏覽商城公告及添加商城公告 2 部分組成。還包括一些友情網(wǎng)站的鏈接。 （5）商品信息模塊： 為用戶(hù)詳細(xì)

39、的介紹各個(gè)食品的廠家、規(guī)格、價(jià)格等信息。 這樣子模塊各自的內(nèi)容基本設(shè)計(jì)好。下面可以設(shè)計(jì)如何將這些模塊組織在 一起，構(gòu)成一個(gè)結(jié)構(gòu)比較合理的前臺(tái)了。除了在主頁(yè)中建立面向其他模塊的分 類(lèi)外，也要在其他模塊中建立返回主頁(yè)面的分類(lèi)。另外各個(gè)模塊間也應(yīng)該互相 分類(lèi)起來(lái)。 4.2.2 后臺(tái)管理模塊的功能模塊設(shè)計(jì) 后臺(tái)管理模塊的功能是對(duì)站內(nèi)的資源進(jìn)行管理和維護(hù)。以后臺(tái)的業(yè)務(wù)流程 分析和前臺(tái)各個(gè)模塊的設(shè)計(jì)為基礎(chǔ)、根據(jù)用戶(hù)的需求分析來(lái)確定后臺(tái)管理模塊 應(yīng)具有的功能。后臺(tái)管理模塊的各個(gè)子功能模塊如下： （1）管理員身份驗(yàn)證模塊： 為合法用戶(hù)提供一個(gè)后臺(tái)入口。該模塊的功能是對(duì)管理員身份進(jìn)行能夠驗(yàn) 證。用戶(hù)輸入登錄 i

40、d 和密碼后，系統(tǒng)將判斷登錄 id 及密碼的有效性，如果通 過(guò)驗(yàn)證則進(jìn)入后臺(tái)主頁(yè)，反之則提示錯(cuò)誤。 （2）食品管理模塊： 向食品表插入前臺(tái)首頁(yè)展示的食品信息，也就是添加食品信息的功能。 （3）處理訂單模塊： 網(wǎng)站管理者對(duì)用戶(hù)訂單是否出貨的管理。 （4）用戶(hù)信息管理模塊： 查詢(xún)注冊(cè)的所有用戶(hù)，對(duì)一些非法或失信用戶(hù)進(jìn)行刪除操作 。 （5）公告信息管理模塊： 網(wǎng)站向用戶(hù)發(fā)布最新公告信息。 （6）友情鏈接網(wǎng)址信息管理模塊： 管理員向前臺(tái)首頁(yè)添加友情鏈接，并可刪除或修改。 4.3 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)是數(shù)據(jù)庫(kù)應(yīng)用程序的重要組成部分。一個(gè)結(jié)構(gòu)合理的數(shù)據(jù)庫(kù)對(duì)于應(yīng) 用程序的開(kāi)發(fā)效率和程序的性能都是非常重要的。數(shù)

41、據(jù)庫(kù)的設(shè)計(jì)過(guò)程大致如下： （1）根據(jù)用戶(hù)需求，確定數(shù)據(jù)庫(kù)中要保存的數(shù)據(jù)信息。對(duì)用戶(hù)需求進(jìn)行 分析時(shí)數(shù)據(jù)庫(kù)設(shè)計(jì)的第一個(gè)階段。不斷的調(diào)查與研究用戶(hù)需求，了解企業(yè)運(yùn)作 流程等系統(tǒng)需求，使設(shè)計(jì)概念模型的基礎(chǔ)。 （2）設(shè)計(jì)數(shù)據(jù)庫(kù)的概念模型。概念模型是按用戶(hù)的觀點(diǎn)來(lái)對(duì)數(shù)據(jù)建模， 使用與進(jìn)行信息世界建模的工具。它對(duì)整個(gè)數(shù)據(jù)庫(kù)的設(shè)計(jì)具有深刻的影響。 （3）邏輯結(jié)構(gòu)設(shè)計(jì)。邏輯結(jié)構(gòu)是把概念結(jié)構(gòu)轉(zhuǎn)化為與所采用的數(shù)據(jù)庫(kù)管 理系統(tǒng)所支持的數(shù)據(jù)模型相符合的過(guò)程。 （4）數(shù)據(jù)庫(kù)的實(shí)施和維護(hù)。 在設(shè)計(jì)好前臺(tái)與后臺(tái)的功能模塊后，就開(kāi)始進(jìn)行數(shù)據(jù)庫(kù)的設(shè)計(jì)了。根據(jù)網(wǎng) 站系統(tǒng)的分析，數(shù)據(jù)庫(kù)是整個(gè)網(wǎng)站的核心。從前臺(tái)顯示的信息到后臺(tái)操作的

42、對(duì) 象，都是圍繞數(shù)據(jù)庫(kù)展開(kāi)的。 4.3.1 e-r 圖 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ì)人員和用戶(hù)之 間進(jìn)行交流的語(yǔ)言，因此概念模型一方面應(yīng)該具有較強(qiáng)的語(yǔ)義表達(dá)能力，能夠 方便、直接的表達(dá)應(yīng)該用眾的各種語(yǔ)義知識(shí)，另一方面他還應(yīng)該簡(jiǎn)單、清晰并 且易于用戶(hù)理解7。以下是各個(gè)數(shù)據(jù)表的實(shí)體圖。 （1）商品信息表 tb_goods 的實(shí)體圖 商品 發(fā)布時(shí)間 食品簡(jiǎn)介 圖片 價(jià)格 特價(jià) 商品名稱(chēng) 生產(chǎn)廠商 賣(mài)出的數(shù)量 大類(lèi)別代碼商品建立編號(hào)

43、小類(lèi)別代碼是否特價(jià) 現(xiàn)有庫(kù)存量 初始庫(kù)存量 圖 4.1 商品信息表 tb_goods 的實(shí)體圖 （2）用戶(hù)信息表 tb_member 的實(shí)體圖 用戶(hù) email 年齡 密碼問(wèn)題 職業(yè) 真實(shí)姓名 用戶(hù)名用戶(hù)建立編號(hào) 密碼答案 圖 4.2 用戶(hù)信息表 tb_member 的實(shí)體圖 （3）公告信息表 tb_affiche 的實(shí)體圖 公告 公告內(nèi)容 公告標(biāo)題公告發(fā)布時(shí)間 公告建立編號(hào) 圖 4.3 公告信息表 tb_affiche 的實(shí)體圖 (4) 訂單生成表 tb_order 的實(shí)體圖 訂單 聯(lián)系電話(huà) 備注 支付方式 郵寄方式 真實(shí)姓名 送貨地址 訂貨時(shí)間 生成的訂單編號(hào)訂單建立編號(hào) 會(huì)員姓名是否發(fā)貨

44、 圖 4.4 訂單生成表 tb_order 的實(shí)體圖 （5）訂單商品詳細(xì)表 tb_orderdetail 的實(shí)體圖 訂單詳細(xì)信息 商品價(jià)格 購(gòu)買(mǎi)數(shù)量商品編號(hào) 生成的訂單編號(hào)訂單建立編號(hào) 圖 4.5 訂單商品詳細(xì)表 tb_orderdetail 的實(shí)體圖 （6）大類(lèi)別信息表 tb_bigtype 的實(shí)體圖 大類(lèi)別信息 大類(lèi)別名稱(chēng) 創(chuàng)建時(shí)間大類(lèi)別建立編號(hào) 圖 4.6 大類(lèi)別信息表 tb_bigtype 的實(shí)體圖 （7）管理員信息表 tb_manager 的實(shí)體圖 管理員 真實(shí)姓名 是否可添加管理 員 管理員密碼 管理員登錄名管理員建立編號(hào) 圖 4.7 管理員信息表 tb_manager 的實(shí)體圖

45、（8）小類(lèi)別信息表 tb_smalltype 的實(shí)體圖 小類(lèi)別 小類(lèi)別名稱(chēng) 大類(lèi)別編號(hào)創(chuàng)建時(shí)間 小類(lèi)別建立編號(hào) 圖 4.8 小類(lèi)別信息表 tb_smalltype 的實(shí)體圖 （9）鏈接網(wǎng)站信息表 tb_link 的實(shí)體圖 網(wǎng)站 網(wǎng)站名稱(chēng) 鏈接地址網(wǎng)站建立編號(hào) 圖 4.9 鏈接網(wǎng)站信息表 tb_link 的實(shí)體圖 （10）用戶(hù) e_r 圖 訂單支付 用戶(hù) 歷史訂單信 息 瀏覽1n1n 商品購(gòu)買(mǎi)1n 圖 4.10 用戶(hù) e-r 圖 （11）管理員 e-r 圖 友情鏈接網(wǎng) 站 添加刪除 管理員 公告添加刪除 1 n 1 n 會(huì)員信息 查看刪除1 n 訂單情況 查看設(shè)置1 n 管理員信息查看添加 1

46、n商品信息添加刪除 1 n 圖 4.11 管理員 e-r 圖 4.3.2 基本表設(shè)計(jì) 表的設(shè)計(jì)是這次設(shè)計(jì)的一個(gè)核心內(nèi)容。根據(jù)前面對(duì)網(wǎng)站前臺(tái)與后臺(tái)功能模 塊的分析和對(duì)數(shù)據(jù)庫(kù)中實(shí)體關(guān)系的設(shè)計(jì)，可以看到網(wǎng)站中所用到的數(shù)據(jù)信息基 本包括：商品信息、用戶(hù)信息、公告信息、訂單信息、訂單詳細(xì)信息、大類(lèi)別 信息、小類(lèi)別信息、管理員信息、鏈接網(wǎng)站信息等。下面是為數(shù)據(jù)庫(kù)設(shè)計(jì)的表： （1）商品信息表 tb_goods 商品信息表 tb_goods 用來(lái)保存食品的基礎(chǔ)信息。結(jié)構(gòu)如表 4.1 所示。 表 4.1 tb_goods 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空 是否為主鍵字段描述 idint4否 是商品建立編號(hào)

47、 bigidint4否 否大類(lèi)別代碼 goodsnamevarchar50否 否商品名稱(chēng) smallidint4否 否小類(lèi)別代碼 goodsfromvarchar50否 否生產(chǎn)廠商 introducetext16否 否食品簡(jiǎn)介 creatimesmalldatetime4否 否發(fā)布時(shí)間 nowpricemoney8否 否價(jià)格 freepricemoney8否 否特價(jià) numberint4否 否賣(mài)出的數(shù)量 ccountint4否 否初始庫(kù)存量 xcountint4否 否現(xiàn)有庫(kù)存量 picturevarchar50否 否圖片 markbit1否 否是否特價(jià) （2）用戶(hù)信息表 tb_member 用

48、戶(hù)信息表 tb_member 用來(lái)保存用戶(hù)信息。表 tb_member 的結(jié)構(gòu)如表 4.2 下。 表 4.2 tb_member 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空是否為主鍵字段描述 idint4否是用戶(hù)建立編號(hào) namevarchar50否否用戶(hù)名 passwordvarchar50否否密碼 reallynamevarchar50否否真實(shí)姓名 ageint4否否年齡 professionvarchar50否否職業(yè) emailvarchar50否否email questionvarchar50否否密碼問(wèn)題 resultvarchar50否否答案 （3）公告信息表 tb_affiche 公告

49、信息表 tb_affiche 用來(lái)記錄公告信息。表 tb_affiche 的結(jié)構(gòu)如表 4.3 所示。 表 4.3 tb_affiche 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空是否為主鍵字段描述 idint4否是公告建立編號(hào) namevarchar50否否公告標(biāo)題 contenttext16否否公告內(nèi)容 issuetimesmalldatetime4否否公告發(fā)布時(shí)間 （4）訂單生成表 tb_order 訂單生成表 tb_order 用來(lái)記錄新生成的訂單。表 tb_order 的結(jié)構(gòu)如表 4.4 所示。 表 4.4 tb_order 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空是否為主鍵字段描述 idi

50、nt4否是訂單建立編號(hào) numbervarchar50否否生成的訂單號(hào) namevarchar50否否會(huì)員姓名 reallynamevarchar50否否真實(shí)姓名 addressvarchar50否否送貨地址 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空是否為主鍵字段描述 telvarchar50否否聯(lián)系電話(huà) setmoneyvarchar50否否支付方式 postvarchar50否否郵寄方式 bztext16否否備注 signbit1否否是否發(fā)貨 creatimesmalldatetime4否否訂貨時(shí)間 （5）訂單商品表 tb_orderdetail 訂單商品表 tb_orderdetail 用來(lái)記錄某

51、一訂單中所定購(gòu)的食品的詳細(xì)信 息。表 tb_orderdetail 的結(jié)構(gòu)如表 4.5 所示。 表 4.5 tb_orderdetail 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空 是否為主鍵字段描述 idint4否 是訂單建立編號(hào) ordernumbervarchar50否 否生成的訂單號(hào) goodsidint4否否商品編號(hào) pricemoney8否否商品價(jià)格 numberint4否 否購(gòu)買(mǎi)數(shù)量 （6）友情鏈接網(wǎng)站表 tb_link 友情鏈接網(wǎng)站表 tb_link 主要用于記錄友情鏈接網(wǎng)站。表 tb_link 的結(jié)構(gòu) 如表 4.6 所示。 表 4.6 tb_link 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度

52、是否允許空 是否為主鍵字段描述 idint4否 是網(wǎng)址建立編號(hào) linknamevarchar50否 否網(wǎng)站名稱(chēng) linkaddressvarchar50否 否鏈接地址 （7）管理員信息表 tb_manager 管理員信息表 tb_manager 主要用于記錄管理員的信息。表 tb_manager 的 結(jié)構(gòu)如表 4.7 所示。 表 4.7 tb_manager 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空 是否為主鍵字段描述 idint4否 是管理員建立編號(hào) accountvarchar50否 否管理員登錄名 passwordvarchar50否 否管理員密碼 namevarchar50否 否真實(shí)姓

53、名 signbit1否 否是否可添加管理員 （8）大分類(lèi)信息表 tb_bigtype 大分類(lèi)信息表 tb_bigtype 主要用于記錄后臺(tái)食品的大類(lèi)別信息。表 tb_bigtype 的結(jié)構(gòu)如表 4.8 所示。 表 4.8 tb_bigtype 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空 是否為主鍵字段描述 idint4否 是建立編號(hào) bignamevarchar50否 否大類(lèi)別名稱(chēng) creatimesmalldatetime4否 否創(chuàng)建時(shí)間 （9）小類(lèi)別信息表 tb_smalltype 小分類(lèi)信息表 tb_smalltype 主要用于記錄后臺(tái)食品的小類(lèi)別信息。表 tb_smalltype 的結(jié)構(gòu)如

54、表 4.9 所示。 表 4.9 tb_smalltype 的結(jié)構(gòu) 字段名稱(chēng)數(shù)據(jù)類(lèi)型長(zhǎng)度是否允許空 是否為主鍵字段描述 idint4否 是建立編號(hào) bigidint4否 否大類(lèi)別編號(hào) smallnamevarchar50否 否小類(lèi)別名稱(chēng) creatimesmalldatetime4否 否創(chuàng)建時(shí)間 5 系統(tǒng)實(shí)現(xiàn) 在上面著重討論了系統(tǒng)各個(gè)模塊功能的設(shè)計(jì)，并詳細(xì)分析了每一個(gè)模塊的 功能。在本章將具體討論如何實(shí)現(xiàn)功能模塊，最終實(shí)現(xiàn)整個(gè)系統(tǒng)。經(jīng)過(guò)這個(gè)階 段的設(shè)計(jì)工作，應(yīng)該得出對(duì)目標(biāo)系統(tǒng)的描述，從而在編碼階段可以把這個(gè)描述 直接翻譯成用 jsp 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言書(shū)寫(xiě)的程序。 5.1 程序設(shè)計(jì) 本系統(tǒng)設(shè)計(jì)的網(wǎng)站在

55、設(shè)計(jì)過(guò)程中包含頁(yè)面（html）的設(shè)計(jì)以及客戶(hù)端驗(yàn)證 機(jī)制（javascript）的設(shè)計(jì)。javascript 也叫小腳本語(yǔ)言，他是一種非常流 行的動(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é)合客戶(hù)端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù) javascript 以及與 html 的無(wú)縫結(jié)合的設(shè)計(jì)，從 而方便系統(tǒng)的實(shí)現(xiàn)8。 5.2 系統(tǒng)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn) 如果將網(wǎng)站比作一個(gè)人的話(huà)，服務(wù)器就像大腦，數(shù)據(jù)庫(kù)就像五臟六腑，其 內(nèi)嵌的 java

56、 和 javascript 組合起來(lái)就像是細(xì)胞與神經(jīng)，而網(wǎng)頁(yè)就是這個(gè)人的 皮肉。網(wǎng)頁(yè)將網(wǎng)站的各個(gè)組成部分包裹起來(lái)，形成易懂并且美觀的外表展示給 大家。瀏覽者登陸網(wǎng)站后看到的就是一個(gè)個(gè)網(wǎng)頁(yè)的組合。所以設(shè)計(jì)和實(shí)現(xiàn)每一 個(gè)網(wǎng)頁(yè)也是非常重要的工作。 隨著科技的高速發(fā)展，眾多網(wǎng)頁(yè)制作的應(yīng)用軟件應(yīng)運(yùn)而生。相對(duì)于傳統(tǒng) 的動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)工具而言，由于繼承了 java 語(yǔ)言的許多優(yōu)點(diǎn)，用 jsp 開(kāi)發(fā)動(dòng) 態(tài)網(wǎng)站十分方便，開(kāi)發(fā)效率較高。此外，jsp 還具有強(qiáng)大的組件（java bean）支持功能，可以方便地實(shí)現(xiàn)組件復(fù)用，進(jìn)一步提高了開(kāi)發(fā)效率。 在整個(gè)網(wǎng)頁(yè)的制作過(guò)程中，都是結(jié)合使用 html 語(yǔ)言來(lái)實(shí)現(xiàn)設(shè)計(jì)的。系統(tǒng)

57、的頁(yè)面設(shè)計(jì)決定了網(wǎng)站的風(fēng)格, 制作好的網(wǎng)站不僅提供給營(yíng)銷(xiāo)商，更多的要供 瀏覽者瀏覽。所以整個(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)、顏色以及超分類(lèi)的樣式做統(tǒng)一定義。 5.3 前臺(tái)功能模塊的實(shí)現(xiàn) 整個(gè)系統(tǒng)分為了前臺(tái)功能模塊和后臺(tái)功能模塊。下面詳細(xì)討論主要的幾個(gè) 功能模塊的程序?qū)崿F(xiàn)。在每個(gè)模塊的介紹中，將具體說(shuō)明一些涉及要點(diǎn)。 前臺(tái)功能模塊分為用戶(hù)模塊、訂單模塊、購(gòu)物車(chē)模塊、商城公告模塊、商 品信息模塊 5 個(gè)部分。前臺(tái)首頁(yè)主要有以下幾個(gè)

58、部分： （1）網(wǎng)站導(dǎo)航：主要用戶(hù)顯示網(wǎng)站的旗幟廣告、各功能模塊導(dǎo)航； （2）用戶(hù)登錄：用戶(hù)在此注冊(cè)、登錄或修改密碼； （3）食品分類(lèi)搜索：用戶(hù)按食品類(lèi)別進(jìn)行搜索顯示； （4）銷(xiāo)售排行榜：按照食品的銷(xiāo)售數(shù)量顯示銷(xiāo)售排行信息； （5）特價(jià)商品：顯示所有特價(jià)商品的信息； （6）食品展示區(qū)：按后臺(tái)添加食品的時(shí)間順序展示食品； （7）商城公告：顯示商城公告信息； （8）會(huì)員修改：修改會(huì)員的個(gè)人資料； （9）后臺(tái)登錄入口：管理員可以通過(guò)該入口登錄后臺(tái)。 （10）食品關(guān)鍵字搜索：按照食品的關(guān)鍵字進(jìn)行搜索顯示。 首頁(yè)運(yùn)行結(jié)果如圖 5.1 所示。 圖 5.1 首頁(yè)運(yùn)行結(jié)果 5.3.1 用戶(hù)管理模塊 用戶(hù)管理模塊

59、主要實(shí)現(xiàn)用戶(hù)的注冊(cè)、登錄、修改密碼及個(gè)人資料等功能。 （1）用戶(hù)注冊(cè) 當(dāng)用戶(hù)第一次登錄時(shí)首先要在網(wǎng)站上注冊(cè)，成為會(huì)員用戶(hù)才可以在網(wǎng)站上 購(gòu)物，注冊(cè)頁(yè)面必須填寫(xiě)一些用戶(hù)的基本信息，如用戶(hù)名、密碼、聯(lián)系電話(huà)等 信息。要注意的是，在用戶(hù)注冊(cè)頁(yè)面 fg-memberregister.jsp 中用戶(hù)自定義 javascript 檢驗(yàn)用戶(hù)注冊(cè)信息不允許為空。 用戶(hù)注冊(cè)頁(yè)面 fg-memberregister.jsp 如圖 5.2 所示。 圖 5.2 用戶(hù)注冊(cè)頁(yè)面運(yùn)行結(jié)果 為了便于網(wǎng)站對(duì)用戶(hù)的管理，在用戶(hù)注冊(cè)頁(yè)面接收到的注冊(cè)信息要經(jīng)過(guò)嚴(yán) 格的過(guò)濾，保證注冊(cè)用戶(hù)名的唯一性，在提交表單后需要對(duì)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)

60、行查詢(xún)，如果沒(méi)有找到，則在插入數(shù)據(jù)表時(shí)提示注冊(cè)成功，否則提示此用戶(hù)已 被占用請(qǐng)重新注冊(cè)。用戶(hù)注冊(cè)的流程圖如圖 5.3 所示。 開(kāi) 始 否 是 是 結(jié) 束 接收注冊(cè)信息 數(shù)據(jù)是否為空 兩次密碼是否一致 查詢(xún)數(shù)據(jù)庫(kù) 用戶(hù)名是否被占用 是 否 否 注冊(cè)成功 注冊(cè)失敗 圖 5.3 用戶(hù)注冊(cè)系統(tǒng)流程圖 （2）用戶(hù)登錄 用戶(hù)登錄窗口設(shè)置在首頁(yè)上，主要用來(lái)接收用戶(hù)錄入的用戶(hù)名及密碼。單 擊“注冊(cè)”按鈕時(shí)，會(huì)提交到 fg-memberregister.jsp 頁(yè)面執(zhí)行；單擊“登錄” 按鈕時(shí)，系統(tǒng)將對(duì)輸入的用戶(hù)名和密碼進(jìn)行驗(yàn)證，如果數(shù)據(jù)表中用戶(hù)名和密碼 存在就顯示登陸成功，并返回首頁(yè)，否則彈出錯(cuò)誤提示信息。用戶(hù)