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

　　

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