鮮花銷售網(wǎng)站的設計與實現(xiàn)

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

2、加入購物車、購買支付、訂單查詢以及個人信息修改等。銷售管理者登錄后，可以對會員、鮮花和訂單進行管理。鮮花銷售網(wǎng)站是在MyEclipse10環(huán)境中，采用MVC思想，分別從模型、視圖、控制器三方面進行分層開發(fā)設計。該網(wǎng)站是基于瀏覽器/服務器結構（B/S），采用SSH2（Struts2+Spring+Hibernate）構建框架。數(shù)據(jù)庫選用受大眾喜愛的 MySQL數(shù)據(jù)庫，用Java和JSP開發(fā)語言進行開發(fā)。關鍵詞：網(wǎng)購；鮮花銷售網(wǎng)站；B/S結構；MVC；SSH2 The Design and Implementation of Flower Sale WebsiteAbstractWith the

3、rapid 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 c

4、ustomers 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, fl

5、owers and members.The Flower Sale Website has developed with MyEclipse10, using MVC ideas ,which according to model, view and controller 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 t

6、he most popular . The development language used Java and JSP.Key words: Online shopping; Flower Sale Website; B/S; MVC; SSH2目 錄 TOC o 1-3 h z u 緒論研究背景隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)上購物已經(jīng)成為了一種時尚，越來越受到人們的喜愛。在網(wǎng)絡銷售的方式下，消費者足不出戶也能完成購物。隨著生活水平的不斷提高，人們已經(jīng)不再滿足于簡單的衣食溫飽，而是越來越追求生活品質(zhì)。鮮花作為生活中的點綴，也越來越成為生活所需。因為各個城市的人員流動比較大，異地送花也已經(jīng)是件比較常

7、見的事，所以傳統(tǒng)花店相對來說已經(jīng)比較不合時宜。在這個時候，鮮花銷售網(wǎng)站就挑起了大梁，發(fā)揮了大作用。本系統(tǒng)就是實現(xiàn)鮮花在線銷售的一個網(wǎng)站。網(wǎng)上鮮花銷售可以使消費者隨時隨地瀏覽鮮花信息，打破了時間和空間的局限，為消費者提供了便利。同時，網(wǎng)上鮮花銷售降低了商家銷售的成本，拓展銷售渠道，可以賺更多的錢。在以后的生活中，該網(wǎng)站必然會真正融入人們的生活中。系統(tǒng)目標鮮花商家能夠拓展銷售渠道，出售更多的鮮花，同時降低成本，盈利；消費者可以隨時隨地選購鮮花，送出自己的心意。該網(wǎng)站主要實現(xiàn)了客戶可以進行鮮花瀏覽、根據(jù)關鍵字搜索鮮花、查看鮮花詳細信息、注冊、登錄、修改個人信息、添加鮮花到購物車、購買付款、訂單管理等

8、操作；鮮花銷售管理者可以進行會員管理、鮮花管理、訂單管理、搜索等操作?？尚行苑治鰹榱烁玫耐瓿杀敬卧O計，在開始前，先進行可行性分析，再決定是否繼續(xù)設計。而可行性研究的目的，就是用最小的代價在盡可能短的時間內(nèi)確定問題是否能夠解決。經(jīng)濟可行性本次設計過程中，所需要的軟硬件條件有電腦、MyEclipse10、MySQL、Tomcat、Dreamweaver等等，而這些軟硬件平時都要用到，所以早已具備，并沒有什么經(jīng)濟支出。此次設計的網(wǎng)站規(guī)模小、設計過程所需的時間總體上也不算長，所以經(jīng)濟成本相對比較小。所以，經(jīng)濟上是可行。操作可行性鮮花銷售網(wǎng)站與別的購物網(wǎng)站并沒有多大的區(qū)別，對于經(jīng)常網(wǎng)購的人來說，操作上

9、并沒有什么問題；而對于不怎么網(wǎng)購的人來說，也是比較容易學習。所以，操作上可行的。法律可行性這個網(wǎng)站是本人的畢業(yè)設計，從頁面效果布局到后臺代碼均有本人設計完成，并不存在什么侵犯別人的合法權益等事件。本人所用到的軟件和框架等都是可以合法使用的，所以，法律上可行的。技術可行性鮮花銷售網(wǎng)站所涉及的技術有SSH2技術，該技術是由Struts2、Spring、Hibernate集成的框架。這種框架是目前比較流行的一種Web應用程序開源框架，越來越多的程序員使用這個框架進行開發(fā)，所以SSH2勝任鮮花銷售網(wǎng)站的設計與開發(fā)。數(shù)據(jù)庫選用為比較流行的MySQL數(shù)據(jù)庫，該數(shù)據(jù)庫開放源碼而且供開發(fā)者免費試用。用Hibe

10、rnate對數(shù)據(jù)進行操作。Hibernate其實就是JDBC的封裝，簡化了JDBC的編碼，使得程序員可以更好將精力放在業(yè)務邏輯上。所以，技術是可行的。綜合以上的可行性分析，鮮花銷售網(wǎng)站可以進行開發(fā)。課題意義鮮花銷售網(wǎng)站是在網(wǎng)上消費方式盛行的趨勢下，緊跟時代的潮流，抓住市場機遇融入社會，滿足顧客需求，為客戶提供更好的服務。對于客戶來說，主要是便利，不用考慮時間和地域因素，只要有網(wǎng)絡，隨時隨地下單；同時，客戶可以更直觀的看到各種鮮花及其介紹，可以隨心所欲的進行選購。對于銷售管理者來說，從根本上降低了商家銷售的成本。鮮花銷售網(wǎng)站的實現(xiàn)順應當下潮流，既方便買主挑選鮮花，又能為賣家節(jié)約成本，更好的創(chuàng)造財

11、富。使用鮮花銷售網(wǎng)站好處主要有以下幾點：1、只要有網(wǎng)絡，客戶就可以隨時隨地進入網(wǎng)站主頁瀏覽鮮花，查看鮮花詳細信息。2、客戶在鮮花瀏覽頁面可以根據(jù)時間、價格或者銷量來選擇鮮花顯示的順序。客戶還能在搜索欄直接輸入關鍵字來搜索鮮花，這樣能使客戶更直觀的選擇自己想要鮮花，節(jié)約時間。3、銷售管理者可以在網(wǎng)站上及時更新訂單狀態(tài)和鮮花信息，同時能夠管理網(wǎng)站的會員，維護網(wǎng)站秩序。開發(fā)工具介紹MyEclipse介紹MyEclipse，全稱MyEclipse Enterprise Workbench，是一個包含了完整的設計開發(fā)以及發(fā)布，在eclipse的基礎上同時又融入了許多插件的開發(fā)環(huán)境。MyEclipse功能

12、強大，能得到多種技術支持如HTML、JSP等，方便程序員開發(fā)。MySQL介紹MySQL是一個小型關系型數(shù)據(jù)庫管理系統(tǒng)。雖然MySQL的規(guī)模和功能不及Oracle、SQL Server等數(shù)據(jù)庫，但是由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為數(shù)據(jù)庫。而且對于一般的個人使用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余。Tomcat介紹Tomcat是一個供開發(fā)者免費使用的服務器，一般用于開發(fā)規(guī)模一般的系統(tǒng)。同時，Tomcat也是JSP頁面運行和調(diào)試過程中首要的選擇。它不僅不花錢，而且它的功能也很強大，方便大家使用。

13、Tomcat是Servlet的運行環(huán)境，是JSP和Servlet規(guī)范的標準實現(xiàn)，具備了很多商業(yè)Java Servlet容器的特性。Tomcat沒有繁瑣的安裝步驟，只需要拷貝到電腦的某個盤，然后在MyEclipse10里配置一下就可以使用。而且與別的Java Web 服務相比較，Tomcat還具備適用群體更加廣泛、更加經(jīng)濟開源、性能更加優(yōu)越等優(yōu)勢，所以更加適合用來開發(fā)。Java語言介紹Java是一款面向對象又可以跨平臺運行的編程語言，目前在全球IT界是很受歡迎，不少培訓機構專門為此推出了各種班吸引生源。Java是基于對象的編程，更符合我們的思維方式，方便我們編寫代碼。實際上，Java很多特性其實

14、就是對C和C+的進行繼承，對其進行“去其糟粕，取其精華”。Hibernate框架介紹JDBC不斷重復繁瑣的編碼方式給Hibernate誕生的提供了一個機遇。Hibernate是一個對象/關系數(shù)據(jù)庫映射（ORM）工具，也是一個封裝了JDBC相關操作的框架，簡化了創(chuàng)建、更新、讀取和刪除（CURD）操作。程序員使用這個框架就不再需要寫面向關系的SQL語句，只是使用面向對象的方法，既簡化了編碼，也可以更好的完成業(yè)務邏輯這一塊。Hibernate是通過數(shù)據(jù)庫和配置來提供持久化，對解決Java持久化層做出了巨大的貢獻。Struts 2框架介紹Struts2是一個集合了部分Struts1優(yōu)點同時又以WebW

15、ork為設計核心供程序員免費使用的MVC框架。以前的MVC框架死板不夠靈活、也無法擴展，此時攔截器發(fā)揮了巨大的作用，通過它可以使Web開發(fā)中的某些應用變得簡單。Struts2就是利用了攔截器，將核心功能放置在攔截器中，攔截器則自由組合，從而使得系統(tǒng)的解耦更加方便、靈活。攔截器，就是一個遞歸的過程。Spring 框架介紹由于企業(yè)的系統(tǒng)開發(fā)程度越來越來復雜，面向對象固然會使得簡化系統(tǒng)實現(xiàn)步驟?？墒钱吘挂彩怯幸欢ㄏ薅鹊模^限度面向對象的方法就不夠用了，發(fā)揮不了多大作用。為了解決這一問題而創(chuàng)建Spring框架。Spring框架核心機制就是依賴注入。通過Spring框架，我們不用在Service層在n

16、ew一個Dao對象而直接用Resource注入就行。從技術上看，Spring是封裝得很清晰的一個分層架構。鮮花銷售網(wǎng)站的需求分析網(wǎng)站功能分析參與者鮮花銷售網(wǎng)站的主要參與者有：銷售管理員（鮮花賣家）、會員（客戶）、網(wǎng)站瀏覽者（未注冊）。需求結構鮮花銷售網(wǎng)站主要是虛擬鮮花店鋪實現(xiàn)鮮花買賣的功能，其需求可以分為前臺需求和后臺需求兩方面。前臺需求，就是鮮花買主能夠進行的操作；而后臺需求就是賣家的對網(wǎng)站管理操作。通過需求分析，設計出鮮花銷售網(wǎng)站的需求結構，如圖3.1所示。圖3.1 鮮花銷售網(wǎng)站的需求結構主要功能描述鮮花瀏覽導航欄上有首頁、新品上市和鮮花類別（鮮花、永生花、精品花籃等）。網(wǎng)站瀏覽者可以根據(jù)

17、自己需要，單擊某一類別進入鮮花瀏覽頁面。在該頁面，在鮮花瀏覽頁面，網(wǎng)站瀏覽者也可以根據(jù)時間、價格或者銷量來選擇鮮花顯示的順序，以方便自己更具有目的性的進行選擇。當選好某一鮮花，點擊鮮花圖片就可以進入鮮花詳細頁面，該頁面有鮮花的名稱、價格、銷量和鮮花的介紹等詳細信息，并且在該鮮花的下方有銷量最前的幾束鮮花推薦供網(wǎng)站瀏覽者參考。已經(jīng)登錄過的網(wǎng)站瀏覽者在鮮花詳細頁面還可以實現(xiàn)加入購物車和直接購買的功能，未登錄的瀏覽者點擊則會直接跳轉至登錄頁面。鮮花搜索網(wǎng)站瀏覽者可以在搜索欄輸入自己想要的鮮花的關鍵字，單擊“搜索”，頁面自動轉至搜索反饋頁面并顯示搜索到鮮花供瀏覽者選擇。注冊/登錄/退出如果還沒有在鮮花

18、銷售網(wǎng)站注冊過的網(wǎng)站瀏覽者（即游客）可以在首頁左上方單擊“免費注冊”進入注冊頁面，填好相應的信息進行注冊，然后再進行登錄；而已經(jīng)注冊過的網(wǎng)站瀏覽者（即會員）就可以單擊“還未登錄”、“鮮花小窩”、“購物車”等地方進行登錄。已經(jīng)登錄后會員在網(wǎng)站的上方或者鮮花小窩單擊“退出”按鈕實現(xiàn)退出。購物車管理已經(jīng)登錄的會員在鮮花詳細頁面可以將鮮花加入購物車，加入數(shù)量為1，頁面直接跳轉到購物車頁面。在網(wǎng)站的最上方有“購物車”按鈕，單擊進入購物車頁面，該頁面有“+”、“-”和刪除按鈕可以進行購物車管理。其中“-”按鈕在數(shù)量為1時，如果再操作“-”將無法執(zhí)行，如需其執(zhí)行就要進行刪除操作。在購物車頁面還能進行鮮花購買

19、和鮮花推薦。在線支付已經(jīng)登錄后的會員點擊“購買”后，進入填寫訂單頁面，主要填寫地址、收件人等重要信息，頁面跳轉至訂單詳細頁面，然后確定訂單。然后跳轉到支付銀行選擇的頁面，會員選擇好銀行（默認為建設銀行），單擊確認。頁面彈出確認支付提示框，確定則轉入支付頁面完成支付操作；取消則支付取消。個人信息修改已經(jīng)登錄后的會員單擊網(wǎng)站右上方“鮮花小窩”，頁面轉入鮮花小窩頁面。在鮮花小窩頁面，會員可以選擇“信息修改”進行個人信息修改。信息修改完成后，會員將退出提示需要重新登錄。訂單管理已經(jīng)登錄后的會員在鮮花小窩頁面，點擊“訂單查詢”，進入訂單管理頁面，該頁面會顯示該會員所有訂單，會員可以在這個頁面根據(jù)訂單的狀

20、態(tài)對訂單進行付款、簽收、刪除等操作。鮮花賣家后臺管理（1）會員管理：銷售管理員登錄后進入管理頁面，可以選擇“會員管理”進行分頁查看會員，并進行管理。其中訂單管理也與之類似。（2）鮮花管理：銷售管理員在管理頁面單擊“鮮花管理”進入鮮花管理頁面可以查看鮮花記錄，在操作欄還能進行查看和刪除操作；在鮮花詳細信息頁面還能對鮮花進行修改；同時銷售管理員也可以實現(xiàn)新品上架和鮮花類別管理等操作；銷售管理員根據(jù)導航欄查看網(wǎng)站鮮花信息。鮮花銷售網(wǎng)站的總體設計實體類參照需求分析可以總結出訂單、鮮花、購物車、鮮花類別、用戶、訂單明細和購物車明細七個實體類。鮮花實體是用于保存鮮花信息，描述某一鮮花的詳細信息；鮮花類別實

21、體是用于保存鮮花類別，描述某一鮮花是屬于什么類別，如屬于鮮花花束類別；訂單實體是用來保存訂單詳細信息；訂單明細用于保存購買鮮花的編號、數(shù)量、價格及小計；用戶實體是用于保存買家信息。購物車是用來保存用戶可能要購買的鮮花，購物車明細是用來保存預計購買鮮花的編號、數(shù)量及價格。這些實體類之間的關系如圖4.1所示。圖4.1 實體之間的關系數(shù)據(jù)庫設計模型表結構設計結合需求分析和實體結構規(guī)劃，設計出相應的表結構。鮮花、鮮花類別、訂單、訂單明細和用戶將會用數(shù)據(jù)庫的表結構存儲相應的信息。為了方便起見，購物車和購物車明細不采用表結構存儲，而是使用session存儲在服務器。所以該系統(tǒng)有鮮花表、鮮花類別、訂單表、訂

22、單明細表和用戶表五張表結構。會員表是用來存儲會員的詳細信息。該表的字段有用戶序號、用戶名稱、密碼、聯(lián)系方式、狀態(tài)和角色，其中用戶號是主鍵。詳細設計如表4.1所示。表4.1會員表字段標識字段名稱數(shù)據(jù)類型大小約束默認值id用戶序號varchar255PK，NNusername用戶名稱varchar255NNpassword密碼varchar255NNphone聯(lián)系方式varchar255NNsatus狀態(tài)int11NN0role角色int11NN0鮮花類別表是用來存儲鮮花類別的詳細信息。該表有鮮花類別編號（id）和鮮花類別名稱（name）兩個字段，其中鮮花類別編號式主鍵，不是自動生成，需要自己輸入

23、。詳細設計如表4.2所示。表4.2 鮮花類別表字段標識字段名稱數(shù)據(jù)類型大小約束默認值id鮮花類別編號varchar255PK，NNname鮮花類別名稱varchar255NN鮮花表是用來存儲鮮花的詳細信息。該表的字段有鮮花編號、鮮花名稱、描述、圖片（四個）、銷量、價格、鮮花類別和上架時間。其中鮮花編號是主鍵，鮮花類別是外鍵，建立了鮮花表與鮮花類別表之間的聯(lián)系，說明該鮮花是屬于哪個類別。詳細設計如表4.3所示。表4.3鮮花表字段標識字段名稱數(shù)據(jù)類型大小約束默認值flowerId鮮花編號varchar255PK，NNname鮮花名稱varchar255NNdescription描述varchar2

24、55NNimage圖片varchar255NNimage2圖片varchar255NNimage3圖片varchar255NNimage4圖片varchar255NNnum銷量int11NN0price價格floatNNid鮮花類別varchar255FK，NNaddtime上架時間datetimeNN訂單表是用來存儲訂單的詳細信息。該表的字段有訂單號、創(chuàng)建人、訂單流水號、訂單量、合計、訂單狀態(tài)、下單時間、收件人、收件地址、聯(lián)系電話和祝福，其中訂單號是主鍵，創(chuàng)建人是外鍵。創(chuàng)建人這個外鍵建立了訂單表與會員表之間的聯(lián)系，說明該訂單是由哪個會員創(chuàng)建。訂單狀態(tài)是int型，有未付款狀態(tài)（用0表示）、取消

25、狀態(tài)（用1表示）、訂單已移除狀態(tài)（用2表示）、已付款狀態(tài)（用3表示）、已發(fā)貨狀態(tài)（用4表示）、已簽收狀態(tài)（用5表示）、用戶已移除（用6表示）七個狀態(tài)。詳細設計如表4.4所示。表4.4 訂單表字段標識字段名稱數(shù)據(jù)類型大小約束默認值id訂單號varchar255PK，NNuserid創(chuàng)建人varchar255FK,NNordersnum訂單流水號varchar255NNallnum訂單量int11NNtotalprice合計floatNNstatus訂單狀態(tài)int11NN0otime下單時間timestampNNreceiver收件人varchar255NNreAddress收件地址varchar

26、255NNreTelephone聯(lián)系電話varchar255NNgoodwishes祝福varchar255訂單明細表是用來存儲訂單明細的詳細信息。該表的字段有訂單明細號、鮮花數(shù)量、單價、小計、鮮花號和訂單號，其中訂單明細號是主鍵，鮮花號和訂單號是外鍵。鮮花號創(chuàng)建了訂單明細表與鮮花表之間的關系，說明該訂單明細里的鮮花是哪束。訂單號創(chuàng)建訂單明細表和訂單表之間的關系，說明該訂單明細屬于哪個訂單。詳細設計如表4.5所示。表4.5 訂單明細表字段標識字段名稱數(shù)據(jù)類型大小約束默認值id訂單明細號varchar255PK，NNnum鮮花數(shù)量int11NNprice單價floatNNsubtotal小計fl

27、oatNNflowerId鮮花號varchar255FK，NNorderid訂單號varchar255FK，NN數(shù)據(jù)庫表之間的關系根據(jù)4.2.1節(jié)表結構設計，用PowerDesigner軟件，依次錄入各個表的字段，設置各個表之間的外鍵關系，得到表之間的關系，如圖4.2所示。從圖中可以看出user和orders有外鍵關系、orders和orderItem有外鍵關系，orderItem和flower有外鍵關系、flower和flowertype有外鍵關系。圖4.2 表之間的關系鮮花銷售網(wǎng)站的詳細設計網(wǎng)站主要頁面的詳細設計網(wǎng)站主頁的詳細設計該網(wǎng)站的主頁可以分為頂部導航、搜索欄、導航欄、圖片展示、熱銷

28、商品顯示和底部六個部分。如果普通用戶瀏覽網(wǎng)站，頂部導航左邊將顯示歡迎詞、登錄和注冊；如果會員登錄后瀏覽網(wǎng)站，該部分將顯示的是歡迎詞、該用戶的用戶名和退出。頂部導航右邊將顯示鮮花小窩、購物車和管理登錄。如果會員登錄后瀏覽網(wǎng)站，該部分將顯示鮮花小窩和購物車；如果銷售管理員登錄后瀏覽網(wǎng)站，該部分將顯示的我的微店。導航欄顯示的是首頁、新品上架和鮮花類別。圖片展示采用了JS特效，主要是用于美化頁面。底部顯示的版權信息和聯(lián)系方式。詳細設計如圖5.1所示。圖5.1 網(wǎng)站主頁的詳細設計鮮花瀏覽頁面的詳細設計鮮花瀏覽頁面和主頁的不同點就在于導航欄和底部之間的部分。該部分是用來顯示鮮花的，里面有鮮花類別顯示、小按

29、鈕（時間、銷量、價格）、鮮花總數(shù)和分頁按鈕，中間部分是用于顯示鮮花。其中新品上架頁面、搜索結果顯示頁面與該頁面相似，所以就不做介紹。頁面布局如圖5.2所示。圖5.2 鮮花瀏覽頁面鮮花詳細信息頁面的詳細設計鮮花詳細信息頁面和主頁的不同點也在于導航欄和底部之間的部分。該部分分為兩大部分，分別是鮮花詳細信息介紹和推薦區(qū)。鮮花詳細信息介紹左側是鮮花名和鮮花圖片顯示，右側是文字描述、加入購物車和直接購買。推薦區(qū)是用來顯示其他用戶購買的鮮花（主要就是銷量好的鮮花）。其中購物車頁面結構與該頁面相似，所以就不再畫圖說明。詳細設計如圖5.3所示。圖5.3 鮮花詳細信息頁面的設計登錄頁面的詳細設計登錄頁面主要提供

30、會員登錄的功能，頁面整體風格簡明清新。鮮花網(wǎng)用戶登錄小框后面加了JS特效實現(xiàn)了圖片輪播效果，用于美化頁面。鮮花網(wǎng)用戶登錄小框上有登錄表單，表單下方是登錄按鈕，而登錄按鈕下方有兩個頁面鏈接，分別鏈向首頁和注冊頁面。其中注冊頁面和管理員登錄頁面與該頁面相似，就不再畫圖說明。詳細設計如圖5.4所示。圖5.4 登錄頁面的設計個人信息修改頁面的詳細設計個人信息修改頁面和主頁不同點也在于導航欄和底部之間的部分。該部分的左邊是鮮花小窩菜單，分別有信息修改、訂單查詢和退出。該部分的右邊修改信息的表單及更改按鈕。其中鮮花賣家后臺管理頁面、訂單生成頁面以及會員訂單查詢頁面的布局與該頁面相似，所以將不畫圖說明。詳細

31、設計如圖5.5所示。圖5.5 個人信息修改頁面網(wǎng)站主要功能的詳細設計關鍵字搜索的詳細設計網(wǎng)站瀏覽者訪問鮮花銷售網(wǎng)站時，在搜索欄鍵入需要搜索鮮花的關鍵字后，點擊搜索就可以執(zhí)行。詳細過程用流程圖表示，如圖5.6所示。圖5.6 關鍵字搜索流程圖鮮花瀏覽的詳細設計網(wǎng)站瀏覽者訪問鮮花銷售網(wǎng)站主頁時，選擇導航欄某一類別進入某一類別下的鮮花的瀏覽。在該頁面下，瀏覽者可以選擇上架時間、價格、銷量對鮮花進行排序分頁顯示。在該頁面可以選擇自己心儀的花單擊進入鮮花詳細介紹頁面，可以查看鮮花的詳細信息，也可以選擇加入購物車或者直接購買，如果瀏覽者未登錄跳轉至登錄頁面，否則操作執(zhí)行，鮮花的下方有商品推薦，在主頁下拉頁面

32、也可以看到熱銷商品。詳細過程用流程圖表示，如圖5.7所示。圖5.7 鮮花瀏覽的流程圖購物車管理的詳細設計網(wǎng)站瀏覽者瀏覽鮮花時看到心儀的鮮花，可以單擊加入購物車。如果此時瀏覽者未登錄則頁面轉到登錄頁面；已登錄的會員成功加入購物車，并且頁面轉入購物車頁面，會員可以在該頁面修改購物車里鮮花的數(shù)量、甚至刪除某一鮮花。詳細過程用流程圖表示，如圖5.8所示。圖5.8 會員操作購物車流程圖注冊/登錄/退出的詳細設計未完成網(wǎng)站的注冊的用戶訪問鮮花銷售網(wǎng)站時選擇注冊功能，網(wǎng)站對注冊信息有簡單的驗證。通過驗證后，提示注冊成功并且3秒跳轉登錄頁面。詳細過程用流程圖表示，如圖5.9所示。圖5.9 注冊會員流程圖已經(jīng)登

33、錄的會員，在鮮花小窩頁面或者頁面頂部單擊“退出”，提示確認退出？確認，就成功退出。詳細過程用流程圖表示，如圖5.10所示。圖5.10 會員退出流程圖已經(jīng)注冊完成的會員在輸入用戶名和密碼，提交。通過網(wǎng)站驗證后成功登錄，頁面轉入鮮花網(wǎng)站主頁面。詳細過程用流程圖表示，如圖5.11所示。圖5.11 會員登錄流程圖會員修改個人信息的詳細設計登錄后的會員，在鮮花小窩選擇“信息修改”，填寫完信息并且提交。檢查密碼是否有空，若為空則提示不能為空；若不為空，檢查輸入信息是否合理，合理的話修改成功，并且退出登錄，頁面轉入修改成功頁面。同時提示3秒后跳轉到登錄頁面。詳細過程用流程圖表示，如圖5.12所示。圖5.12

34、 會員個人信息修改流程圖訂單管理的詳細設計已登錄的會員，在鮮花小窩頁面選擇“訂單查詢”，可以進行訂單管理。訂單的狀態(tài)有“未付款”、“訂單已取消”、“訂單已移除”、“未發(fā)貨”、“已發(fā)貨”、“已完成”和“用戶已移除”七個狀態(tài)。根據(jù)狀態(tài)的不同，可以有不同的操作選擇。訂單的狀態(tài)順序有兩條線：一條線是訂單成功完成；另一條線是中途取消。所以訂單基本流程是：先付款，再發(fā)貨，最后簽收完成買賣。而取消訂單在付款前。所以在付款前，會員有查看、付款、修改和取消四個操作；如果選擇取消選項處于訂單已取消狀態(tài)，會員可以進行查看和刪除。付完款之后發(fā)貨之前，會員有查看和修改選擇。賣家發(fā)貨之后，會員可以對查看該訂單并且簽收成功

35、完成交易。訂單完成之后，會員可以查看訂單或者說不想看到該訂單可以選擇刪除選項從自己的訂單管理頁面刪除。詳細過程用流程圖表示，如圖5.13所示。圖5.13 會員相關訂單操作流程圖鮮花賣家管理之鮮花管理詳細設計已經(jīng)登錄后的鮮花賣家，在鮮花后臺頁面選擇鮮花管理，轉入鮮花管理頁面。該頁面分頁顯示鮮花信息。在該頁面可以選擇“下架”和“修改”對鮮花進行相應操作，同時在左邊標題欄的右邊的搜索欄輸入關鍵還能搜索。選擇左邊標題欄中的新品上架，進入新品上架頁面，錄入鮮花的詳細信息，檢查錄入信息是否為空，若不為空就上架成功。選擇“鮮花類別”，可以對鮮花的類別進行添加、修改、刪除的管理。在鮮花類別管理頁面，鮮花賣家可

36、以添加鮮花類別、刪除鮮花類別和修改鮮花類別。添加鮮花類別在頁面輸入鮮花類別信息點擊添加就行，修改鮮花類別單擊修改彈出輸入框輸入提交，刪除鮮花類別單擊彈出提示框“該類別下的鮮花均會刪除，確認刪除？”，單擊確認該類別連同該類別下的鮮花都會被刪除，所以需謹慎。詳細過程用流程圖表示，如圖5.14所示。圖5.14 鮮花賣家鮮花管理流程圖鮮花賣家管理之訂單管理詳細設計鮮花賣家登錄后選擇訂單管理，進入訂單管理頁面，該頁面有已完成訂單和未完成訂單兩欄。根據(jù)該訂單狀態(tài)會給賣家相對應的操作管理選項選擇。詳細過程用流程圖表示，如圖5.15所示。圖5.15 鮮花賣家管理之訂單相關流程圖鮮花賣家管理之會員管理詳細設計鮮

37、花賣家登錄后，單擊鮮花后臺管理頁面的會員管理，進入會員管理的頁面，可以實現(xiàn)分頁瀏覽會員信息。在操作欄還可以單擊“禁用”或者“解禁”操作，二者不會同時存在，根據(jù)其狀態(tài)顯示。禁用就是禁止會員登錄，解禁就是重新允許會員登錄。詳細過程用流程圖表示，如圖5.16所示。圖5.16 鮮花賣家會員管理流程圖鮮花網(wǎng)站業(yè)務邏輯架構設計視圖層解決前臺交互方面，控制層管理用戶通過頁面提交的請求，模型層處理業(yè)務邏輯。SSH2開發(fā)架構基本上體現(xiàn)了MVC的思想。SSH2的框架圖如圖5.17所示。圖5.17 SSH2框架圖Struts2用于響應處理用戶通過視圖層提交請求的工作，根據(jù)請求中的方法在Struts2的配置文件找到相

38、對應的Action方法。最后又將處理結果根據(jù)Struts的配置文件找到相應的頁面，將請求結果反饋給視圖層。Spring是控制模型層的主控制器，主要負責把請求配送到模型層中的不同模塊中，同時也負責將需要返回的返回結果返回相應的視圖層。Hibernate主要負責對象化映射以及和數(shù)據(jù)庫中數(shù)據(jù)的交互，處理Dao的請求。根據(jù)它們不同的分工，SSH2的大致工作流程是這樣的。當發(fā)現(xiàn)頁面請求后，根據(jù)Struts的配置文件找到對應的Action及其方法。在Action實現(xiàn)的方法里調(diào)用Service層，又根據(jù)Service的方法實現(xiàn)中調(diào)用Dao層，然后在Dao層的實現(xiàn)中使用Hibernate實現(xiàn)數(shù)據(jù)持久化。然后根

39、據(jù)返回結果在Struts的配置文件找到返回的頁面。而在這個過程中，Spring主要實現(xiàn)的是依賴于注入功能控制模型層。根據(jù)MVC的思想搭建網(wǎng)站框架，網(wǎng)站的工程圖如圖5.18所示。圖5.18 網(wǎng)站的工程圖鮮花銷售網(wǎng)站的系統(tǒng)實現(xiàn)系統(tǒng)實現(xiàn)也是設計過程中最主要的一部分，也是比較難的部分，就是將網(wǎng)站功能進行頁面實現(xiàn)和用代碼實現(xiàn)，主要挑選幾個主要功能進行詳細的頁面實現(xiàn)和代碼的實現(xiàn)解釋。鮮花銷售網(wǎng)站主頁的實現(xiàn)主頁頁面的實現(xiàn)根據(jù)頁面的詳細設計來實現(xiàn)頁面。主頁頁面頂部導航背景顏色是灰色，其中購物車的前面還有一個小車的圖標。搜索欄的文本框設置了placeholder屬性，在沒有輸入內(nèi)容之前文本框會有“輸入關鍵字”的

40、提示，輸入內(nèi)容后提示的內(nèi)容消失。來導航欄背景顏色采用黑色，字體的顏色用白色。圖片顯示顯示三張圖來實現(xiàn)輪播。詳細如圖6.1所示。圖6.1 鮮花銷售網(wǎng)站主頁頁面主頁的主要實現(xiàn)代碼主頁主要就是為了顯示導航條中搜索出全部鮮花類別的名稱以及熱銷商品。Action里的 typeList()方法中關鍵代碼如下：List flowertype=this.flowerService.findAllType();session.setAttribute(types, flowertype);String hql=from Flower f order by f.num DESC;Listflower=this.f

41、lowerService.findhotFlower(hql, 0, 11);ServletActionContext.getRequest().setAttribute(hotf,flower);鮮花瀏覽的實現(xiàn)鮮花瀏覽頁面的實現(xiàn)任意選擇鮮花的類別進入鮮花分頁瀏覽頁面。如圖6.2所示，基本結構與主頁類似。該頁面設置了每頁顯示鮮花的數(shù)量為12，這樣就不會因為鮮花瀏覽頁面過長而影響瀏覽者瀏覽時的心情。同時導航欄右下角有鮮花總數(shù)的顯示，將顯示的數(shù)量的字體做了斜體處理，看起來更加引人注意。而且當點擊某一鮮花圖片時，圖片會向上小浮動并且該DIV塊的邊框顏色變?yōu)榧t色。圖6.2 某一類別下的鮮花瀏覽鮮花瀏覽

42、的主要實現(xiàn)代碼該頁面主要就是根據(jù)某一分類下的鮮花分頁顯示。Action里的flowerTodisplay()方法中的關鍵代碼如下：FlowerType flowertype=this.flowerService.findByFlowerTypeId(ServletActionContext.getRequest().getParameter(id);/為了顯示“鮮花”ServletActionContext.getRequest().setAttribute(flowertype,flowertype);String id=ServletActionContext.getRequest().g

43、etParameter(id);String hql=from Flower f where f.id=+id+;this.pageBean=this.flowerService.queryForPage(hql, 12, page);ServletActionContext.getRequest().setAttribute(pages,pageBean.getList();個人信息修改的實現(xiàn)個人信息修改頁面的實現(xiàn)在鮮花小窩頁面,選擇“信息修改”轉入個人信息修改頁面，會員可以查看自己的詳細信息。在該頁面，“信息修改”用紅色標注，使得會員清楚的知道自己現(xiàn)在瀏覽的頁面是哪個，體現(xiàn)了用戶界面友好原

44、則。具體如圖6.3所示。圖6.3 個人信息修改頁面?zhèn)€人信息修改主要實現(xiàn)代碼Action里的關鍵代碼如下。if(!user.getPassword().equals(password2)addFieldError(username,兩次密碼輸入不匹配);return input;/由于相同，該處省略了部分驗證代碼this.us.updateUserInfor(user);session.removeAttribute(user);購物車功能的實現(xiàn)購物車頁面的實現(xiàn)當購物為空的時候，如圖6.4所示，頁面中間用一張在花叢中推著購物車奔跑的人的圖片作為背景圖，并提示購物車為空趕緊行動以及主頁鏈接。這樣的

45、設計更符合購物的主題。圖6.4 購物車為空的實現(xiàn)而當購物車里有鮮花時，將購物車設計成類似表格的形式來顯示購物車里的鮮花圖片、名稱、價格、數(shù)量和小計。這樣的效果使會員可以更直接的知道自己購物車里有哪些鮮花。詳細如圖6.5所示。圖6.5 購物車有鮮花的頁面購物車部分功能的主要實現(xiàn)代碼購物車主要就是加入鮮花、移除等操作。Action里添加關鍵代碼：Flower flower=this.flowerService.findFlowerById(flowerId);ShopCart shopCart=(ShopCart) session.getAttribute(shopCart);if(shopCar

46、t=null)shopCart=new ShopCart();session.setAttribute(shopCart, shopCart);shopCart.addFlower2Cart(flower, 1);Action里移除關鍵代碼：ShopCart shopCart=(ShopCart) session.getAttribute(shopCart);shopCart.removeItem(flowerId);if(shopCart.getItems().size()=0)session.removeAttribute(shopCart);用戶登錄功能的實現(xiàn)登錄頁面的實現(xiàn)登錄頁面背景圖

47、采用一組鮮花的圖片來輪播。把登錄框設置了透明度效果，里面的字體顏色設置成白色，使得背景圖片和登錄框有層次感。其中，注冊頁面的實現(xiàn)與之相似。效果如圖6.6所示。圖6.6 鮮花網(wǎng)用戶登錄頁面登錄功能的主要實現(xiàn)代碼Action里實現(xiàn)關鍵代碼：List u = us.login(username, password);DAO實現(xiàn)層：public List findUserByUsernameAndPwd(String username, String password) String hql=from User u where u.username=?and u.password=? and u.sa

48、tus=0;return (List)this.getHibernateTemplate().find(hql, new Objectusername,password);生成訂單頁面和代碼的實現(xiàn)如圖6.7所示，生成訂單頁面主體部分用form表單來填寫訂單的收件人、收件地址、聯(lián)系方式和祝福。頁面設置了重置的按鈕，如果會員在填寫信息時有多項填寫有誤就可以選擇該按鈕。而且收貨地址的文本框設置了placeholder屬性，再沒有輸入內(nèi)容之前文本框里會有如何填寫地址的提示。圖6.7 生成訂單頁面生成訂單就是將存儲session域中購物車中的鮮花添加到訂單中，其中DAO實現(xiàn)層中用到了hibernate的

49、級聯(lián)保存，同時添加orders和orderItem兩個表的數(shù)據(jù)。由于部分代碼比較簡單，所以在下面只放置關鍵代碼。Action中的關鍵代碼如下：ShopCart shopCart=(ShopCart) session.getAttribute(shopCart);o.setAllnum(shopCart.getTotalNum();o.setTotalprice(shopCart.getTotalPrice();List items=shopCart.getItems();/CartItemOrderItem表List list=new ArrayList();/訂單明細列表for(int i=

50、0;iitems.size();i+)ShopCartItem temp=items.get(i);OrderItem oi=new OrderItem();/生成一個訂單明細對象oi.setFlowerId(temp.getFlower();/num=quantity,price=flower.getPrice,subtotal=costlist.add(oi);/添加一個明細元素o.setItems(list);this.ordersService.addOrder(o);session.removeAttribute(shopCart);鮮花管理之新品上架的實現(xiàn)鮮花上架頁面的實現(xiàn)如圖6.

51、8所示，新品上架頁面左邊用紅色標注出“新品上架”，可以方便管理員知道自己在哪個頁面。頁面右方是添加鮮花時要填寫的信息。頁面設置了重置的按鈕，如果管理員在填寫信息時有多項填寫錯誤就可以選擇該按鈕。圖6.8 新品上架頁面設計鮮花上架主要實現(xiàn)代碼由于部分代碼比較簡單，所以在下面只放置關鍵代碼，Action里的關鍵代碼如下。String realPath=ServletActionContext.getServletContext().getRealPath(/images);String targetDirectory = realPath;targetFileName1 =generateFile

52、Name(fileName);setDir1(targetDirectory+targetFileName1);File target1 = new File(targetDirectory,targetFileName1);tryFileUtils.copyFile(doc1,target1);catch(Exception e)e.printStackTrace();f.setImage(targetFileName1);總結這次設計是我大學四年里做過所有的課程設計里最努力、付出最多，同時也收獲最多的設計?？赡茉趧e的IT大神眼里簡單到不行，但是對我來說能實現(xiàn)這些功能也花了不少心思和時間。從一開始的選題就不簡單。不知道該寫什么，腦子里什么靈感也沒有。不過后來經(jīng)過與褚燕華老師的交涉，我決定寫一個有后臺實現(xiàn)的鮮花銷售網(wǎng)站。由于毫無頭緒以及就業(yè)的壓力，畢業(yè)設計在交完開題報告之后就被我拖拖拉拉的