1、PAGE PAGE 57內(nèi)蒙古科技大學(xué)本科生畢業(yè)設(shè)計說明書（畢業(yè)論文）題 目：鮮花銷售網(wǎng)站的設(shè)計與實(shí)現(xiàn)學(xué)生姓名：學(xué) 號：專 業(yè)：班 級：指導(dǎo)教師：褚燕華老師內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計說明書（畢業(yè)論文）鮮花銷售網(wǎng)站的設(shè)計與實(shí)現(xiàn)摘 要隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)上購物已經(jīng)成為一種時尚。人們可以通過網(wǎng)絡(luò)選擇更多的商品。本網(wǎng)站是一個相對簡單的系統(tǒng)，主要滿足傳統(tǒng)花店的運(yùn)營需要，將自己的銷售渠道擴(kuò)展到網(wǎng)上，實(shí)現(xiàn)鮮花的在線銷售。鮮花銷售網(wǎng)站的使用者主要是客戶和銷售管理者。對于客戶來說，實(shí)現(xiàn)的功能包括鮮花瀏覽、根據(jù)關(guān)鍵字搜索鮮花、查看鮮花詳細(xì)信息等。注冊登陸后的客戶還能實(shí)現(xiàn)加入購物車、購買支付、訂單查詢以及個人信息修

2、改等。銷售管理者登錄后，可以對會員、鮮花和訂單進(jìn)行管理。鮮花銷售網(wǎng)站是在MyEclipse10環(huán)境中，采用MVC思想，分別從模型、視圖、控制器三方面進(jìn)行分層開發(fā)設(shè)計。該網(wǎng)站是基于瀏覽器/服務(wù)器結(jié)構(gòu)（B/S），采用SSH2（Struts2+Spring+Hibernate）構(gòu)建框架。數(shù)據(jù)庫選用受大眾喜愛的 MySQL數(shù)據(jù)庫，用Java和JSP開發(fā)語言進(jìn)行開發(fā)。關(guān)鍵詞：網(wǎng)購；鮮花銷售網(wǎng)站；B/S結(jié)構(gòu)；MVC；SSH2內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計說明書（畢業(yè)論文）The Design and Implementation ofFlower Sale WebsiteAbstractWith the rapi

3、d development of the Internet, online shopping has already become a kind of vogue. This website is a simple system relatively, which require the need of traditional store. In order to expending their sales channels, we develop the Flower Sale Website System.The users of Flower Sale Website are custo

4、mers and sales managers. The customers can skim through flowers, search flowers according to a keyword, look search details about each flower and so on. When customers log in, they can add to cart, pay for orders, manage the orders and so on. While sales managers log in, he can manage orders, flower

5、s and members.The Flower Sale Website has developed with MyEclipse10, using MVC ideas ,which according to model, view andcontroller three parts to design. The website is based on browser / server, using SSH2（Struts2 and Spring and Hibernate ）framework.The database choosen the MySQL, which is the mos

6、t popular. The development language used Java and JSP.Key words:Online shopping; Flower Sale Website; B/S; MVC; SSH2內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計說明書（畢業(yè)論文）目錄TOC o 1-3 h z u HYPERLINK l _Toc453741946 摘要 PAGEREF _Toc453741946 h I HYPERLINK l _Toc453741947 Abstract PAGEREF _Toc453741947 h II HYPERLINK l _Toc453741948 第一章

7、 緒論 PAGEREF _Toc453741948 h 1 HYPERLINK l _Toc453741949 1.1 研究背景 PAGEREF _Toc453741949 h 1 HYPERLINK l _Toc453741950 1.2 系統(tǒng)目標(biāo) PAGEREF _Toc453741950 h 1 HYPERLINK l _Toc453741951 1.3 可行性分析 PAGEREF _Toc453741951 h 1 HYPERLINK l _Toc453741952 1.3.1 經(jīng)濟(jì)可行性 PAGEREF _Toc453741952 h 2 HYPERLINK l _Toc453741

8、953 1.3.2 操作可行性 PAGEREF _Toc453741953 h 2 HYPERLINK l _Toc453741954 1.3.3 法律可行性 PAGEREF _Toc453741954 h 2 HYPERLINK l _Toc453741955 1.3.4 技術(shù)可行性 PAGEREF _Toc453741955 h 2 HYPERLINK l _Toc453741956 1.4 課題意義 PAGEREF _Toc453741956 h 3 HYPERLINK l _Toc453741957 第二章 開發(fā)工具介紹 PAGEREF _Toc453741957 h 4 HYPERL

9、INK l _Toc453741958 2.1 MyEclipse介紹 PAGEREF _Toc453741958 h 4 HYPERLINK l _Toc453741959 2.2 MySQL介紹 PAGEREF _Toc453741959 h 4 HYPERLINK l _Toc453741960 2.3 Tomcat介紹 PAGEREF _Toc453741960 h 4 HYPERLINK l _Toc453741961 2.4 Java語言介紹 PAGEREF _Toc453741961 h 5 HYPERLINK l _Toc453741962 2.5 Hibernate框架介紹

10、PAGEREF _Toc453741962 h 5 HYPERLINK l _Toc453741963 2.6 Struts 2框架介紹 PAGEREF _Toc453741963 h 5 HYPERLINK l _Toc453741964 2.7 Spring 框架介紹 PAGEREF _Toc453741964 h 5 HYPERLINK l _Toc453741965 第三章 鮮花銷售網(wǎng)站的需求分析 PAGEREF _Toc453741965 h 7 HYPERLINK l _Toc453741966 3.1 網(wǎng)站功能分析 PAGEREF _Toc453741966 h 7 HYPERL

11、INK l _Toc453741967 3.1.1 參與者 PAGEREF _Toc453741967 h 7 HYPERLINK l _Toc453741968 3.1.2 需求結(jié)構(gòu) PAGEREF _Toc453741968 h 7 HYPERLINK l _Toc453741969 3.2 主要功能描述 PAGEREF _Toc453741969 h 8 HYPERLINK l _Toc453741970 3.2.1 鮮花瀏覽 PAGEREF _Toc453741970 h 8 HYPERLINK l _Toc453741971 3.2.2 鮮花搜索 PAGEREF _Toc453741

12、971 h 8 HYPERLINK l _Toc453741972 3.2.3 注冊/登錄/退出 PAGEREF _Toc453741972 h 8 HYPERLINK l _Toc453741973 3.2.4 購物車管理 PAGEREF _Toc453741973 h 8 HYPERLINK l _Toc453741974 3.2.5 在線支付 PAGEREF _Toc453741974 h 9 HYPERLINK l _Toc453741975 3.2.6 個人信息修改 PAGEREF _Toc453741975 h 9 HYPERLINK l _Toc453741976 3.2.7 訂

13、單管理 PAGEREF _Toc453741976 h 9 HYPERLINK l _Toc453741977 3.2.8 鮮花賣家后臺管理 PAGEREF _Toc453741977 h 9 HYPERLINK l _Toc453741978 第四章 鮮花銷售網(wǎng)站的總體設(shè)計 PAGEREF _Toc453741978 h 10 HYPERLINK l _Toc453741979 4.1 實(shí)體類 PAGEREF _Toc453741979 h 10 HYPERLINK l _Toc453741980 4.2 數(shù)據(jù)庫設(shè)計模型 PAGEREF _Toc453741980 h 11 HYPERLIN

14、K l _Toc453741981 4.2.1 表結(jié)構(gòu)設(shè)計 PAGEREF _Toc453741981 h 11 HYPERLINK l _Toc453741982 4.2.2 數(shù)據(jù)庫表之間的關(guān)系 PAGEREF _Toc453741982 h 14 HYPERLINK l _Toc453741983 第五章 鮮花銷售網(wǎng)站的詳細(xì)設(shè)計 PAGEREF _Toc453741983 h 15 HYPERLINK l _Toc453741984 5.1 網(wǎng)站主要頁面的詳細(xì)設(shè)計 PAGEREF _Toc453741984 h 15 HYPERLINK l _Toc453741985 5.1.1 網(wǎng)站主頁

15、的詳細(xì)設(shè)計 PAGEREF _Toc453741985 h 15 HYPERLINK l _Toc453741986 5.1.2 鮮花瀏覽頁面的詳細(xì)設(shè)計 PAGEREF _Toc453741986 h 15 HYPERLINK l _Toc453741987 5.1.3 鮮花詳細(xì)信息頁面的詳細(xì)設(shè)計 PAGEREF _Toc453741987 h 16 HYPERLINK l _Toc453741988 5.1.4 登錄頁面的詳細(xì)設(shè)計 PAGEREF _Toc453741988 h 16 HYPERLINK l _Toc453741989 5.1.5 個人信息修改頁面的詳細(xì)設(shè)計 PAGEREF

16、_Toc453741989 h 17 HYPERLINK l _Toc453741990 5.2 網(wǎng)站主要功能的詳細(xì)設(shè)計 PAGEREF _Toc453741990 h 18 HYPERLINK l _Toc453741991 5.2.1 關(guān)鍵字搜索的詳細(xì)設(shè)計 PAGEREF _Toc453741991 h 18 HYPERLINK l _Toc453741992 5.2.2 鮮花瀏覽的詳細(xì)設(shè)計 PAGEREF _Toc453741992 h 18 HYPERLINK l _Toc453741993 5.2.3 購物車管理的詳細(xì)設(shè)計 PAGEREF _Toc453741993 h 19 HYP

17、ERLINK l _Toc453741994 5.2.4 注冊/登錄/退出的詳細(xì)設(shè)計 PAGEREF _Toc453741994 h 20 HYPERLINK l _Toc453741995 5.2.5 會員修改個人信息的詳細(xì)設(shè)計 PAGEREF _Toc453741995 h 22 HYPERLINK l _Toc453741996 5.2.6 訂單管理的詳細(xì)設(shè)計 PAGEREF _Toc453741996 h 23 HYPERLINK l _Toc453741997 5.2.7 鮮花賣家管理之鮮花管理詳細(xì)設(shè)計 PAGEREF _Toc453741997 h 24 HYPERLINK l _

18、Toc453741998 5.2.8 鮮花賣家管理之訂單管理詳細(xì)設(shè)計 PAGEREF _Toc453741998 h 25 HYPERLINK l _Toc453741999 5.2.9 鮮花賣家管理之會員管理詳細(xì)設(shè)計 PAGEREF _Toc453741999 h 26 HYPERLINK l _Toc453742000 5.3 鮮花網(wǎng)站業(yè)務(wù)邏輯架構(gòu)設(shè)計 PAGEREF _Toc453742000 h 27 HYPERLINK l _Toc453742001 第六章 鮮花銷售網(wǎng)站的系統(tǒng)實(shí)現(xiàn) PAGEREF _Toc453742001 h 29 HYPERLINK l _Toc45374200

19、2 6.1 鮮花銷售網(wǎng)站主頁的實(shí)現(xiàn) PAGEREF _Toc453742002 h 29 HYPERLINK l _Toc453742003 6.1.1 主頁頁面的實(shí)現(xiàn) PAGEREF _Toc453742003 h 29 HYPERLINK l _Toc453742004 6.1.2 主頁的主要實(shí)現(xiàn)代碼 PAGEREF _Toc453742004 h 30 HYPERLINK l _Toc453742005 6.2 鮮花瀏覽的實(shí)現(xiàn) PAGEREF _Toc453742005 h 30 HYPERLINK l _Toc453742006 6.2.1 鮮花瀏覽頁面的實(shí)現(xiàn) PAGEREF _Toc

20、453742006 h 30 HYPERLINK l _Toc453742007 6.2.2 鮮花瀏覽的主要實(shí)現(xiàn)代碼 PAGEREF _Toc453742007 h 31 HYPERLINK l _Toc453742008 6.3 個人信息修改的實(shí)現(xiàn) PAGEREF _Toc453742008 h 31 HYPERLINK l _Toc453742009 6.3.1 個人信息修改頁面的實(shí)現(xiàn) PAGEREF _Toc453742009 h 31 HYPERLINK l _Toc453742010 6.3.2 個人信息修改主要實(shí)現(xiàn)代碼 PAGEREF _Toc453742010 h 32 HYPE

21、RLINK l _Toc453742011 6.4 購物車功能的實(shí)現(xiàn) PAGEREF _Toc453742011 h 32 HYPERLINK l _Toc453742012 6.4.1 購物車頁面的實(shí)現(xiàn) PAGEREF _Toc453742012 h 32 HYPERLINK l _Toc453742013 6.4.2 購物車部分功能的主要實(shí)現(xiàn)代碼 PAGEREF _Toc453742013 h 33 HYPERLINK l _Toc453742014 6.5 用戶登錄功能的實(shí)現(xiàn) PAGEREF _Toc453742014 h 34 HYPERLINK l _Toc453742015 6.5

22、.1 登錄頁面的實(shí)現(xiàn) PAGEREF _Toc453742015 h 34 HYPERLINK l _Toc453742016 6.5.2 登錄功能的主要實(shí)現(xiàn)代碼 PAGEREF _Toc453742016 h 34 HYPERLINK l _Toc453742017 6.6 生成訂單頁面和代碼的實(shí)現(xiàn) PAGEREF _Toc453742017 h 35 HYPERLINK l _Toc453742018 6.7 鮮花管理之新品上架的實(shí)現(xiàn) PAGEREF _Toc453742018 h 36 HYPERLINK l _Toc453742019 6.7.1 鮮花上架頁面的實(shí)現(xiàn) PAGEREF _

23、Toc453742019 h 36 HYPERLINK l _Toc453742020 6.7.2 鮮花上架主要實(shí)現(xiàn)代碼 PAGEREF _Toc453742020 h 37 HYPERLINK l _Toc453742021 總結(jié) PAGEREF _Toc453742021 h 38 HYPERLINK l _Toc453742022 參考文獻(xiàn) PAGEREF _Toc453742022 h 40 HYPERLINK l _Toc453742023 致謝 PAGEREF _Toc453742023 h 41內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計說明書（畢業(yè)論文）緒論研究背景隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)上購物已經(jīng)

24、成為了一種時尚，越來越受到人們的喜愛。在網(wǎng)絡(luò)銷售的方式下，消費(fèi)者足不出戶也能完成購物。隨著生活水平的不斷提高，人們已經(jīng)不再滿足于簡單的衣食溫飽，而是越來越追求生活品質(zhì)。鮮花作為生活中的點(diǎn)綴，也越來越成為生活所需。因?yàn)楦鱾€城市的人員流動比較大，異地送花也已經(jīng)是件比較常見的事，所以傳統(tǒng)花店相對來說已經(jīng)比較不合時宜。在這個時候，鮮花銷售網(wǎng)站就挑起了大梁，發(fā)揮了大作用。本系統(tǒng)就是實(shí)現(xiàn)鮮花在線銷售的一個網(wǎng)站。網(wǎng)上鮮花銷售可以使消費(fèi)者隨時隨地瀏覽鮮花信息，打破了時間和空間的局限，為消費(fèi)者提供了便利。同時，網(wǎng)上鮮花銷售降低了商家銷售的成本，拓展銷售渠道，可以賺更多的錢。在以后的生活中，該網(wǎng)站必然會真正融入人

25、們的生活中。系統(tǒng)目標(biāo)鮮花商家能夠拓展銷售渠道，出售更多的鮮花，同時降低成本，盈利；消費(fèi)者可以隨時隨地選購鮮花，送出自己的心意。該網(wǎng)站主要實(shí)現(xiàn)了客戶可以進(jìn)行鮮花瀏覽、根據(jù)關(guān)鍵字搜索鮮花、查看鮮花詳細(xì)信息、注冊、登錄、修改個人信息、添加鮮花到購物車、購買付款、訂單管理等操作；鮮花銷售管理者可以進(jìn)行會員管理、鮮花管理、訂單管理、搜索等操作。可行性分析為了更好的完成本次設(shè)計，在開始前，先進(jìn)行可行性分析，再決定是否繼續(xù)設(shè)計。而可行性研究的目的，就是用最小的代價在盡可能短的時間內(nèi)確定問題是否能夠解決。經(jīng)濟(jì)可行性本次設(shè)計過程中，所需要的軟硬件條件有電腦、MyEclipse10、MySQL、Tomcat、Dr

26、eamweaver等等，而這些軟硬件平時都要用到，所以早已具備，并沒有什么經(jīng)濟(jì)支出。此次設(shè)計的網(wǎng)站規(guī)模小、設(shè)計過程所需的時間總體上也不算長，所以經(jīng)濟(jì)成本相對比較小。所以，經(jīng)濟(jì)上是可行。操作可行性鮮花銷售網(wǎng)站與別的購物網(wǎng)站并沒有多大的區(qū)別，對于經(jīng)常網(wǎng)購的人來說，操作上并沒有什么問題；而對于不怎么網(wǎng)購的人來說，也是比較容易學(xué)習(xí)。所以，操作上可行的。法律可行性這個網(wǎng)站是本人的畢業(yè)設(shè)計，從頁面效果布局到后臺代碼均有本人設(shè)計完成，并不存在什么侵犯別人的合法權(quán)益等事件。本人所用到的軟件和框架等都是可以合法使用的，所以，法律上可行的。技術(shù)可行性鮮花銷售網(wǎng)站所涉及的技術(shù)有SSH2技術(shù)，該技術(shù)是由Struts2

27、、Spring、Hibernate集成的框架。這種框架是目前比較流行的一種Web應(yīng)用程序開源框架，越來越多的程序員使用這個框架進(jìn)行開發(fā)，所以SSH2勝任鮮花銷售網(wǎng)站的設(shè)計與開發(fā)。數(shù)據(jù)庫選用為比較流行的MySQL數(shù)據(jù)庫，該數(shù)據(jù)庫開放源碼而且供開發(fā)者免費(fèi)試用。用Hibernate對數(shù)據(jù)進(jìn)行操作。Hibernate其實(shí)就是JDBC的封裝，簡化了JDBC的編碼，使得程序員可以更好將精力放在業(yè)務(wù)邏輯上。所以，技術(shù)是可行的。綜合以上的可行性分析，鮮花銷售網(wǎng)站可以進(jìn)行開發(fā)。課題意義鮮花銷售網(wǎng)站是在網(wǎng)上消費(fèi)方式盛行的趨勢下，緊跟時代的潮流，抓住市場機(jī)遇融入社會，滿足顧客需求，為客戶提供更好的服務(wù)。對于客戶來說

28、，主要是便利，不用考慮時間和地域因素，只要有網(wǎng)絡(luò)，隨時隨地下單；同時，客戶可以更直觀的看到各種鮮花及其介紹，可以隨心所欲的進(jìn)行選購。對于銷售管理者來說，從根本上降低了商家銷售的成本。鮮花銷售網(wǎng)站的實(shí)現(xiàn)順應(yīng)當(dāng)下潮流，既方便買主挑選鮮花，又能為賣家節(jié)約成本，更好的創(chuàng)造財富。使用鮮花銷售網(wǎng)站好處主要有以下幾點(diǎn)：1、只要有網(wǎng)絡(luò)，客戶就可以隨時隨地進(jìn)入網(wǎng)站主頁瀏覽鮮花，查看鮮花詳細(xì)信息。2、客戶在鮮花瀏覽頁面可以根據(jù)時間、價格或者銷量來選擇鮮花顯示的順序?？蛻暨€能在搜索欄直接輸入關(guān)鍵字來搜索鮮花，這樣能使客戶更直觀的選擇自己想要鮮花，節(jié)約時間。3、銷售管理者可以在網(wǎng)站上及時更新訂單狀態(tài)和鮮花信息，同時能

29、夠管理網(wǎng)站的會員，維護(hù)網(wǎng)站秩序。開發(fā)工具介紹MyEclipse介紹MyEclipse，全稱MyEclipse Enterprise Workbench，是一個包含了完整的設(shè)計開發(fā)以及發(fā)布，在eclipse的基礎(chǔ)上同時又融入了許多插件的開發(fā)環(huán)境。MyEclipse功能強(qiáng)大，能得到多種技術(shù)支持如HTML、JSP等，方便程序員開發(fā)。MySQL介紹MySQL是一個小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。雖然MySQL的規(guī)模和功能不及Oracle、SQL Server等數(shù)據(jù)庫，但是由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為數(shù)據(jù)庫。而且對于

30、一般的個人使用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余。Tomcat介紹Tomcat是一個供開發(fā)者免費(fèi)使用的服務(wù)器，一般用于開發(fā)規(guī)模一般的系統(tǒng)。同時，Tomcat也是JSP頁面運(yùn)行和調(diào)試過程中首要的選擇。它不僅不花錢，而且它的功能也很強(qiáng)大，方便大家使用。Tomcat是Servlet的運(yùn)行環(huán)境，是JSP和Servlet規(guī)范的標(biāo)準(zhǔn)實(shí)現(xiàn)，具備了很多商業(yè)Java Servlet容器的特性。Tomcat沒有繁瑣的安裝步驟，只需要拷貝到電腦的某個盤，然后在MyEclipse10里配置一下就可以使用。而且與別的Java Web 服務(wù)相比較，Tomcat還具備適用群體更加廣泛、更加經(jīng)濟(jì)開源、性能更

31、加優(yōu)越等優(yōu)勢，所以更加適合用來開發(fā)。Java語言介紹Java是一款面向?qū)ο笥挚梢钥缙脚_運(yùn)行的編程語言，目前在全球IT界是很受歡迎，不少培訓(xùn)機(jī)構(gòu)專門為此推出了各種班吸引生源。Java是基于對象的編程，更符合我們的思維方式，方便我們編寫代碼。實(shí)際上，Java很多特性其實(shí)就是對C和C+的進(jìn)行繼承，對其進(jìn)行“去其糟粕，取其精華”。Hibernate框架介紹JDBC不斷重復(fù)繁瑣的編碼方式給Hibernate誕生的提供了一個機(jī)遇。Hibernate是一個對象/關(guān)系數(shù)據(jù)庫映射（ORM）工具，也是一個封裝了JDBC相關(guān)操作的框架，簡化了創(chuàng)建、更新、讀取和刪除（CURD）操作。程序員使用這個框架就不再需要寫面向

32、關(guān)系的SQL語句，只是使用面向?qū)ο蟮姆椒ǎ群喕司幋a，也可以更好的完成業(yè)務(wù)邏輯這一塊。Hibernate是通過數(shù)據(jù)庫和配置來提供持久化，對解決Java持久化層做出了巨大的貢獻(xiàn)。Struts 2框架介紹Struts2是一個集合了部分Struts1優(yōu)點(diǎn)同時又以WebWork為設(shè)計核心供程序員免費(fèi)使用的MVC框架。以前的MVC框架死板不夠靈活、也無法擴(kuò)展，此時攔截器發(fā)揮了巨大的作用，通過它可以使Web開發(fā)中的某些應(yīng)用變得簡單。Struts2就是利用了攔截器，將核心功能放置在攔截器中，攔截器則自由組合，從而使得系統(tǒng)的解耦更加方便、靈活。攔截器，就是一個遞歸的過程。Spring 框架介紹由于企業(yè)的系統(tǒng)

33、開發(fā)程度越來越來復(fù)雜，面向?qū)ο蠊倘粫沟煤喕到y(tǒng)實(shí)現(xiàn)步驟。可是畢竟也是有一定限度的，超過限度面向?qū)ο蟮姆椒ň筒粔蛴昧耍l(fā)揮不了多大作用。為了解決這一問題而創(chuàng)建Spring框架。Spring框架核心機(jī)制就是依賴注入。通過Spring框架，我們不用在Service層在new一個Dao對象而直接用Resource注入就行。從技術(shù)上看，Spring是封裝得很清晰的一個分層架構(gòu)。鮮花銷售網(wǎng)站的需求分析網(wǎng)站功能分析參與者鮮花銷售網(wǎng)站的主要參與者有：銷售管理員（鮮花賣家）、會員（客戶）、網(wǎng)站瀏覽者（未注冊）。需求結(jié)構(gòu)鮮花銷售網(wǎng)站主要是虛擬鮮花店鋪實(shí)現(xiàn)鮮花買賣的功能，其需求可以分為前臺需求和后臺需求兩方面。前

34、臺需求，就是鮮花買主能夠進(jìn)行的操作；而后臺需求就是賣家的對網(wǎng)站管理操作。通過需求分析，設(shè)計出鮮花銷售網(wǎng)站的需求結(jié)構(gòu)，如圖3.1所示。圖3.1 鮮花銷售網(wǎng)站的需求結(jié)構(gòu)主要功能描述鮮花瀏覽導(dǎo)航欄上有首頁、新品上市和鮮花類別（鮮花、永生花、精品花籃等）。網(wǎng)站瀏覽者可以根據(jù)自己需要，單擊某一類別進(jìn)入鮮花瀏覽頁面。在該頁面，在鮮花瀏覽頁面，網(wǎng)站瀏覽者也可以根據(jù)時間、價格或者銷量來選擇鮮花顯示的順序，以方便自己更具有目的性的進(jìn)行選擇。當(dāng)選好某一鮮花，點(diǎn)擊鮮花圖片就可以進(jìn)入鮮花詳細(xì)頁面，該頁面有鮮花的名稱、價格、銷量和鮮花的介紹等詳細(xì)信息，并且在該鮮花的下方有銷量最前的幾束鮮花推薦供網(wǎng)站瀏覽者參考。已經(jīng)登錄

35、過的網(wǎng)站瀏覽者在鮮花詳細(xì)頁面還可以實(shí)現(xiàn)加入購物車和直接購買的功能，未登錄的瀏覽者點(diǎn)擊則會直接跳轉(zhuǎn)至登錄頁面。鮮花搜索網(wǎng)站瀏覽者可以在搜索欄輸入自己想要的鮮花的關(guān)鍵字，單擊“搜索”，頁面自動轉(zhuǎn)至搜索反饋頁面并顯示搜索到鮮花供瀏覽者選擇。注冊/登錄/退出如果還沒有在鮮花銷售網(wǎng)站注冊過的網(wǎng)站瀏覽者（即游客）可以在首頁左上方單擊“免費(fèi)注冊”進(jìn)入注冊頁面，填好相應(yīng)的信息進(jìn)行注冊，然后再進(jìn)行登錄；而已經(jīng)注冊過的網(wǎng)站瀏覽者（即會員）就可以單擊“還未登錄”、“鮮花小窩”、“購物車”等地方進(jìn)行登錄。已經(jīng)登錄后會員在網(wǎng)站的上方或者鮮花小窩單擊“退出”按鈕實(shí)現(xiàn)退出。購物車管理已經(jīng)登錄的會員在鮮花詳細(xì)頁面可以將鮮花加

36、入購物車，加入數(shù)量為1，頁面直接跳轉(zhuǎn)到購物車頁面。在網(wǎng)站的最上方有“購物車”按鈕，單擊進(jìn)入購物車頁面，該頁面有“+”、“-”和刪除按鈕可以進(jìn)行購物車管理。其中“-”按鈕在數(shù)量為1時，如果再操作“-”將無法執(zhí)行，如需其執(zhí)行就要進(jìn)行刪除操作。在購物車頁面還能進(jìn)行鮮花購買和鮮花推薦。在線支付已經(jīng)登錄后的會員點(diǎn)擊“購買”后，進(jìn)入填寫訂單頁面，主要填寫地址、收件人等重要信息，頁面跳轉(zhuǎn)至訂單詳細(xì)頁面，然后確定訂單。然后跳轉(zhuǎn)到支付銀行選擇的頁面，會員選擇好銀行（默認(rèn)為建設(shè)銀行），單擊確認(rèn)。頁面彈出確認(rèn)支付提示框，確定則轉(zhuǎn)入支付頁面完成支付操作；取消則支付取消。個人信息修改已經(jīng)登錄后的會員單擊網(wǎng)站右上方“鮮花

37、小窩”，頁面轉(zhuǎn)入鮮花小窩頁面。在鮮花小窩頁面，會員可以選擇“信息修改”進(jìn)行個人信息修改。信息修改完成后，會員將退出提示需要重新登錄。訂單管理已經(jīng)登錄后的會員在鮮花小窩頁面，點(diǎn)擊“訂單查詢”，進(jìn)入訂單管理頁面，該頁面會顯示該會員所有訂單，會員可以在這個頁面根據(jù)訂單的狀態(tài)對訂單進(jìn)行付款、簽收、刪除等操作。鮮花賣家后臺管理（1）會員管理：銷售管理員登錄后進(jìn)入管理頁面，可以選擇“會員管理”進(jìn)行分頁查看會員，并進(jìn)行管理。其中訂單管理也與之類似。（2）鮮花管理：銷售管理員在管理頁面單擊“鮮花管理”進(jìn)入鮮花管理頁面可以查看鮮花記錄，在操作欄還能進(jìn)行查看和刪除操作；在鮮花詳細(xì)信息頁面還能對鮮花進(jìn)行修改；同時銷

38、售管理員也可以實(shí)現(xiàn)新品上架和鮮花類別管理等操作；銷售管理員根據(jù)導(dǎo)航欄查看網(wǎng)站鮮花信息。鮮花銷售網(wǎng)站的總體設(shè)計實(shí)體類參照需求分析可以總結(jié)出訂單、鮮花、購物車、鮮花類別、用戶、訂單明細(xì)和購物車明細(xì)七個實(shí)體類。鮮花實(shí)體是用于保存鮮花信息，描述某一鮮花的詳細(xì)信息；鮮花類別實(shí)體是用于保存鮮花類別，描述某一鮮花是屬于什么類別，如屬于鮮花花束類別；訂單實(shí)體是用來保存訂單詳細(xì)信息；訂單明細(xì)用于保存購買鮮花的編號、數(shù)量、價格及小計；用戶實(shí)體是用于保存買家信息。購物車是用來保存用戶可能要購買的鮮花，購物車明細(xì)是用來保存預(yù)計購買鮮花的編號、數(shù)量及價格。這些實(shí)體類之間的關(guān)系如圖4.1所示。圖4.1 實(shí)體之間的關(guān)系數(shù)據(jù)

39、庫設(shè)計模型表結(jié)構(gòu)設(shè)計結(jié)合需求分析和實(shí)體結(jié)構(gòu)規(guī)劃，設(shè)計出相應(yīng)的表結(jié)構(gòu)。鮮花、鮮花類別、訂單、訂單明細(xì)和用戶將會用數(shù)據(jù)庫的表結(jié)構(gòu)存儲相應(yīng)的信息。為了方便起見，購物車和購物車明細(xì)不采用表結(jié)構(gòu)存儲，而是使用session存儲在服務(wù)器。所以該系統(tǒng)有鮮花表、鮮花類別、訂單表、訂單明細(xì)表和用戶表五張表結(jié)構(gòu)。會員表是用來存儲會員的詳細(xì)信息。該表的字段有用戶序號、用戶名稱、密碼、聯(lián)系方式、狀態(tài)和角色，其中用戶號是主鍵。詳細(xì)設(shè)計如表4.1所示。表4.1會員表字段標(biāo)識字段名稱數(shù)據(jù)類型大小約束默認(rèn)值id用戶序號varchar255PK，NNusername用戶名稱varchar255NNpassword密碼varch

40、ar255NNphone聯(lián)系方式varchar255NNsatus狀態(tài)int11NN0role角色int11NN0鮮花類別表是用來存儲鮮花類別的詳細(xì)信息。該表有鮮花類別編號（id）和鮮花類別名稱（name）兩個字段，其中鮮花類別編號式主鍵，不是自動生成，需要自己輸入。詳細(xì)設(shè)計如表4.2所示。表4.2 鮮花類別表字段標(biāo)識字段名稱數(shù)據(jù)類型大小約束默認(rèn)值id鮮花類別編號varchar255PK，NNname鮮花類別名稱varchar255NN鮮花表是用來存儲鮮花的詳細(xì)信息。該表的字段有鮮花編號、鮮花名稱、描述、圖片（四個）、銷量、價格、鮮花類別和上架時間。其中鮮花編號是主鍵，鮮花類別是外鍵，建立了鮮

41、花表與鮮花類別表之間的聯(lián)系，說明該鮮花是屬于哪個類別。詳細(xì)設(shè)計如表4.3所示。表4.3鮮花表字段標(biāo)識字段名稱數(shù)據(jù)類型大小約束默認(rèn)值flowerId鮮花編號varchar255PK，NNname鮮花名稱varchar255NNdescription描述varchar255NNimage圖片varchar255NNimage2圖片varchar255NNimage3圖片varchar255NNimage4圖片varchar255NNnum銷量int11NN0price價格floatNNid鮮花類別varchar255FK，NNaddtime上架時間datetimeNN訂單表是用來存儲訂單的詳細(xì)信息

42、。該表的字段有訂單號、創(chuàng)建人、訂單流水號、訂單量、合計、訂單狀態(tài)、下單時間、收件人、收件地址、聯(lián)系電話和祝福，其中訂單號是主鍵，創(chuàng)建人是外鍵。創(chuàng)建人這個外鍵建立了訂單表與會員表之間的聯(lián)系，說明該訂單是由哪個會員創(chuàng)建。訂單狀態(tài)是int型，有未付款狀態(tài)（用0表示）、取消狀態(tài)（用1表示）、訂單已移除狀態(tài)（用2表示）、已付款狀態(tài)（用3表示）、已發(fā)貨狀態(tài)（用4表示）、已簽收狀態(tài)（用5表示）、用戶已移除（用6表示）七個狀態(tài)。詳細(xì)設(shè)計如表4.4所示。表4.4 訂單表字段標(biāo)識字段名稱數(shù)據(jù)類型大小約束默認(rèn)值id訂單號varchar255PK，NNuserid創(chuàng)建人varchar255FK,NNordersnum

43、訂單流水號varchar255NNallnum訂單量int11NNtotalprice合計floatNNstatus訂單狀態(tài)int11NN0otime下單時間timestampNNreceiver收件人varchar255NNreAddress收件地址varchar255NNreTelephone聯(lián)系電話varchar255NNgoodwishes祝福varchar255訂單明細(xì)表是用來存儲訂單明細(xì)的詳細(xì)信息。該表的字段有訂單明細(xì)號、鮮花數(shù)量、單價、小計、鮮花號和訂單號，其中訂單明細(xì)號是主鍵，鮮花號和訂單號是外鍵。鮮花號創(chuàng)建了訂單明細(xì)表與鮮花表之間的關(guān)系，說明該訂單明細(xì)里的鮮花是哪束。訂單號創(chuàng)

44、建訂單明細(xì)表和訂單表之間的關(guān)系，說明該訂單明細(xì)屬于哪個訂單。詳細(xì)設(shè)計如表4.5所示。表4.5 訂單明細(xì)表字段標(biāo)識字段名稱數(shù)據(jù)類型大小約束默認(rèn)值id訂單明細(xì)號varchar255PK，NNnum鮮花數(shù)量int11NNprice單價floatNNsubtotal小計floatNNflowerId鮮花號varchar255FK，NNorderid訂單號varchar255FK，NN數(shù)據(jù)庫表之間的關(guān)系根據(jù)4.2.1節(jié)表結(jié)構(gòu)設(shè)計，用PowerDesigner軟件，依次錄入各個表的字段，設(shè)置各個表之間的外鍵關(guān)系，得到表之間的關(guān)系，如圖4.2所示。從圖中可以看出user和orders有外鍵關(guān)系、orders

45、和orderItem有外鍵關(guān)系，orderItem和flower有外鍵關(guān)系、flower和flowertype有外鍵關(guān)系。圖4.2 表之間的關(guān)系鮮花銷售網(wǎng)站的詳細(xì)設(shè)計網(wǎng)站主要頁面的詳細(xì)設(shè)計網(wǎng)站主頁的詳細(xì)設(shè)計該網(wǎng)站的主頁可以分為頂部導(dǎo)航、搜索欄、導(dǎo)航欄、圖片展示、熱銷商品顯示和底部六個部分。如果普通用戶瀏覽網(wǎng)站，頂部導(dǎo)航左邊將顯示歡迎詞、登錄和注冊；如果會員登錄后瀏覽網(wǎng)站，該部分將顯示的是歡迎詞、該用戶的用戶名和退出。頂部導(dǎo)航右邊將顯示鮮花小窩、購物車和管理登錄。如果會員登錄后瀏覽網(wǎng)站，該部分將顯示鮮花小窩和購物車；如果銷售管理員登錄后瀏覽網(wǎng)站，該部分將顯示的我的微店。導(dǎo)航欄顯示的是首頁、新品上

46、架和鮮花類別。圖片展示采用了JS特效，主要是用于美化頁面。底部顯示的版權(quán)信息和聯(lián)系方式。詳細(xì)設(shè)計如圖5.1所示。圖5.1 網(wǎng)站主頁的詳細(xì)設(shè)計鮮花瀏覽頁面的詳細(xì)設(shè)計鮮花瀏覽頁面和主頁的不同點(diǎn)就在于導(dǎo)航欄和底部之間的部分。該部分是用來顯示鮮花的，里面有鮮花類別顯示、小按鈕（時間、銷量、價格）、鮮花總數(shù)和分頁按鈕，中間部分是用于顯示鮮花。其中新品上架頁面、搜索結(jié)果顯示頁面與該頁面相似，所以就不做介紹。頁面布局如圖5.2所示。圖5.2 鮮花瀏覽頁面鮮花詳細(xì)信息頁面的詳細(xì)設(shè)計鮮花詳細(xì)信息頁面和主頁的不同點(diǎn)也在于導(dǎo)航欄和底部之間的部分。該部分分為兩大部分，分別是鮮花詳細(xì)信息介紹和推薦區(qū)。鮮花詳細(xì)信息介紹左

47、側(cè)是鮮花名和鮮花圖片顯示，右側(cè)是文字描述、加入購物車和直接購買。推薦區(qū)是用來顯示其他用戶購買的鮮花（主要就是銷量好的鮮花）。其中購物車頁面結(jié)構(gòu)與該頁面相似，所以就不再畫圖說明。詳細(xì)設(shè)計如圖5.3所示。圖5.3 鮮花詳細(xì)信息頁面的設(shè)計登錄頁面的詳細(xì)設(shè)計登錄頁面主要提供會員登錄的功能，頁面整體風(fēng)格簡明清新。鮮花網(wǎng)用戶登錄小框后面加了JS特效實(shí)現(xiàn)了圖片輪播效果，用于美化頁面。鮮花網(wǎng)用戶登錄小框上有登錄表單，表單下方是登錄按鈕，而登錄按鈕下方有兩個頁面鏈接，分別鏈向首頁和注冊頁面。其中注冊頁面和管理員登錄頁面與該頁面相似，就不再畫圖說明。詳細(xì)設(shè)計如圖5.4所示。圖5.4 登錄頁面的設(shè)計個人信息修改頁面

48、的詳細(xì)設(shè)計個人信息修改頁面和主頁不同點(diǎn)也在于導(dǎo)航欄和底部之間的部分。該部分的左邊是鮮花小窩菜單，分別有信息修改、訂單查詢和退出。該部分的右邊修改信息的表單及更改按鈕。其中鮮花賣家后臺管理頁面、訂單生成頁面以及會員訂單查詢頁面的布局與該頁面相似，所以將不畫圖說明。詳細(xì)設(shè)計如圖5.5所示。圖5.5 個人信息修改頁面網(wǎng)站主要功能的詳細(xì)設(shè)計關(guān)鍵字搜索的詳細(xì)設(shè)計網(wǎng)站瀏覽者訪問鮮花銷售網(wǎng)站時，在搜索欄鍵入需要搜索鮮花的關(guān)鍵字后，點(diǎn)擊搜索就可以執(zhí)行。詳細(xì)過程用流程圖表示，如圖5.6所示。圖5.6 關(guān)鍵字搜索流程圖鮮花瀏覽的詳細(xì)設(shè)計網(wǎng)站瀏覽者訪問鮮花銷售網(wǎng)站主頁時，選擇導(dǎo)航欄某一類別進(jìn)入某一類別下的鮮花的瀏覽

49、。在該頁面下，瀏覽者可以選擇上架時間、價格、銷量對鮮花進(jìn)行排序分頁顯示。在該頁面可以選擇自己心儀的花單擊進(jìn)入鮮花詳細(xì)介紹頁面，可以查看鮮花的詳細(xì)信息，也可以選擇加入購物車或者直接購買，如果瀏覽者未登錄跳轉(zhuǎn)至登錄頁面，否則操作執(zhí)行，鮮花的下方有商品推薦，在主頁下拉頁面也可以看到熱銷商品。詳細(xì)過程用流程圖表示，如圖5.7所示。圖5.7 鮮花瀏覽的流程圖購物車管理的詳細(xì)設(shè)計網(wǎng)站瀏覽者瀏覽鮮花時看到心儀的鮮花，可以單擊加入購物車。如果此時瀏覽者未登錄則頁面轉(zhuǎn)到登錄頁面；已登錄的會員成功加入購物車，并且頁面轉(zhuǎn)入購物車頁面，會員可以在該頁面修改購物車?yán)秕r花的數(shù)量、甚至刪除某一鮮花。詳細(xì)過程用流程圖表示，如

50、圖5.8所示。圖5.8 會員操作購物車流程圖注冊/登錄/退出的詳細(xì)設(shè)計未完成網(wǎng)站的注冊的用戶訪問鮮花銷售網(wǎng)站時選擇注冊功能，網(wǎng)站對注冊信息有簡單的驗(yàn)證。通過驗(yàn)證后，提示注冊成功并且3秒跳轉(zhuǎn)登錄頁面。詳細(xì)過程用流程圖表示，如圖5.9所示。圖5.9 注冊會員流程圖已經(jīng)登錄的會員，在鮮花小窩頁面或者頁面頂部單擊“退出”，提示確認(rèn)退出？確認(rèn)，就成功退出。詳細(xì)過程用流程圖表示，如圖5.10所示。圖5.10 會員退出流程圖已經(jīng)注冊完成的會員在輸入用戶名和密碼，提交。通過網(wǎng)站驗(yàn)證后成功登錄，頁面轉(zhuǎn)入鮮花網(wǎng)站主頁面。詳細(xì)過程用流程圖表示，如圖5.11所示。圖5.11 會員登錄流程圖會員修改個人信息的詳細(xì)設(shè)計登

51、錄后的會員，在鮮花小窩選擇“信息修改”，填寫完信息并且提交。檢查密碼是否有空，若為空則提示不能為空；若不為空，檢查輸入信息是否合理，合理的話修改成功，并且退出登錄，頁面轉(zhuǎn)入修改成功頁面。同時提示3秒后跳轉(zhuǎn)到登錄頁面。詳細(xì)過程用流程圖表示，如圖5.12所示。圖5.12 會員個人信息修改流程圖訂單管理的詳細(xì)設(shè)計已登錄的會員，在鮮花小窩頁面選擇“訂單查詢”，可以進(jìn)行訂單管理。訂單的狀態(tài)有“未付款”、“訂單已取消”、“訂單已移除”、“未發(fā)貨”、“已發(fā)貨”、“已完成”和“用戶已移除”七個狀態(tài)。根據(jù)狀態(tài)的不同，可以有不同的操作選擇。訂單的狀態(tài)順序有兩條線：一條線是訂單成功完成；另一條線是中途取消。所以訂單

52、基本流程是：先付款，再發(fā)貨，最后簽收完成買賣。而取消訂單在付款前。所以在付款前，會員有查看、付款、修改和取消四個操作；如果選擇取消選項(xiàng)處于訂單已取消狀態(tài)，會員可以進(jìn)行查看和刪除。付完款之后發(fā)貨之前，會員有查看和修改選擇。賣家發(fā)貨之后，會員可以對查看該訂單并且簽收成功完成交易。訂單完成之后，會員可以查看訂單或者說不想看到該訂單可以選擇刪除選項(xiàng)從自己的訂單管理頁面刪除。詳細(xì)過程用流程圖表示，如圖5.13所示。圖5.13 會員相關(guān)訂單操作流程圖鮮花賣家管理之鮮花管理詳細(xì)設(shè)計已經(jīng)登錄后的鮮花賣家，在鮮花后臺頁面選擇鮮花管理，轉(zhuǎn)入鮮花管理頁面。該頁面分頁顯示鮮花信息。在該頁面可以選擇“下架”和“修改”對

53、鮮花進(jìn)行相應(yīng)操作，同時在左邊標(biāo)題欄的右邊的搜索欄輸入關(guān)鍵還能搜索。選擇左邊標(biāo)題欄中的新品上架，進(jìn)入新品上架頁面，錄入鮮花的詳細(xì)信息，檢查錄入信息是否為空，若不為空就上架成功。選擇“鮮花類別”，可以對鮮花的類別進(jìn)行添加、修改、刪除的管理。在鮮花類別管理頁面，鮮花賣家可以添加鮮花類別、刪除鮮花類別和修改鮮花類別。添加鮮花類別在頁面輸入鮮花類別信息點(diǎn)擊添加就行，修改鮮花類別單擊修改彈出輸入框輸入提交，刪除鮮花類別單擊彈出提示框“該類別下的鮮花均會刪除，確認(rèn)刪除？”，單擊確認(rèn)該類別連同該類別下的鮮花都會被刪除，所以需謹(jǐn)慎。詳細(xì)過程用流程圖表示，如圖5.14所示。圖5.14 鮮花賣家鮮花管理流程圖鮮花賣

54、家管理之訂單管理詳細(xì)設(shè)計鮮花賣家登錄后選擇訂單管理，進(jìn)入訂單管理頁面，該頁面有已完成訂單和未完成訂單兩欄。根據(jù)該訂單狀態(tài)會給賣家相對應(yīng)的操作管理選項(xiàng)選擇。詳細(xì)過程用流程圖表示，如圖5.15所示。圖5.15 鮮花賣家管理之訂單相關(guān)流程圖鮮花賣家管理之會員管理詳細(xì)設(shè)計鮮花賣家登錄后，單擊鮮花后臺管理頁面的會員管理，進(jìn)入會員管理的頁面，可以實(shí)現(xiàn)分頁瀏覽會員信息。在操作欄還可以單擊“禁用”或者“解禁”操作，二者不會同時存在，根據(jù)其狀態(tài)顯示。禁用就是禁止會員登錄，解禁就是重新允許會員登錄。詳細(xì)過程用流程圖表示，如圖5.16所示。圖5.16 鮮花賣家會員管理流程圖鮮花網(wǎng)站業(yè)務(wù)邏輯架構(gòu)設(shè)計視圖層解決前臺交互

55、方面，控制層管理用戶通過頁面提交的請求，模型層處理業(yè)務(wù)邏輯。SSH2開發(fā)架構(gòu)基本上體現(xiàn)了MVC的思想。SSH2的框架圖如圖5.17所示。圖5.17 SSH2框架圖Struts2用于響應(yīng)處理用戶通過視圖層提交請求的工作，根據(jù)請求中的方法在Struts2的配置文件找到相對應(yīng)的Action方法。最后又將處理結(jié)果根據(jù)Struts的配置文件找到相應(yīng)的頁面，將請求結(jié)果反饋給視圖層。Spring是控制模型層的主控制器，主要負(fù)責(zé)把請求配送到模型層中的不同模塊中，同時也負(fù)責(zé)將需要返回的返回結(jié)果返回相應(yīng)的視圖層。Hibernate主要負(fù)責(zé)對象化映射以及和數(shù)據(jù)庫中數(shù)據(jù)的交互，處理Dao的請求。根據(jù)它們不同的分工，S

56、SH2的大致工作流程是這樣的。當(dāng)發(fā)現(xiàn)頁面請求后，根據(jù)Struts的配置文件找到對應(yīng)的Action及其方法。在Action實(shí)現(xiàn)的方法里調(diào)用Service層，又根據(jù)Service的方法實(shí)現(xiàn)中調(diào)用Dao層，然后在Dao層的實(shí)現(xiàn)中使用Hibernate實(shí)現(xiàn)數(shù)據(jù)持久化。然后根據(jù)返回結(jié)果在Struts的配置文件找到返回的頁面。而在這個過程中，Spring主要實(shí)現(xiàn)的是依賴于注入功能控制模型層。根據(jù)MVC的思想搭建網(wǎng)站框架，網(wǎng)站的工程圖如圖5.18所示。圖5.18 網(wǎng)站的工程圖鮮花銷售網(wǎng)站的系統(tǒng)實(shí)現(xiàn)系統(tǒng)實(shí)現(xiàn)也是設(shè)計過程中最主要的一部分，也是比較難的部分，就是將網(wǎng)站功能進(jìn)行頁面實(shí)現(xiàn)和用代碼實(shí)現(xiàn)，主要挑選幾個主要

57、功能進(jìn)行詳細(xì)的頁面實(shí)現(xiàn)和代碼的實(shí)現(xiàn)解釋。鮮花銷售網(wǎng)站主頁的實(shí)現(xiàn)主頁頁面的實(shí)現(xiàn)根據(jù)頁面的詳細(xì)設(shè)計來實(shí)現(xiàn)頁面。主頁頁面頂部導(dǎo)航背景顏色是灰色，其中購物車的前面還有一個小車的圖標(biāo)。搜索欄的文本框設(shè)置了placeholder屬性，在沒有輸入內(nèi)容之前文本框會有“輸入關(guān)鍵字”的提示，輸入內(nèi)容后提示的內(nèi)容消失。來導(dǎo)航欄背景顏色采用黑色，字體的顏色用白色。圖片顯示顯示三張圖來實(shí)現(xiàn)輪播。詳細(xì)如圖6.1所示。圖6.1 鮮花銷售網(wǎng)站主頁頁面主頁的主要實(shí)現(xiàn)代碼主頁主要就是為了顯示導(dǎo)航條中搜索出全部鮮花類別的名稱以及熱銷商品。Action里的 typeList()方法中關(guān)鍵代碼如下：List flowertype=th

58、is.flowerService.findAllType();session.setAttribute(types, flowertype);String hql=from Flower f order by f.num DESC;Listflower=this.flowerService.findhotFlower(hql, 0, 11);ServletActionContext.getRequest().setAttribute(hotf,flower);鮮花瀏覽的實(shí)現(xiàn)鮮花瀏覽頁面的實(shí)現(xiàn)任意選擇鮮花的類別進(jìn)入鮮花分頁瀏覽頁面。如圖6.2所示，基本結(jié)構(gòu)與主頁類似。該頁面設(shè)置了每頁顯示鮮花的數(shù)

59、量為12，這樣就不會因?yàn)轷r花瀏覽頁面過長而影響瀏覽者瀏覽時的心情。同時導(dǎo)航欄右下角有鮮花總數(shù)的顯示，將顯示的數(shù)量的字體做了斜體處理，看起來更加引人注意。而且當(dāng)點(diǎn)擊某一鮮花圖片時，圖片會向上小浮動并且該DIV塊的邊框顏色變?yōu)榧t色。圖6.2 某一類別下的鮮花瀏覽鮮花瀏覽的主要實(shí)現(xiàn)代碼該頁面主要就是根據(jù)某一分類下的鮮花分頁顯示。Action里的flowerTodisplay()方法中的關(guān)鍵代碼如下：FlowerType flowertype=this.flowerService.findByFlowerTypeId(ServletActionContext.getRequest().getParam

60、eter(id);/為了顯示“鮮花”ServletActionContext.getRequest().setAttribute(flowertype,flowertype);String id=ServletActionContext.getRequest().getParameter(id);String hql=from Flower f where f.id=+id+;this.pageBean=this.flowerService.queryForPage(hql, 12, page);ServletActionContext.getRequest().setAttribute(pa