【導(dǎo)讀】[摘要]網(wǎng)上鮮花店是一個(gè)立足于網(wǎng)絡(luò)、以鮮花為商品的專(zhuān)業(yè)性網(wǎng)上購(gòu)物網(wǎng)站。網(wǎng)上鮮花店傳承花意，為親人朋友送去心意已決成為某種時(shí)尚。眾開(kāi)辟了更為方便之門(mén)，快捷方便，為大眾所喜愛(ài)。鑒于此開(kāi)發(fā)了本系統(tǒng)。的管理、用戶(hù)信息的管理、訂單管理、管理員管理等。真正實(shí)現(xiàn)從商品的發(fā)布到。商品的購(gòu)買(mǎi)一系列的網(wǎng)上銷(xiāo)售鮮花的功能。能夠較好地滿足網(wǎng)上花店客戶(hù)的基本。需求，具有較高的實(shí)用價(jià)值。

　　

【正文】 進(jìn)行實(shí)現(xiàn)的。 圖 46 查看公告詳細(xì)信息 商品搜索功能的實(shí)現(xiàn) 本模塊用于客戶(hù)的搜索，客戶(hù)點(diǎn)擊搜索，通過(guò)表單中的 action 到 ，聯(lián)合代碼中的對(duì)應(yīng)方法從數(shù)據(jù)庫(kù)中提取與客戶(hù)要求的相應(yīng)信息，并顯示到頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 20 1．詳細(xì)信息如下圖： 圖 47 商品搜索功能圖 點(diǎn)擊以后出現(xiàn)你要找的信息以道歉為例： 點(diǎn)擊后頁(yè)面如 下： 圖 48 搜索頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 21 點(diǎn)擊你想要買(mǎi)的花就可以了解詳細(xì)信息，并決定是否購(gòu)買(mǎi)頁(yè)面如下 圖 49 了解鮮花詳細(xì)信息頁(yè)面 客戶(hù)反饋功能的實(shí)現(xiàn) 為了及時(shí)的了解顧客對(duì)我們網(wǎng)站的不滿之處或者有好的建議，我們?cè)O(shè)計(jì)了客戶(hù)反饋這個(gè)模塊，并在顧客社區(qū)可以看到顧客對(duì)我們網(wǎng)站的評(píng)價(jià) 。 點(diǎn)擊下面的 客戶(hù)反饋 ，則出現(xiàn)如下頁(yè)面 ： 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 22 圖 410 客戶(hù)反饋信息圖 如果你想了解其他顧客對(duì)該網(wǎng)站的評(píng)價(jià)和看法，你可以點(diǎn)擊 顧客社區(qū) ，在這里你可以瀏覽其他顧客的反饋信息，頁(yè)面如下 : 圖 411 顧客社區(qū) 點(diǎn)擊 留言標(biāo)題 你可以查看該信息的詳細(xì)信息 ，頁(yè)面如下 圖 412 留言詳細(xì)信息 分頁(yè)功能的實(shí)現(xiàn) ： ,；并通過(guò) form表單嵌套在首頁(yè) 中； form 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 23 name=”P(pán)ageForm” action=”/flowershop/?method=list” method=”post”/form 頁(yè)面如下 所示 : 圖 413 分頁(yè)頁(yè)面 顧客評(píng)論功能的實(shí)現(xiàn) 當(dāng)你點(diǎn)擊鮮花的時(shí)候，會(huì)出現(xiàn)如下頁(yè)面： 詳細(xì)鮮花頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 24 圖 414 點(diǎn)擊鮮花詳細(xì)頁(yè)面 詳細(xì)鮮花內(nèi)容的下面就是評(píng)論頁(yè)面 ： 圖 415 發(fā)布評(píng)論頁(yè)面 當(dāng)你把所填內(nèi)容全部填上之后，單擊 發(fā)布評(píng)論 。 購(gòu)物車(chē)功能的實(shí)現(xiàn) 1．模塊實(shí)現(xiàn)功能 該模塊主要實(shí)現(xiàn)功能： 客戶(hù)瀏覽鮮花； 添加鮮花到購(gòu)物車(chē)； 顯示購(gòu)物車(chē)中商品名稱(chēng)，價(jià)格，數(shù)量，金額和所有商品的總價(jià)； 4修改商品數(shù)量，且當(dāng)數(shù)量小于 1時(shí)為自動(dòng)刪除，同時(shí)也可以點(diǎn)擊清空購(gòu)物車(chē)按鈕來(lái)清空購(gòu)物車(chē) ； 5 提供去收銀臺(tái)的接口； 2．該應(yīng)用的具體設(shè)計(jì) ： 顧客購(gòu)買(mǎi)商品 流程圖： S y s t e m顧客瀏覽商品查看商品詳細(xì)信息添加商品到購(gòu)物車(chē)查看購(gòu)物車(chē)中商品信息修改商品數(shù)量清空購(gòu)物車(chē)數(shù)量小于 1 時(shí)刪除該商品去收銀臺(tái) 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 25 圖 416 購(gòu)物車(chē)流程圖 （ 2）用戶(hù)界面設(shè)計(jì)表： 表 41 用戶(hù)界面設(shè)計(jì) 界面 說(shuō)明 瀏覽商品 查看商品詳細(xì)信息 生成購(gòu)物車(chē)，可查看，修改及清空購(gòu)物車(chē) 核對(duì)購(gòu)物車(chē)基本信息 （ 3） Action 映射 設(shè)計(jì)： Action 映射圖： 圖 417 購(gòu)物車(chē) Action的映射圖 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 26 3．操作說(shuō)明 (1)用戶(hù)在選購(gòu)物品時(shí)，點(diǎn)擊“ 購(gòu)買(mǎi)”按鈕，即可將其對(duì)應(yīng)的物品放入購(gòu)物車(chē)中 圖 418 購(gòu)買(mǎi)鮮花頁(yè)面 (2)如下圖，購(gòu)物車(chē)中顯示出，您所購(gòu)買(mǎi)的物品名稱(chēng)及價(jià)格 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 27 圖 419 購(gòu)物車(chē)頁(yè)面 (3)點(diǎn)擊“繼續(xù)購(gòu)物”，即可回到購(gòu)物頁(yè)面，繼續(xù)選擇您所喜歡的物品 圖 420 繼續(xù)購(gòu)物頁(yè)面 (4)在購(gòu)物車(chē)頁(yè)面，可自行修改所選購(gòu)物品的數(shù)量（輸入 0 時(shí)，則從購(gòu)物車(chē)中刪除改南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 28 商品） 圖 421 修改所購(gòu)物品頁(yè)面 (5)點(diǎn)擊“清空購(gòu)物車(chē)”，即可清空你所放到購(gòu)物車(chē)中的所有物品 圖 422 清空購(gòu)物車(chē)頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 29 (6)在任何頁(yè)面，單擊購(gòu)物 車(chē)選項(xiàng)，可查看您的購(gòu)物車(chē)的臨時(shí)狀態(tài) 圖 423 查看購(gòu)物車(chē)的臨時(shí)狀態(tài)頁(yè)面 訂單功能的實(shí)現(xiàn) ：用戶(hù)必須登錄，若用戶(hù)未登錄而點(diǎn)擊下訂單 ， 返回登錄頁(yè)面。 圖 424 訂單實(shí)現(xiàn)功能的類(lèi)圖 三、詳細(xì)設(shè)計(jì) 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 30 ，點(diǎn)擊去收銀臺(tái)，進(jìn)入購(gòu)物車(chē)驗(yàn)證頁(yè)面，如下： 圖 425 收銀臺(tái)頁(yè)面 若無(wú)誤點(diǎn)擊下一步繼續(xù)執(zhí)行，若有誤返回購(gòu)物車(chē)修改！ ， 圖 426 下訂單頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 31 點(diǎn)擊提交訂單按鈕進(jìn)入信息驗(yàn)證頁(yè)面： 圖 427 下訂單確認(rèn)頁(yè)面 信息無(wú)誤提交，訂 單信息插入數(shù)據(jù)庫(kù)，進(jìn)入付款頁(yè)面！有誤返回上個(gè)頁(yè)面。 ，此次交易完成！ 圖 428 選擇付款方式頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 32 此部分 分 為兩個(gè)部分，可以查詢(xún)未完成訂單和已存檔定單；未完成訂單可以刪除，（ 1）點(diǎn)擊未完成訂單進(jìn)入此頁(yè)面： 圖 429 未完成訂單頁(yè)面 (2)點(diǎn)擊已付款的訂單進(jìn)入下個(gè)頁(yè)面： 圖 430 已付款訂單頁(yè)面 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 33 后臺(tái)管理模塊 類(lèi)圖： D b C o nn e c t io n. ja v aM a na g e r .ja v aM a na g e r L o g in. ja v a取得數(shù)據(jù)+ 封裝數(shù)據(jù) 圖 431 后臺(tái)管理類(lèi)圖 在首頁(yè)上點(diǎn)擊管理員登錄，就會(huì)出現(xiàn)后臺(tái)管理員登錄的頁(yè)面 圖 432 在首頁(yè)點(diǎn)擊管理員購(gòu)物頁(yè)面 點(diǎn)擊 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 34 管理員登陸頁(yè)面： 圖 433 后臺(tái)管理員登錄頁(yè)面 在本頁(yè)面可以選擇管理員的角色，分 為 信息管理員和用戶(hù)管理員兩種 。 5 系統(tǒng)的配置安裝與測(cè)試 系統(tǒng)正常運(yùn)行的前提是必須配置它所需要的環(huán)境，本系統(tǒng)所依賴(lài)的環(huán)境有： JDK 的安裝與配置、 TOMCAT 的安裝與配置以及數(shù)據(jù)庫(kù) MYSQL 的安裝與配置，下面就以上軟件的安裝與配置進(jìn)行詳細(xì)的說(shuō)明。 后臺(tái)服務(wù)器的配置與安裝 第一步：下載 J2SDK 和 TOMCAT. 第二步： 安裝和配置你的 j2sdk 和 tomcat：執(zhí)行 j2sdk 和 tomcat 的安裝程序，然后按默認(rèn)設(shè)置進(jìn)行安裝即可。 j2sdk 以后，需要配置一下環(huán)境變量，在我的電腦 屬性 高級(jí) 環(huán)境變量系統(tǒng)變量中添加以下環(huán)境變量 (假定你的 j2sdk 安裝在 c:\）： JAVA_HOME=c:\ classpath=.。%JAVA_HOME%\lib\。%JAVA_HOME%\lib\。（ .。一定不能少，因?yàn)樗懋?dāng)前路徑 ) path=%JAVA_HOME%\bin 接著可以寫(xiě)一個(gè)簡(jiǎn)單的 java 程序來(lái) 測(cè)試 J2SDK 是否已安裝成功： 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 35 public class Test{ public static void main(String args[]){ (This is a test program.)。 } } 將上面的這段程序保存為文件名為 的文件。 然后打開(kāi)命令提示符窗口， cd 到你的 所在目錄，然后鍵入下面的命令 javac java Test 此時(shí)如果看到打印出來(lái) This is a test ，如果沒(méi)有打印出這句話，你需要仔細(xì)檢查一下你的配置情況。 Tomcat 后，在我的電腦 屬性 高級(jí) 環(huán)境變量 系統(tǒng)變量中添加以下環(huán)境變量 (假定你的 tomcat 安裝在 c:\tomcat)： CATALINA_HOME=c:\tomcat CATALINA_BASE=c:\tomcat 然后修改環(huán)境變量中的 classpath，把 tomat 安裝目錄下的 mon\lib 下的 (可以根據(jù)實(shí)際追加 ) 追加到 classpath 中去，修改后的 classpath 如下： classpath=.。%JAVA_HOME%\lib\ 。 %CATALINA_HOME%\lib。 接著可以啟動(dòng) tomcat，在 IE 中訪問(wèn) tomcat 的歡迎頁(yè)面的話說(shuō)明安裝成功了。 第三步：建立自己的 jsp app 目錄 Tomcat 的安裝目錄的 webapps 目錄，可以看到 ROOT， examples, tomcatdocs之類(lèi) Tomcat 自帶的的目錄； webapps 目錄下新建一個(gè)目錄，起名叫 myapp； 下新建一個(gè)目錄 WEBINF，注意，目錄名稱(chēng)是區(qū)分大小寫(xiě)的； 下新建一個(gè)文件 ，內(nèi)容如下： ?xml version= encoding=ISO88591? !DOCTYPE webapp PUBLIC //Sun Microsystems, Inc.//DTD Web Application webapp displaynameMy Web Application/displayname description A application for test. 南陽(yáng)理工學(xué)院畢業(yè)設(shè)計(jì)（論文） 36 /description /webapp myapp 下新建一 個(gè) 測(cè)試 的 jsp 頁(yè)面，文件名為 ，文件內(nèi)容如下： htmlbodycenter Now time is: %=new ()% /center/body/html Tomcat ，輸入 看到當(dāng)前時(shí)間的話說(shuō)明就成 功了。 后臺(tái)數(shù)據(jù)庫(kù)的配置與安裝 根據(jù)安裝說(shuō)明進(jìn)行安裝，安裝過(guò)程中需要修改的地方如下所示 : 選擇數(shù)據(jù)庫(kù)語(yǔ)言 頁(yè)面 ： 圖 51 安裝數(shù)據(jù)庫(kù)