在線鮮花商城的設(shè)計與實現(xiàn)

PAGE6第1章緒論1.1課題背景盡管對于我國群眾來說，鮮花并不是生活必需品。然而在一些發(fā)達國家的日常生活中，鮮花的消費十分之高。例如，在美國，日常的鮮花消費占了40%，而在花卉行業(yè)高度發(fā)達的荷蘭則占了60%。花卉舉足輕重的地位使其成為這兩國人民生活中不可或缺的重要組成?？v然就目前國內(nèi)的市場來說，日常鮮花的消費比例并不是很高，然而隨著人們生活水平不斷地迅速提高，我認為國內(nèi)鮮花市場藏有無限潛力。在我國，上個世紀的80年代正是鮮花消費勃勃升起的時期。然而此時，絕大部分的鮮花只是聚集出現(xiàn)在一些會議或典禮這樣的公共場合中，日常的鮮花消費大概只有5%左右。目前，國內(nèi)的經(jīng)濟發(fā)展勢頭良好，雖說鮮花一定不能像人們對于柴米油鹽的需求那么寬泛，但大部分人對生活品質(zhì)的追求必然會越來越高，因此鮮花作為一種并不昂貴卻多姿多彩的裝飾品定然會逐漸滲透入這部分人的日常生活中。所以我認為這是打開花卉消費市場的一種重要途徑。鮮花交易的傳統(tǒng)渠道往往集中于線下，通常來講，鮮花至少要經(jīng)過四到五個必要的樞紐才能到達消費者手中，這期間由于流轉(zhuǎn)時間過長會使鮮花嚴重耗損，且其間每層批發(fā)商均會不同幅度的加價。這種情況對于線下零售花店維持盈利來說，通常會起碼加價60%。因此對于消費者而言，到手的鮮花昂貴且品質(zhì)不佳。然而隨著電商的興起，我想這種不利于消費者的場面將會逐布改變。產(chǎn)業(yè)鏈最上端的花農(nóng)將會讓電商在這個行業(yè)里發(fā)揮出它最大的長處：使從前冗長的產(chǎn)業(yè)鏈最大可能性收縮。這樣做的好處不僅僅是將鮮花的耗損降到最低，也能最大程度讓利消費者，并且使自身的利益最大化。1.2選題意義根據(jù)一份有關(guān)于鮮花電商行業(yè)的報告顯示：“2017年中國鮮花電商行業(yè)市場規(guī)模已經(jīng)達到105.6億元，2018年中國鮮花電商市場規(guī)模將持續(xù)提升，其市場規(guī)模將達174.3億元，同比增長65.1%?！盵9]除此之外，物流方面的進步，特別是冷鏈物流的日益發(fā)展與完善，都將大力推動鮮花電商的發(fā)展。鮮花電商是一個方興未艾的市場，其如火如荼的競爭將淘汰一部分平臺。從另一個角度來講，鮮花保質(zhì)期的特殊性導致全地域壟斷的情況發(fā)生幾率較小。因此在這樣良性競爭的情況下，商家應(yīng)當重點考慮供應(yīng)鏈的問題。未來這一段時間，社會資本將會風馳電掣般投入這一行業(yè)，這種情況必然導致花卉生產(chǎn)的面積大幅度增長，花田的種植也將逐步機械化。因此，我從本專業(yè)的角度出發(fā)，利用自身所學的專業(yè)知識開發(fā)一個在線鮮花銷售平臺，實現(xiàn)為花農(nóng)與消費者的雙重獲利。

第2章可行性分析2.1社會可行性我將本系統(tǒng)的社會可行性分為以下三點：首先，伴同著日漸提高的生活水平，我國人民對鮮花的消費一定會日益增長。鮮花將不再只是在會議或一些典禮上作為點睛的裝飾品，這些多姿多彩的植物同樣會作為人們?nèi)粘Ｉ钪械难b飾品以及在節(jié)日中向親友表達情感的禮物。其二現(xiàn)在的人們難免與親友異地而居，從前距離會成為人們表達感情的障礙，如何為遠方的親友送上一株鮮花是一個難題。然而隨著互聯(lián)網(wǎng)技術(shù)愈加發(fā)達這件事便可迎刃而解了，在節(jié)假日從網(wǎng)上為親友訂購一束鮮花不失為一個兩全其美的方法。最后，由于鮮花的特殊性，其對運輸途中的保存要求很高，一般的物流難以運輸。然而伴隨著發(fā)展迅疾地電子商務(wù)，與之息息相關(guān)的物流行業(yè)的發(fā)展同樣不可小覷。目前冷鏈物流的發(fā)展已經(jīng)相對成熟，由此網(wǎng)上鮮花銷售最大的阻礙物流已不再是問題。綜上所述我認為本系統(tǒng)從社會因素來講是十分可行且必要的，未來在網(wǎng)上鮮花銷售的行業(yè)前景十分可期。2.2技術(shù)可行性本系統(tǒng)將由JAVA、JSP、JAVAScript、Servlet等在課堂上學過的這些技術(shù)來開發(fā)后臺，對于前臺我會利用CSS來修飾網(wǎng)頁，并且使用Dreamweaver作為工具。至于數(shù)據(jù)庫方面，我選擇了課堂上學習過的MySQL，并且使用Navicat作為數(shù)據(jù)庫可視化工具完成對數(shù)據(jù)的增刪改查。由于這些技術(shù)功能完善、MySQL靈便且相對于其他數(shù)據(jù)庫來講維護較容易，因此這些技術(shù)的組合使用是開發(fā)小型平臺最優(yōu)選擇。至于硬件，現(xiàn)階段其發(fā)展速度更優(yōu)于軟件，它們更新?lián)Q代的速度可以說是日異月殊，各種性能與前一代相比發(fā)生了天翻地覆的變化，然而價格卻越來越低廉，所以我認為在硬件日新月異的時代中，我們無需更多考慮本系統(tǒng)是否在其他硬件平臺可以運行。綜上所述，我認為本系統(tǒng)在技術(shù)方面是可行的。2.3操作可行性本系統(tǒng)面向的使用用戶為普通群眾，近年來我國的網(wǎng)絡(luò)普及率雖已提升迅速，但普通群眾的計算機知識水平仍有限且良莠不齊，考慮至此，我將把本網(wǎng)站界面設(shè)計得明晰清楚且具有完整的提示信息，因此本購物系統(tǒng)的操作將會十分簡單，應(yīng)該說稍有上網(wǎng)經(jīng)驗的用戶均能操作。第3章需求分析3.1需求描述在線鮮花商城是十分典型的網(wǎng)上購物商城，也是最為普遍的B2C模式。本系統(tǒng)的目標在于滿足普通用戶對一般在線鮮花購物網(wǎng)站的需求以及管理員對網(wǎng)站的維護。對于一般的購物網(wǎng)站來說，其基本功能應(yīng)包括但不局限于以下幾項：向用戶展示商品、用戶注冊與登錄、瀏覽和搜索商品、購物車、下訂單、以及管理員對商品、用戶訂單等的管理。3.2用戶角色分析從實際出發(fā)，本系統(tǒng)的用戶定義為注冊用戶、游客、管理員以上這三種。3.2.1管理員管理員可以對出管理員賬號外所有的注冊用戶信息進行維護、對商品的信息進行各種操作、處理訂單信息、對養(yǎng)花新聞進行管理、對留言進行管理與回復。3.2.2注冊用戶注冊用戶可以對商品進行瀏覽與搜索、將商品添加至購物車、下訂單、瀏覽養(yǎng)花新聞、留言。3.2.3游客游客可以對商品進行瀏覽與搜索、瀏覽養(yǎng)花新聞、留言以及注冊。3.3用例分析本系統(tǒng)將分為前臺與后臺兩個模塊，其中前臺供注冊用戶與游客使用（管理員同樣可以查看）即面向所有用戶，而后臺則只能由管理員使用。首先，在前臺頁面中，本網(wǎng)站將向所有用戶以各種不同的方式展示商品，除此之外額外增加了養(yǎng)花新聞瀏覽與留言的功能。用戶可以隨意瀏覽商品與養(yǎng)花新聞，也可為本網(wǎng)站留言。用戶在瀏覽商品時可以通過網(wǎng)站首頁所展示的商品來查看感興趣的商品，也可以通過分類或搜索特定的關(guān)鍵字來查看特定商品。當用戶想將鮮花添入購物車時則必須登錄。登錄前用戶需要注冊，在注冊的過程中，用戶首先需要填寫注冊信息（某些信息可選擇是否填寫填項），若是可以通過系統(tǒng)的檢驗，那么便可以成功注冊為本在線鮮花商城的會員。此時，在登錄成功后，用戶便可以使用購物車這一功能了。在購物車中，用戶可以自由修改鮮花的數(shù)量、刪除鮮花品，在選擇鮮花后來生成訂單。在面向管理員的后臺頁面中，管理員必須通過登錄管理員賬號來進行使用。首先管理員可以通過添加、修改、刪除等功能來對用戶的信息進行維護。同樣地，管理員也可對商品的信息進行維護。其中商品信息的維護將分為兩個方面，其一為商品的分類信息。本網(wǎng)站擬將商品的分類分成一級分類和二級分類。其二為商品自身的信息，此處應(yīng)當包括鮮花名稱、價格、圖片、庫存、概況等。管理員亦可對訂單來進行管理，其管理內(nèi)容包括對訂單的檢索、狀態(tài)修改、刪除。對于本網(wǎng)站的留言來說，管理員同樣需要進行簡單管理。管理員應(yīng)當刪除內(nèi)容不當?shù)牧粞砸约斑x擇對某些留言進行答復。對于養(yǎng)花新聞模塊而言，管理員應(yīng)進行對養(yǎng)花新聞的增改刪。如下圖3.1所示，為本系統(tǒng)的用例圖，展示了系統(tǒng)的參與者和一些用例以及它們之間的關(guān)系。圖3.1系統(tǒng)用例圖數(shù)據(jù)需求分析數(shù)據(jù)庫對于系統(tǒng)來說是十分重要的，數(shù)據(jù)庫設(shè)計得是否合理將決定著系統(tǒng)是否具有高效性本系統(tǒng)擬設(shè)計以下表：3.4.1用戶用戶表應(yīng)包含如下字段：ID、用戶名、密碼、性別、生日、身份證、email、地址、電話、身份。圖3.2用戶表E-R圖3.4.2商品對商品這一項需商品分類與商品信息兩個表。商品的分類表包含一級分類與二級分類兩個字段。圖3.3商品分類E-R圖商品信息表包含字段分別為：ID、名稱、詳情、價格、庫存、一級分類ID、二級分類ID以及圖片的名稱。圖3.4商品E-R圖3.4.3訂單訂單表分為普通訂單表與訂單詳情表。其中普通訂單表的包含的字段為：ID、用戶ID、用戶姓名、用戶地址、創(chuàng)建時間、訂單總金額、訂單狀態(tài)。訂單詳情表包含的字段為ID、商品ID、訂單ID、庫存、商品總金額。圖3.5訂單E-R圖圖3.6訂單詳情E-R圖3.4.5購物車購物車表包含字段為：ID、用戶ID、商品ID、圖片名稱、商品價格、商品名稱、商品庫存、商品數(shù)量、狀態(tài)。圖3.7購物車E-R圖3.4.6新聞與留言養(yǎng)花新聞表需存儲養(yǎng)花新聞的標題、內(nèi)容、創(chuàng)建時間，留言表需存儲昵稱、標題、內(nèi)容、時間、回復、回復時間。兩張表的E-R圖如下所示：圖3.8養(yǎng)花新聞E-R圖圖3.9留言E-R圖3.5系統(tǒng)開發(fā)環(huán)境3.5.1硬件環(huán)境CPU:IntelCeleron1007U內(nèi)存：4GB硬盤：500GB3.5.2軟件環(huán)境操作系統(tǒng)：Windows7操作系統(tǒng)數(shù)據(jù)庫：采用MySQL，用Navicat作為數(shù)據(jù)庫可視化工具開發(fā)工具包：JDK1.8服務(wù)器：Tomcat7.0以上版本瀏覽器：推薦GoogleChrome

第4章系統(tǒng)設(shè)計4.1總體設(shè)計在線鮮花商城系統(tǒng)主要功能如下：=1\*GB2⑴前臺（客戶購買）部分：①用戶管理：注冊會員、登錄、退出；②分類顯示：顯示所有1級和2級分類；③商品顯示：按分類顯示鮮花、通過關(guān)鍵字搜索鮮花、顯示最近瀏覽的鮮花、顯示最近被用戶購買的鮮花、查看某鮮花的詳情等；④購物車管理：向購物車中添加鮮花、修改購物車中鮮花數(shù)量、刪除購物車中鮮花、我的購物車；⑤訂單管理：通過購物車中商品生成訂單、查看我的訂單、查看某個訂單的詳細等。=6\*GB3⑥互動模塊：查看養(yǎng)花新聞、添加留言。=2\*GB2⑵后臺（管理員管理）部分：管理員：管理員登錄；用戶管理：查看所有用戶、添加新用戶、修改用戶信息、刪除用戶；③商品管理：添加1級分類、添加2級分類、修改1級分類、修改2級分類、刪除1級分類、刪除2級分類、查看所有鮮花、添加新鮮花、修改鮮花、刪除鮮花；④訂單管理：修改訂單狀態(tài)、按ID查詢訂單、按收貨人查詢訂單、查看訂單詳細信息、刪除訂單；=5\*GB3⑤留言管理：回復留言、刪除留言；=6\*GB3⑥養(yǎng)花新聞管理：查看養(yǎng)花新聞、修改養(yǎng)花新聞、添加養(yǎng)花新聞、刪除養(yǎng)花新聞。圖4.1系統(tǒng)總體功能模塊圖4.2功能設(shè)計4.2.1前臺功能描述與設(shè)計（1）用戶登錄與注冊用戶的登錄與注冊是網(wǎng)站必不可少的功能。在注冊與登錄方面我們與一般的購物網(wǎng)站無異，需填寫一些注冊信息并在通過系統(tǒng)的驗證后成功注冊，具體須填寫的信息如下：=1\*GB3①用戶名：即登錄名，作為用戶登錄使用，必填項。②姓名：即收件人，作為用戶接受快遞時使用的名字，必填項。=3\*GB3③密碼及確認密碼：兩次密碼須一致，必填項。=4\*GB3④性別：必填項，默認為男性。=5\*GB3⑤地址：作為用戶接收快遞的地址，必填項。=6\*GB3⑥電話：用戶電話，必填項。=7\*GB3⑦生日、身份證：用戶生日及身份證號，選填項。=8\*GB3⑧郵箱：必填項。=9\*GB3⑨驗證碼：通過驗證碼的驗證才可以注冊成功，必填項。圖4.2用戶注冊流程圖用戶使用登錄功能時只需要填寫用戶名、密碼與驗證碼，在通過檢驗后便可以成功登錄。圖4.3用戶登錄流程圖（2）對商品的瀏覽與搜索本系統(tǒng)將會在首頁直接展示一些商品的圖片及價格來吸引顧客，同時為了方便顧客找到自己想要的商品系統(tǒng)同時支持關(guān)鍵字搜索以及分類查看。其中在分類查看中，考慮到植物的特性，本系統(tǒng)擬將提供一級分類與二級分類。這兩級分類將會滿足大部分人對分類查找的需求。（3）購物車與下訂單用戶在登錄后就可以使用購物車功能，在選擇好商品后可直接下單。首先用戶可隨心所欲地將心儀的鮮花商品添至購物車，然后在購物車中刪除鮮花、對鮮花的數(shù)量進行修改。最后通過勾選自己想要購買的鮮花進行下單。圖4.4用戶下單流程圖（4）留言與養(yǎng)花新聞考慮到用戶可能會對網(wǎng)站有一些建議，由此設(shè)計了留言模塊。此模塊面向所有用戶使用，即可以不登錄使用，但用戶需手動填寫昵稱。對于養(yǎng)花新聞模塊，為了給予用戶最優(yōu)的體驗，我們提供一些簡單的與植物相關(guān)的新聞以此來避免用戶在購買植物后不知道如何照料植物。此模塊仍然面向所有用戶使用，用戶點擊標題后便可以直接瀏覽。4.2.2后臺功能描述與設(shè)計（1）用戶管理管理員登錄后可以對本網(wǎng)站的注冊用戶進行查看與管理。首先，管理員可以查看本網(wǎng)站所有的注冊用戶，在此頁面中管理員可以刪除或修改用戶的信息。但管理員不可以刪除自己以及修改用戶的用戶名。其次管理員也可以添加新的用戶，在填寫并通過驗證后方添加成功。其中所需填寫的信息為4.2.1中（1）用戶登錄與注冊中所述。圖4.5管理員添加用戶流程圖（2）商品管理管理員可以對商品的信息進行維護，此模塊分為兩部分：其一為商品分類的信息的管理，其二為商品本身信息的管理。對于商品的分類，管理員首先對商品的父分類進行維護，然后在相應(yīng)的父分類下對其子分類進行增、刪、改。管理員同樣需對商品的基本信息進行維護。在新增商品時，管理員首先選擇好其所對應(yīng)的分類，然后填寫商品的名稱、圖片、價格、庫存、詳情。圖4.6管理員維護商品信息流程圖（3）訂單管理在對訂單管理功能中，管理員可以查看全部訂單或者搜索某一特定訂單，然后對訂單的狀態(tài)進行修改，刪除訂單。其中，訂單的狀態(tài)擬分為：待審核、審核通過、配貨、發(fā)貨、確認收貨。圖4.7管理員維護訂單流程圖（4）留言管理對于留言的管理，管理員只需回復或刪除留言便足夠。圖4.8管理員管理留言流程圖（5）養(yǎng)花新聞管理同樣對養(yǎng)花新聞的管理也相對簡單，管理員只需添加、修改、刪除養(yǎng)花新聞便可。圖4.9管理員維護養(yǎng)花新聞流程圖

4.3數(shù)據(jù)設(shè)計本系統(tǒng)數(shù)據(jù)庫表如下：=1\*GB2⑴easybuy_user用戶信息表，用于保存用戶注冊時所填寫的各種信息，其各字段如下表4.1所示。其中Eu_user_id為主鍵，作為用戶登錄名使用，而姓名區(qū)別于用戶登錄名是作為收件人所使用的。表4.1用戶表字段名稱數(shù)據(jù)類型主鍵是否空說明Eu_user_idvarchar(10)YN主鍵，登錄名Eu_user_namevarchar(10)NN姓名Eu_passwordvarchar(20)NN登錄密碼Eu_birthdaydatetimeNY生日Eu_sexvarchar(1)NN性別Eu_mobilvarchar(11)NN電話號碼Eu_emailchar(30)NN郵箱地址Eu_addressvarchar(50)NN地址Eu_statusdecimal(6)NN用戶身份Eu_idntity_codevarchar(60)NY身份證號注：在用戶身份這一字段中1為普通用戶，2為管理員=2\*GB2⑵easybuy_product_category商品分類表，其中存儲分類名稱與其父分類的ID，若分類本身就為一級分類則父分類ID一欄存0。表4.2商品分類表字段名稱數(shù)據(jù)類型主鍵是否空說明Epc_idint(10)YN主鍵Epc_namevarchar(20)NN商品分類名Epc_parent_iddecimal(10)NN商品父分id=3\*GB2⑶easybuy_product商品信息表，表內(nèi)字段如下表4.3所示。其中，當后臺獲取到圖片名稱后在相應(yīng)的路徑查找到該圖片后便可顯示在前臺。表4.3商品表字段名稱數(shù)據(jù)類型主鍵是否空說明Ep_idint(10)YN主鍵Ep_namevarchar(125)NN商品名稱Ep_descriptionvarchar(512)NY商品詳細信息Ep_pricedecimal(10)NN商品價格Ep_stockdecimal(10)NN庫存Epc_iddecimal(10)NY一級分類idEpc_child_iddecimal(10)NY二級分類idEpc_file_namevarchar(200)NY商品圖片=4\*GB2⑷easybuy_order普通訂單表，主要用來存儲訂單的各種信息。表4.4訂單表字段名稱數(shù)據(jù)類型主鍵是否空說明Eo_idint(10)YN主鍵Eo_user_idvarchar(10)NN用戶idEo_user_namevarchar(20)NN收貨人姓名Eo_user_addressvarchar(200)NN收貨人地址Eo_create_timeDatetimeNN訂單創(chuàng)建時間Eo_costdecimal(10)NN訂單總價Eo_statusdecimal(6)NN訂單狀態(tài)注：在訂單狀態(tài)這一字段中1為待審核，2為審核通過，3為配貨，4為發(fā)貨，5為確認收貨=5\*GB2⑸easybuy_news新聞表，存儲了有關(guān)新聞的各種信息，它的各個字段如下表4.5所示：表4.5養(yǎng)花新聞表字段名稱數(shù)據(jù)類型主鍵是否空說明Ep_idint(10)YN主鍵En_titlevarchar(400)NN標題En_contentvarchar(1000)NN養(yǎng)花新聞內(nèi)容En_create_timedatetimeNN發(fā)布時間=6\*GB2⑹easybuy_comment留言表，用于存儲有關(guān)留言的各種信息，它所存儲的各個字段如下表4.6所示：表4.6留言表字段名稱數(shù)據(jù)類型主鍵是否空說明Ec_idint(10)YN主鍵Ec_contentvarchar(200)NN內(nèi)容Ec_create_timedatetimeNN留言時間Ec_replyvarchar(200)NY回復內(nèi)容Ec_reply_timedatetimeNN回復時間Ec_nick_namechar(10)NN昵稱=7\*GB2⑺easybuy_order_detil訂單詳情表，區(qū)別于普通訂單表，用于存儲訂單內(nèi)鮮花的詳情。表4.7訂單詳情表字段名稱數(shù)據(jù)類型主鍵是否空說明Eod_idint(10)YN主鍵Eo_iddecimal(10)NN訂單idEp_iddecimal(10)NN商品idEod_quantitydecimal(6)NN商品數(shù)量Eod_costdecimal(10)NN商品單價=8\*GB2⑻easybuy_shop購物車表，用于存儲購物車內(nèi)的各種信息。我選擇用easybuy_product、easybuy_ordet_detail和easybuy_user表聯(lián)查。其中需從easybuy_user表中獲取用戶ID這一字段，從easybuy_product獲取圖片名稱、商品價格、商品名稱、商品庫存這四個字段，從easybuy_ordet_detail表中獲取商品數(shù)量這一字段。另外本表還應(yīng)含有一個新的字段es_valid，即保存購物車中商品是否結(jié)賬的信息，其中2為已經(jīng)結(jié)賬，1為未結(jié)帳。表4.8購物車表字段名稱數(shù)據(jù)類型主鍵是否空說明Es_idint(10)YN主鍵Es_ep_file_namevarchar(128)NN商品圖片名稱Es_ep_nameVarchar64)NN商品名稱Es_ep_pricedecimal(10)NN商品單價Es_eod_quantityint(10)NN商品數(shù)量Es_ep_stockint(10)NN商品庫存數(shù)Es_ep_idvarchar(50)NN商品idEs_eu_user_idint(10)NN用戶idEs_validint(10)NN用戶是否提交訂單

第5章功能實現(xiàn)5.1前臺功能實現(xiàn)網(wǎng)上鮮花商城的前臺主要供用戶瀏覽商品信息與下單使用，并額外提供一些用戶可能需要的植物養(yǎng)殖新聞和給網(wǎng)站留言的功能。一個優(yōu)秀的網(wǎng)站前臺一定具備設(shè)計簡潔精美，層次分明，條理清晰等特點，本著這些原則我設(shè)計了本網(wǎng)站的前臺，下面我將一一介紹本網(wǎng)站前臺的具體功能。5.1.1首頁設(shè)計本網(wǎng)站的設(shè)計以低純度,低飽和度的灰色調(diào)的莫蘭迪色系的綠色和紫色為主，這兩種低純度，低飽和度的顏色不會使用戶在瀏覽網(wǎng)站時覺得刺眼，網(wǎng)站的色調(diào)一致并且沒有超過三種顏色也不會讓用戶覺得雜亂、厭煩。綠色代表著生機，是植物的顏色，由于本網(wǎng)站為在線鮮花商城所以導航欄以綠色為主。灰色調(diào)的紫色中和了綠色過于冷淡讓網(wǎng)站整體色彩舒適，會增加戶在本網(wǎng)站的停留時間，從而增加了用戶的購物欲望。網(wǎng)站的logo也是經(jīng)過精心設(shè)計的。網(wǎng)站的logo應(yīng)該遵循著簡潔性、獨特性、信息性、藝術(shù)性等原則。本著這些原則，我設(shè)計了網(wǎng)站的logo。本網(wǎng)站的logo以兩只兔子為主體，考慮到植物通常與小動物出現(xiàn)在一起，且以動物為鮮花購物網(wǎng)站的logo會體現(xiàn)了自然的和諧也會增加網(wǎng)站的趣味性，由此我設(shè)計了兩只小兔子的logo。Logo的線條雖簡潔卻勾勒出栩栩如生的兩只小兔子，兔子的眼睛用網(wǎng)站的主色調(diào)灰紫色點綴，起到了畫龍點睛是作用，小兔子下面也是用了網(wǎng)站的主色調(diào)綠色寫著本網(wǎng)站的名字：兔子花房。本logo從顏色上與網(wǎng)站的主體顏色相呼應(yīng)，網(wǎng)站的名字也與logo相結(jié)合，本網(wǎng)上從設(shè)計上來說十分完整，并且簡潔舒適明了。圖5.1首頁5.1.2商品模塊在此模塊中包含了商品的分類顯示、搜索、動靜態(tài)展示、顯示最近瀏覽過的商品、顯示最近被用戶購買的商品這五大功能。=1\*GB1⒈分類導航與搜索本網(wǎng)站在網(wǎng)站的上側(cè)和左側(cè)均設(shè)計了分類導航，上側(cè)的導航為商品的一級分類，一級分類下面為商品的二級分類與搜索。用戶點擊網(wǎng)頁上側(cè)商品的某一一級分類則會顯示該分類下的所有商品，以綠植為例，當用戶點擊綠植這個一級分類時就如圖5.2所示，顯示綠植分類下所有的商品：圖5.2綠植分類當用戶點擊下面的某一二級分類則會顯示該分類下的所有商品，以芍藥為例，當用戶點擊芍藥這個二級分類時就如圖5.3所示，顯示芍藥分類下所有的商品：圖5.3芍藥分類用戶在搜索欄輸入關(guān)鍵字則會顯示含有該關(guān)鍵字的所有商品，以關(guān)鍵字“進口”為例。當用戶搜索“進口”時就會顯示含有“進口”這一關(guān)鍵字的所有的商品。圖5.4搜索關(guān)鍵字“進口”當用戶點擊左側(cè)的某一一級或二級分類則會和上面所展示的一樣顯示該分類下的所有商品，這里就不做一一展示了。=2\*GB1⒉商品的動態(tài)展示在左側(cè)的導航欄的右側(cè)為商品展示部分，這一部分的上面滾動展示商品的圖片，下面展示商品的圖片與價格。商品圖片的滾動展示的初始位置如圖5.5所示，圖片在不斷滾動時變成了圖5.6：圖5.5圖片滾動的初始圖5.6圖片滾動了一段時間用戶點擊圖片可以顯示商品的詳情，以圖5.6所示的藍色花朵圖片為例，當用戶點擊這個圖片時，就會如圖5.7所示，顯示商品“爆米花繡球”的詳情：圖5.7爆米花繡球如上圖所示，商品詳情頁面參考了一般購物網(wǎng)站的顯示布局，在左側(cè)會顯示商品的圖片，在圖片右側(cè)顯示了商品的價格、郵遞方式、熱賣程度、庫存（在用戶成功下單后會根據(jù)數(shù)量相應(yīng)的減少庫存，在稍后會展示）、購買數(shù)量、購買按鈕。在這些下面則是商品的詳情，以上圖為例簡單的介紹了商品“爆米花繡球”的一些屬性：大花繡球且單瓣。=3\*GB1⒊商品的靜態(tài)顯示在商品的滾動展示下面為一些商品的靜態(tài)展示，該處與滾動顯示除了動靜態(tài)的區(qū)別外，此處額外顯示了商品的名字與價格。圖5.8商品靜態(tài)展示與上面的動態(tài)展示一樣，點擊商品的圖片可以顯示商品的詳情，值得一提的是，在這里點擊商品的名字同樣可以顯示商品詳情，由于與上面的功能并無差別，這里就不做展示了。=4\*GB1⒋最近瀏覽在商品左側(cè)導航欄的下面展示了最近瀏覽的商品，如圖5.9所示：圖5.9最近瀏覽1以商品“重瓣東方百合”為例，當用戶瀏覽了該商品后，就會在最近瀏覽下面出現(xiàn)商品“重瓣東方百合”，如圖5.10所示：圖5.10最近瀏覽2=5\*GB1⒌商品熱賣在網(wǎng)站的最下面會顯示最近被用戶購買的商品，如圖5.11所示：圖5.11商品熱賣1以商品“普通綠蘿”為例，當用戶購買了該商品后，則會在熱賣推薦中出現(xiàn)“普通綠蘿”，如圖5.12所示：圖5.12商品熱賣25.1.3互動模塊本網(wǎng)站的互動功能分為兩個，其一：網(wǎng)站會發(fā)布一些養(yǎng)花的文章供用戶瀏覽，其二：用戶可以在本網(wǎng)站留言。=1\*GB1⒈瀏覽文章在本網(wǎng)站的右側(cè)有“養(yǎng)花新聞”板塊，如圖5.13所示：圖5.13養(yǎng)花新聞用戶點擊相應(yīng)的標題可以瀏覽文章全文。以標題為“月季的養(yǎng)護要點”為例，當用戶點擊此標題時就可以瀏覽該文章全文，如圖5.14所示：圖5.14瀏覽文章=2\*GB1⒉留言板在本網(wǎng)站的最上面右側(cè)有留言板塊，如圖5.15所示：圖5.15留言當用戶點擊“留言”后便可以進入留言板塊，可以留言或瀏覽全部留言，如圖5.16所示：圖5.16全部留言用戶可以在留言頁面的下面輸入昵稱以及留言內(nèi)容，如圖5.17所示：5.17添加留言在添加留言成功后會在留言板上顯示用戶的昵稱和留言，如圖5.18所示：圖5.18留言成功5.1.4用戶模塊用戶模塊在任何一個網(wǎng)站來講都是最重要的部分，在此模塊中用戶可以注冊、登錄。=1\*GB1⒈用戶注冊如圖5.1所示，用戶可以通過點擊首頁右上角的“注冊”到達注冊頁面然后進行注冊。圖5.19注冊在注冊的過程中會進行如下校驗：=1\*GB2⑴用戶名=1\*GB3①用戶名不能為空；=2\*GB3②用戶名不能重復；=3\*GB3③用戶名的長度需小于10個字符。=2\*GB2⑵密碼=1\*GB3①登錄密碼與確認密碼均不能為空；=2\*GB3②密碼的長度需小于20個字符；=3\*GB3③確認密碼需與登錄密碼保持一致。=3\*GB2⑶郵箱=1\*GB3①郵箱不能為空；=2\*GB3②郵箱的長度需小于30個字符。=4\*GB2⑷手機號=1\*GB3①手機號不能為空；=2\*GB3②手機號必須為純數(shù)字；=3\*GB3③手機號必須11位。=5\*GB2⑸送貨地址=1\*GB3①送貨地址不能為空；=2\*GB3②送貨地址的長度必須需小于50個字符=6\*GB2⑹驗證碼=1\*GB3①驗證碼不能為空；=2\*GB3②驗證碼需與圖片顯示的驗證碼一致。當用戶的填寫滿足以上要求時就會注冊成功，注冊成功后將顯示如下圖5.20所示，然后跳轉(zhuǎn)回首頁。圖5.20注冊成功=2\*GB1⒉用戶登錄在上面5.1.1中的圖5.1所示中，我們可以看到在首頁最右側(cè)的角落有藍色“登錄”二字，用戶單擊“登錄”就可跳至登錄頁面。圖5.21登錄在用戶登錄的過程中會進行如下校驗：用戶名用戶名不能為空；用戶名是否存在。登錄密碼密碼不能為空；密碼是否與用戶名匹配。驗證碼驗證碼不能為空；驗證碼必須與圖片中的驗證碼一致。當用戶通過以上校驗時就會登陸成功然后返回網(wǎng)站首頁。5.1.5購物車在進入商品詳情頁面后，用戶單擊“放入購物車”便能使商品添入購物車中。在這一模塊中用戶可以隨心所欲地添加商品到購物車中、修改購物車中商品的數(shù)量以及刪除購物車中的商品。圖5.22購物車用戶可以通過頁面右上角來訪問自己的購物車。（注：購物車功能必須登錄才能使用。）=1\*GB1⒈修改商品數(shù)量在購物車中用戶可以自由修改購物車中商品的數(shù)量，用戶既可以通過數(shù)量上下側(cè)的加號與減號進行每次加一或減一的修改數(shù)量，也可以手動輸入自己想要的數(shù)量。但需要注意的是所修改的數(shù)量必須在1到最大庫存之間。我們以商品“進口紫藤南國佳人”為例，當購買數(shù)量為1時，點擊減號將無效。此時手動輸入0將會顯示“您輸入的數(shù)量不能小于1”。圖5.23輸入數(shù)量為0商品“進口紫藤南國佳人”的最大庫存為100，當“進口紫藤南國佳人”購買數(shù)量為100時，點擊數(shù)量下面的加號將無效。若此時我們手動輸入一個大于100的數(shù)字將顯示“您輸入的數(shù)量超出庫存”。圖5.24超出庫存=2\*GB1⒉刪除商品用戶可以通過點擊購物車中相應(yīng)商品最右側(cè)的“刪除”來刪除其不想要的商品。當用戶點擊“刪除”后，系統(tǒng)首先會向用戶提出一次問詢。若用戶點擊“確定”則會刪除所選中的商品，若用戶點擊“取消”則會取消刪除當前商品。我們以圖4.20為例，當用戶點擊商品“蘋果竹芋”右側(cè)的刪除后，此時購物車中將只剩下商品“重瓣東方百合”、“進口紫藤南國佳人”，如下圖所示：圖5.25刪除成功5.1.6訂單模塊在此模塊中，用戶可以生成訂單和查看訂單。=1\*GB1⒈生成訂單用戶在購物車頁面選擇想要的商品后，輕擊“結(jié)算”按鈕便可輕松生成訂單，訂單生成后將顯示“恭喜：購買成功！”，然后跳轉(zhuǎn)至首頁。圖5.26訂單生成成功=2\*GB1⒉查看訂單用戶可以通過點擊右上角的“個人訂單”來查看自己的訂單。“個人訂單”功能中將顯示：訂單號、用戶ID、商品圖片、商品價格、商品庫存、購買數(shù)量。圖5.27個人訂單其中訂單號相同的為同一訂單，以圖5.27為例，商品“伊藤芍藥”、“安酷粉杜鵑”、“波葉鳥巢蕨”、“戴爾巴德月季”的訂單編號均為15，所以以上四種商品為同一訂單，而商品“粉色珊瑚芍藥”的訂單編號為14，這個商品則為其他訂單。5.2后臺功能實現(xiàn)網(wǎng)上鮮花商城的后臺設(shè)計是為了方便管理員管理網(wǎng)站，中包括管理員登錄和對用戶、商品、訂單、留言、養(yǎng)花新聞的管理功能。5.2.1管理員登錄管理員與普通用戶在同一頁面登錄，但當管理員賬號登錄成功后便會跳轉(zhuǎn)至本網(wǎng)站的后臺。圖5.28后臺首頁網(wǎng)站后臺的首頁如上圖5.28所示，其布局與前臺基本一致，都是在左側(cè)和上側(cè)分別設(shè)置了導航欄，其中在右上角管理員可以點擊“返回前臺頁面”來查看前臺。5.2.2用戶管理管理員可以點擊上側(cè)導航欄的“用戶”或者最左側(cè)導航欄中的“用戶管理”來進行用戶管理。圖5.29用戶管理=1\*GB1⒈修改用戶管理員可以在用戶管理頁面來修改用戶的信息，其中管理員不可以用戶的id。我們以圖5.29中ID為“張小狗”的用戶為例管理員點擊“修改”，將用戶“張小狗”的Email由“87620@”修改為“87621@”，修改成功后用戶管理頁面的顯示如下圖所示：圖5.30修改用戶值得注意的是，當管理員在進行用戶修改時，各種被修改后的屬性將按照4.4.1用戶注冊中所講述的校驗來對修改后的屬性進行校驗。=2\*GB1⒉刪除用戶管理員可以在用戶管理界面點擊相應(yīng)用戶后面的“刪除”來刪除該用戶，值得注意的是管理員用戶不可以刪除。我們以圖5.29中ID為“張小狗”的用戶為例，當管理員點擊刪除用戶“張小狗”時，系統(tǒng)將會進行一次詢問，以免誤刪，點擊取消后則取消改操作，點擊確定后將刪除用戶“張小狗”，然后用戶管理頁面中將如下圖所示不存在用戶“張小狗”。圖5.31刪除用戶“張小狗”=3\*GB1⒊添加用戶管理員可以通過點擊“用戶管理”右側(cè)的“新增”來添加新的用戶。在此功能中仍是依照5.1.4用戶注冊中所示來校驗各項屬性。圖5.32添加用戶如圖5.5所示，在各項屬性都校驗成功后，點擊添加，在用戶列表中將會顯示新添加的用戶“李小馬”，如下圖所示：圖5.33添加用戶“李小馬”成功5.2.3商品管理在此模塊中管理員可以對商品及其分類進行管理。其中為了方便用戶對商品進行更好的瀏覽，我們共設(shè)置了二級目錄。=1\*GB1⒈分類管理首先在最左側(cè)的導航欄中，點擊“分類管理”便會進入分類管理頁面。圖5.34分類管理我們可以在此頁面中對商品的分類進行增加、刪除、修改。其中對商品的分類進行添加時我們可以選擇添加根目錄或是根目錄下面的子目錄。圖5.35添加分類我們以根分類“多肉”以及其子分類“景天科”為例進行添加，添加成功后則會在商品的分類列表里顯示。圖5.36分類添加成功此外分類的修改和刪除功能比較簡單，與用戶的修改、刪除功能并無差別，此處就不做詳細展示了。=2\*GB1⒉商品管理管理員點擊“商品管理”后就可以進入商品列表，然后對商品進行增刪改。商品列表會顯示商品的ID、商品的名稱與圖片，點擊商品的名稱可以訪問商品詳情頁面。商品列表每頁顯示五個商品，超出五個將會翻頁顯示。圖5.37商品管理我們以根目錄“盆栽”下的子目錄“杜鵑”為例進行商品“迷你杜鵑陶菊如”的添加：圖5.38添加商品“迷你杜鵑陶菊如”商品添加成功后則會顯示在商品列表中。圖5.39商品“迷你杜鵑陶菊如”添加成功我們以商品“金銀花垂紅忍冬”為例修改其價格、庫存、商品詳情，下圖5.40為此商品修改前的個屬性值，圖5.41為修改成功后的商品詳情頁面：圖5.40修改商品“金銀花垂紅忍冬”圖5.41商品“金銀花垂紅忍冬”修改成功在此模塊中的刪除功能與一般刪除功能并無差別，在點擊刪除按鈕后會進行詢問，確認后進行刪除，此功能較為簡單，此次就不做展示了。5.2.4訂單管理管理員點擊“訂單管理”后將進入訂單管理界面，在此模塊中包含查找特定訂單，訂單狀態(tài)修改、訂單刪除三個功能。圖5.42訂單管理=1\*GB1⒈訂單查詢通過對訂單號或收貨人姓名的檢索，管理員就可以查詢到相應(yīng)的訂單。我們以收貨人“張卡卡”為例進行搜索該用戶名下的所有訂單，此時我們可以查詢到如上圖5.14所示的用戶“張卡卡”名下的全部訂單。圖5.43用戶“張卡卡”的訂單=2\*GB1⒉訂單狀態(tài)修改訂單的狀態(tài)分為待審核、審核通過、配貨、發(fā)貨這四種，其中用戶下單后訂單默認的初始狀態(tài)為待審核。我們以圖5.15為例修改用戶“張卡卡”的ID為15的訂單狀態(tài)，將其狀態(tài)修改為“配貨”。圖5.44修改訂單狀態(tài)=3\*GB1⒊訂單刪除管理員點擊“刪除”后會進行詢問，確認后會刪除訂單。我們以ID為13的訂單為例進行刪除，刪除后13號訂單就會在列表中消失。圖5.45刪除訂單5.2.5留言管理管理員點擊“留言管理”后進入對留言管理的頁面，在此模塊中管理員可以選擇是否對留言進行回復或者刪除。圖5.46留言管理=1\*GB1⒈回復留言用戶發(fā)布留言后，在后臺管理員會看到留言的默認狀態(tài)為“未回復”。管理員可以選擇是否對留言進行回復，若選擇回復，則該留言的狀態(tài)將變?yōu)椤耙鸦貜汀?。我們以圖5.18中ID為17的留言為例進行回復，回復后留言狀態(tài)會由“未回復”變?yōu)椤耙鸦貜汀?。圖5.47回復留言=2\*GB1⒉刪除留言為了便于管理管理員可以刪除留言，再點擊刪除并確認后可以刪除該留言。我們以圖5.18中ID為13的留言為例進行刪除，刪除后留言列表中將不會有有此留言。圖5.48刪除留言5.2.6新聞管理在此模塊中，管理員可以對養(yǎng)花新聞進行增，改，刪。圖5.49養(yǎng)花新聞管理=1\*GB1⒈添加養(yǎng)花新聞管理員點擊右側(cè)導航欄中的“添加養(yǎng)花新聞”則會進行對網(wǎng)站上的養(yǎng)花新聞進行添加的操作，新的養(yǎng)花新聞添加成功后將會在后臺的養(yǎng)花新聞管理模塊與前臺中均會顯示此養(yǎng)花新聞。圖5.50添加養(yǎng)花新聞=2\*GB1⒉修改養(yǎng)花新聞管理員可以通過此功能對養(yǎng)花新聞的標題及內(nèi)容進行修改。我們以ID為2標題為“冬季養(yǎng)花技巧”的養(yǎng)花新聞為例對此養(yǎng)花新聞的標題進行修改，將其改為“春夏秋冬養(yǎng)花的技巧”。圖5.51修改養(yǎng)花新聞=3\*GB1⒊刪除養(yǎng)花新聞管理員可以通過此功能刪除相應(yīng)的養(yǎng)花新聞。我們以ID為3標題為“琴葉榕春天怎么施肥”的養(yǎng)花新聞為例，對此養(yǎng)花新聞進行刪除，刪除成功后養(yǎng)花新聞列表中將無此養(yǎng)花新聞。圖5.52刪除養(yǎng)花新聞

第6章系統(tǒng)測試6.1測試的目的與目標對于任何一個軟件來說測試都是至關(guān)重要的一個步驟，軟件測試的目的不僅僅是為了找出系統(tǒng)的bug，也是完善用戶體驗的重要途徑。通過測試，我們可以用提交的Bug報告作為日后軟件的改進的標準和參考，并使自己的編程能力得到提高。針對于本系統(tǒng)，此次測試的目的是盡可能找出bug并消除，使得各功能正確，竭力的提高本系統(tǒng)的魯棒性。6.2測試用例表6.1用戶注冊測試之用戶名密碼測試用例編號測試用例預(yù)期結(jié)果測試結(jié)果結(jié)論用戶名密碼確認密碼Register_n01Kaka123456123456輸入正確輸入正確功能正確Register_n02Kaka123456顯示“確認密碼不能為空