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

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

2、闊的生存空間。網(wǎng)上食 品商店具有很多新的特性。它的營業(yè)成本比傳統(tǒng)意義上的商店低得多。它不需 要將大筆的流動資金買貨品,可依靠“零庫存”管理，縮短資金周轉(zhuǎn)的周期。 同時網(wǎng)上食品商店更容易開拓市場，實現(xiàn)市場的整合。 本文分析了系統(tǒng)實現(xiàn)中的難點和重點。設(shè)計實現(xiàn)銷售排行、新品上架、特 價商品、查看訂單、購物車和會員修改個人信息等的 jsp 頁面 。分析并解決 實現(xiàn)中的若干技術(shù)問題,建立完整的網(wǎng)上食品商店系統(tǒng)，并分析結(jié)果。 關(guān)鍵詞關(guān)鍵詞：網(wǎng)上食品商店系統(tǒng)，jsp，數(shù)據(jù)庫 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 國內(nèi)外現(xiàn)狀.1 1.3 研究（設(shè)計）內(nèi)容.2 1.4 論文的組織結(jié)構(gòu).2 2 2 相關(guān)技術(shù)簡介相關(guān)技術(shù)簡介 .3 3 2.1 jsp 技術(shù) .

8、3 2.2 microsoft sql server2000.3 2.3 web服務(wù)器.4 2.4 分類數(shù)據(jù)庫與 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 用戶需求分析 .6 3.2.3 功能需求分析 .6 3.3 業(yè)務(wù)流程分析.6 3.3.1 前臺業(yè)務(wù)流程分析 .6 3.3.2 后臺業(yè)務(wù)流程分析 .7 3.4 數(shù)據(jù)流程分析.7 3.5 運行環(huán)境及開發(fā)工具.9 4 4 系統(tǒng)總體系統(tǒng)總體設(shè)設(shè)計計 .1010 4.1 系統(tǒng)結(jié)構(gòu)設(shè)計.10 4.2 功能模塊設(shè)計.10

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

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

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

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

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

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

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

16、及刪除， 也可以對訂單信息進(jìn)行處理，同時管理員也可以對用戶信息進(jìn)行管理。 1.4 論文的組織結(jié)構(gòu) 本文分為六章，通過對這個網(wǎng)站的分析、設(shè)計與實現(xiàn)過程的全面介紹來展 示系統(tǒng)的全部特性。第一章緒論描述了課題的背景、目的與意義，介紹了國內(nèi) 外現(xiàn)狀，進(jìn)而總結(jié)出此次研究工作的內(nèi)容。第二章是在系統(tǒng)設(shè)計中的一些相關(guān) 技術(shù)簡介。第三章系統(tǒng)分析首先從幾個角度分析了系統(tǒng)開發(fā)的可行性。然后進(jìn) 行了需求分析、網(wǎng)站業(yè)務(wù)流程分析和數(shù)據(jù)流分析。第四章的系統(tǒng)總體設(shè)計在明 確了系統(tǒng)設(shè)計原則下，進(jìn)行了功能模塊設(shè)計。接著進(jìn)行數(shù)據(jù)庫設(shè)計，第五章的 系統(tǒng)實現(xiàn)闡述了系統(tǒng)頁面及其邏輯功能的實現(xiàn)，重點描述了前臺與后臺的各個 功能模塊的實現(xiàn)過

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

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

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

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

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

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

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

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

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

26、高性能 pc 機作為企業(yè)的網(wǎng)站服務(wù)器對于營銷 商來說并不是問題。 jsp 是 java 在 internet/intranet web 上的重要應(yīng)用技術(shù)，可以和各種 java 技術(shù)完好的結(jié)合在一起從而實現(xiàn)非常復(fù)雜的應(yīng)用。因此得到了廣泛的支 持和承認(rèn)，成為一種非常流行的網(wǎng)站開發(fā)技術(shù)。利用 jsp 技術(shù)可以建立先進(jìn)、 安全和跨平臺的動態(tài)網(wǎng)站。由于在學(xué)習(xí)數(shù)據(jù)庫時一直以 sql server 作為例子， 所以采用 microsoft sql server2000 作為數(shù)據(jù)庫的后臺。 （2）經(jīng)濟(jì)可行性 根據(jù)調(diào)查的資料，現(xiàn)在聘用一支團(tuán)隊設(shè)計并建設(shè)企業(yè)商務(wù)型網(wǎng)站的費用為 5300 元左右，另外每年交納 60

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

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

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

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

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

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

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

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

35、進(jìn)行維護(hù)。網(wǎng)站 前臺所顯示的信息在后臺都應(yīng)該有對應(yīng)的維護(hù)。這樣，除了設(shè)計后臺的各個管 理界面外，為了方便管理員的工作，可以將各個管理的界面結(jié)合到一個頁面中。 因此，各個管理的界面會作為主管理界面的分支。 在設(shè)計好網(wǎng)站前臺與后臺的結(jié)構(gòu)以后，就將數(shù)據(jù)庫加入到結(jié)構(gòu)中。后臺將 更新的數(shù)據(jù)寫入到數(shù)據(jù)庫中，前臺再將數(shù)據(jù)庫中的信息取出來并顯示。 4.2 功能模塊設(shè)計 層次模塊結(jié)構(gòu)是將系統(tǒng)劃分為若干子系統(tǒng)，子系統(tǒng)下再劃分為若干的模塊。 而模塊是指具備有輸入輸出、邏輯功能、運行程序和內(nèi)部數(shù)據(jù)四種屬性的一組 程序。合理的功能模塊的劃分能夠極大限度地減少重復(fù)勞動、提高開發(fā)工作的 效率并增大系統(tǒng)的可維護(hù)性。 以前面的

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

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

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

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

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

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

42、對 象，都是圍繞數(shù)據(jù)庫展開的。 4.3.1 e-r 圖 e-r 圖是一種概念模型。概念模型實際上是現(xiàn)實世界到機器世界的一個中 間層次。概念模型用于信息世界的建模，是顯示世界到信息世界的第一層抽象， 使數(shù)據(jù)庫設(shè)計人員進(jìn)行數(shù)據(jù)庫設(shè)計的有利工具，也是數(shù)據(jù)庫設(shè)計人員和用戶之 間進(jìn)行交流的語言，因此概念模型一方面應(yīng)該具有較強的語義表達(dá)能力，能夠 方便、直接的表達(dá)應(yīng)該用眾的各種語義知識，另一方面他還應(yīng)該簡單、清晰并 且易于用戶理解7。以下是各個數(shù)據(jù)表的實體圖。 （1）商品信息表 tb_goods 的實體圖 商品 發(fā)布時間 食品簡介 圖片 價格 特價 商品名稱 生產(chǎn)廠商 賣出的數(shù)量 大類別代碼商品建立編號

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

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

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

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

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

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

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

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

51、一訂單中所定購的食品的詳細(xì)信 息。表 tb_orderdetail 的結(jié)構(gòu)如表 4.5 所示。 表 4.5 tb_orderdetail 的結(jié)構(gòu) 字段名稱數(shù)據(jù)類型長度是否允許空 是否為主鍵字段描述 idint4否 是訂單建立編號 ordernumbervarchar50否 否生成的訂單號 goodsidint4否否商品編號 pricemoney8否否商品價格 numberint4否 否購買數(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) 字段名稱數(shù)據(jù)類型長度

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

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

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

55、設(shè)計過程中包含頁面（html）的設(shè)計以及客戶端驗證 機制（javascript）的設(shè)計。javascript 也叫小腳本語言，他是一種非常流 行的動態(tài)網(wǎng)頁技術(shù)。他不僅能夠?qū)崿F(xiàn)網(wǎng)頁的動態(tài)效果，而且能夠在一定程度上 檢測網(wǎng)頁的錯誤，從而在一定程度上實現(xiàn)網(wǎng)站的安全。本系統(tǒng)應(yīng)用服務(wù)器端 jsp 動態(tài)網(wǎng)頁技術(shù)，以及在 serverlet 和 javabean 的可重用組件技術(shù)的支持 下，結(jié)合客戶端動態(tài)網(wǎng)頁技術(shù) javascript 以及與 html 的無縫結(jié)合的設(shè)計，從 而方便系統(tǒng)的實現(xiàn)8。 5.2 系統(tǒng)頁面的設(shè)計與實現(xiàn) 如果將網(wǎng)站比作一個人的話，服務(wù)器就像大腦，數(shù)據(jù)庫就像五臟六腑，其 內(nèi)嵌的 java

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

57、的頁面設(shè)計決定了網(wǎng)站的風(fēng)格, 制作好的網(wǎng)站不僅提供給營銷商，更多的要供 瀏覽者瀏覽。所以整個網(wǎng)站系統(tǒng)應(yīng)注重的是：易導(dǎo)航性、易操作性和友好的交 互界面。因此，網(wǎng)站的設(shè)計最好要簡潔、明了、格調(diào)清新、實用、易于使用和 維護(hù)。在頁面的風(fēng)格上應(yīng)保持統(tǒng)一，這里采用 css 樣式表將所有頁面的字體、 字號、顏色以及超分類的樣式做統(tǒng)一定義。 5.3 前臺功能模塊的實現(xiàn) 整個系統(tǒng)分為了前臺功能模塊和后臺功能模塊。下面詳細(xì)討論主要的幾個 功能模塊的程序?qū)崿F(xiàn)。在每個模塊的介紹中，將具體說明一些涉及要點。 前臺功能模塊分為用戶模塊、訂單模塊、購物車模塊、商城公告模塊、商 品信息模塊 5 個部分。前臺首頁主要有以下幾個

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

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

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