洪祥床上用品網(wǎng)上商城的設(shè)計與實施

ADDINCNKISM.UserStyle摘要在中國互聯(lián)網(wǎng)發(fā)展日趨迅速的背景下，網(wǎng)上購物正逐漸成為人們?nèi)粘Ｉ畹氖走x活動之一，它既滿足了現(xiàn)如今消費者的消費需求，使人們可以隨時隨地使用手機進行網(wǎng)上購物，還可以擴大廣大賣家的規(guī)模和市場影響力。正因為網(wǎng)上購物具有這種全新的購物體驗和便捷的消費方式，傳統(tǒng)的購物模式正在逐漸失去它的原有地位，所以計劃開發(fā)一個床上用品網(wǎng)上商城來拓展用戶的購物模式。采用SSH架構(gòu)，MVC分層架構(gòu)思想開發(fā)一個鴻祥床上用品網(wǎng)上商城系統(tǒng)，以JSP進行視圖層的創(chuàng)建，展現(xiàn)頁面與業(yè)務(wù)，Struts2進行控制層的創(chuàng)建，控制信息的傳遞與調(diào)用，Hibernate進行數(shù)據(jù)訪問層的創(chuàng)建，封裝數(shù)據(jù)庫相關(guān)代碼，進行增、刪、改、查功能，Spring管理所有bean對象，進行JAVA程序的封裝，并在Service層切入了事務(wù)，為用戶展現(xiàn)業(yè)務(wù)。鴻祥床上用品網(wǎng)上商城系統(tǒng)分為用戶前臺訪問和管理員后臺管理兩部分。用戶前臺訪問采用HTML+CSS頁面：包括用戶注冊，用戶登錄，商品展示，商品詳情頁，添加購物車，信息公告，新聞動態(tài)，留言等；管理員后臺管理采用了EasyUI的JS腳本點擊，圖片上滑下滑，網(wǎng)頁加載條等技術(shù)，jquery語言使JS變得更加便捷，數(shù)據(jù)庫采用Mysql進行數(shù)據(jù)管理。本系統(tǒng)簡潔大方，適合新手用戶操作，同時也適合新手程序員進行建設(shè)與維護。關(guān)鍵字：網(wǎng)上商城床上用品JSPMySQL

TheDesignandImplementationofHongxiangBeddingOnlineMallAbstractInthecontextoftherapiddevelopmentoftheInternetinChina,onlineshoppingisgraduallybecomingoneofthepreferredactivitiesofpeople'sdailylife.Itnotonlyadaptstothefast-pacedlifestyleoftoday'ssociety,butalsomakesitconvenientandconvenientforuserstopurchasetheirownproductsanytimeandanywhere.Canexpandthescaleandmarketinfluenceofthemajorityofsellers.Becauseonlineshoppinghasthisnewshoppingexperienceandconvenientconsumption,thetraditionalshoppingmodelisgraduallylosingitsoriginalstatus,soplantodevelopabeddingonlinemalltoexpandtheuser'sshoppingmodel.UsingSSHarchitecture,MVClayeredarchitectureideatodevelopaHongxiangbeddingonlinemallsystem,JSPforviewlayercreation,displaypageandbusiness,Struts2controllayercreation,controlinformationtransferandcall,HibernatedataThecreationoftheaccesslayerencapsulatesdatabase-relatedcode,adding,deleting,changing,andcheckingfunctions.Springmanagesallbeanobjects,encapsulatesJAVAprograms,andcutsintransactionsattheServicelayertoexposeservicesforusers.Hongxiangbeddingonlinemallsystemisdividedintotwoparts:userfrontaccessandadministratorbackgroundmanagement.Userfront-endaccessusesHTML+CSSpages:includinguserregistration,userlogin,productdisplay,productdetailspage,addingshoppingcart,informationannouncement,newsupdates,messages,etc.;administratorbackgroundmanagementusesEasyUIJSscriptclick,onthepictureSlidingdown,webpageloadingandothertechnologies,jquerylanguagemakesJSmoreconvenient,thedatabaseusesMysqlfordatamanagement.Thesystemissimpleandgenerous,suitablefornoviceuserstooperate,butalsosuitablefornoviceprogrammerstobuildandmaintain.Keywords：onlineshopping，beddingmall，JSP，MySQL

目錄一、鴻祥床上用品網(wǎng)站規(guī)劃 一、鴻祥床上用品網(wǎng)站規(guī)劃（一）系統(tǒng)背景近年來，電子商務(wù)正逐步改變著當(dāng)代人們的生活方式。在電子商務(wù)的迅猛發(fā)展下，經(jīng)濟全球化的浪潮迅速席卷而來，結(jié)合著傳統(tǒng)線下商務(wù)行業(yè)的特點及優(yōu)勢，電子商務(wù)運營模式正逐步形成新的社會形態(tài)與經(jīng)濟模式?，F(xiàn)如今，B2C電子商務(wù)的快速發(fā)展更是使網(wǎng)絡(luò)購物變成人們的日常所需，實現(xiàn)了線下金錢交易到線上資金的無紙化交易的轉(zhuǎn)換。其次，床上用品產(chǎn)品的變化速度也十分迅速。在以前來說，生產(chǎn)力水平低下，人們對床上用品的需求也都在抵抗寒冷溫度的層次上，但伴隨著生產(chǎn)力的不斷發(fā)展，人們的生活水平不斷提高，對產(chǎn)品的外觀美感也有更高層次的要求，床上用品正不斷提高在消費者心中的地位。從家用購買到親友間禮品贈送，已經(jīng)客觀形成了巨大的全民床上用品消費市場。隨著市場需求的持續(xù)擴大，消費者越來越注重面料舒適性和產(chǎn)品質(zhì)量安全，所以床上用品行業(yè)要繼續(xù)研發(fā)新技術(shù)，達到新境界，擴大市場份額，從而滿足不同消費者的市場需求。目前，我國床上用品行業(yè)正迅速發(fā)展，江蘇南通許多企業(yè)已逐漸形成床上用品的專業(yè)化、國際化市場，許多床上用品品牌也為大多數(shù)人所熟知。在國家大力推進信息化和工業(yè)化融合的環(huán)境下，南方地區(qū)正成為傳統(tǒng)床上用品行業(yè)與電子商務(wù)應(yīng)用相結(jié)合的試點基地，并取得了較好成績。但是，東北地區(qū)的床上用品市場仍屬于待開發(fā)狀態(tài)，大多數(shù)仍屬于線下商場買賣。由于東北地區(qū)電子商務(wù)行業(yè)發(fā)展緩慢，線下交易仍屬于“討價還價”模式，所以，人們的消費觀念亟待轉(zhuǎn)換；同時，由于東北地區(qū)四季分明，也使東北地區(qū)對各種季節(jié)的床上用品需求增加。不僅如此，東北地區(qū)的床上用品品牌十分缺少，在東北地區(qū)建立一個新的床上用品品牌市場潛力大。所以，我從實踐中得出思考，將東北地區(qū)傳統(tǒng)線下床上用品行業(yè)與電子商務(wù)結(jié)合迫在眉睫！（二）企業(yè)市場定位及發(fā)展前景分析1、企業(yè)市場定位鴻祥床上用品網(wǎng)上購物商城定位于中端東北地區(qū)普通消費者，根據(jù)東北地區(qū)消費者的消費水平定價，如四件套的價格定在以大眾能夠接受的為主，物美價廉；根據(jù)東北地區(qū)消費者的應(yīng)季要求及時上新，主要售賣蠶絲被、兒童被、四季被等；根據(jù)東北地區(qū)消費者的審美要求制訂符合東北特色的床上用品，如婚慶四件套系列、兒童夢幻可愛系列、單一純色系列；根據(jù)東北地區(qū)人們的體型特點，大部分售賣1.8米的床單、被褥、四件套等，做到及時滿足東北地區(qū)消費者的需求，增加供求雙方的聯(lián)系，擺脫地域限制，增加了信息的時效性，提高了交易效率，滿足東北地區(qū)消費者的市場需求。2、發(fā)展前景分析鴻祥床上用品商城主要的熱銷品為：四件套、被罩、枕套等。床上用品是人們的生活必需品之一，同時也是人們需求旺盛的產(chǎn)品之一。不僅如此，東北地區(qū)人口眾多，四季分明，對該行業(yè)的需求更是十分巨大，所以該行業(yè)必將前途無限！而床上用品網(wǎng)上購物商城相對傳統(tǒng)零售店鋪的發(fā)展前景包括：（1）有零售店鋪實體支撐，說明貨源和渠道值得信賴，使商城獲得床上用品線下店鋪用戶的信任感，通過線下傳統(tǒng)零售店鋪的根基和回頭客來推動床上用品網(wǎng)上購物商城的發(fā)展。床上用品網(wǎng)上購物商城是線下傳統(tǒng)零售店鋪的一個良好補充和進一步發(fā)展。（2）全天不間斷營業(yè)。床上用品網(wǎng)上購物商城延長了線下店鋪的營業(yè)時間，可以選擇在任何時間、地點持續(xù)營業(yè)，在節(jié)省人力投資的同時，允許消費者隨時交易，保證了交易的持續(xù)性。交易時間上的不間斷性，提高交易效率，交易成本下降，交易成功率提高，增加企業(yè)的交易收入。（3）床上用品網(wǎng)上購物系統(tǒng)可以很好地做到免費宣傳實體店的效果，使得線上、線下店鋪聯(lián)動，更高地發(fā)揮線上和線下的優(yōu)點。（4）床上用品網(wǎng)上購物商城可以幫助線下實體店鋪更好地維護客戶群，使用戶可以突破地域邊界，進行商品的選購與貿(mào)易的往來。（5）床上用品網(wǎng)上購物商城可以為線下實體店鋪提供免費的市場調(diào)查。由于網(wǎng)上購物商城的單擊和成交都是自動統(tǒng)計的，賣家可以通過商品的網(wǎng)絡(luò)點擊量和成交量了解商品的庫存量以及市場的流行趨勢，并且可以通過有效的溝通得到更多有助于線下實體店鋪發(fā)展的相關(guān)信息，為線下實體店鋪提供更有效的營銷方案。所以，床上用品網(wǎng)上購物商城的前景十分廣闊，適合開發(fā)與推廣。（三）企業(yè)業(yè)務(wù)流程分析本床上用品網(wǎng)上購物商城分為前臺管理和后臺管理，用戶操作前臺頁面管理員操作后臺頁面。本系統(tǒng)運行出網(wǎng)上購物的流程，采用面向?qū)ο蠓治鲈O(shè)計的思想、通過MVC模式、利用HTML、CSS等技術(shù)來編輯網(wǎng)頁，并運用JSP技術(shù)使Tomcat可以編譯JAVA代碼，把數(shù)據(jù)庫與動態(tài)網(wǎng)頁相關(guān)聯(lián)，MySQL為數(shù)據(jù)庫，Tomcat為應(yīng)用服務(wù)器，令用戶在同一局域網(wǎng)下，輸入相同網(wǎng)址，在Tomcat應(yīng)用服務(wù)器中開啟并對外開放下的訪問，運用JavaBean對程序的關(guān)鍵代碼進行封裝，使不同網(wǎng)頁可以運行同一程序段，引用同一功能，提高代碼復(fù)用性。建立后的網(wǎng)站系統(tǒng)是一個動態(tài)、交互式、具有商品提供、系統(tǒng)管理等功能的電子商務(wù)網(wǎng)站。系統(tǒng)前臺主要實現(xiàn)的功能有：用戶打開系統(tǒng)首頁，瀏覽商品、搜索商品，或進行會員注冊，填寫用戶信息，然后進行會員登錄或會員信息修，再以會員的身份查看商品詳情展示頁面，瀏覽商品信息，把喜歡的商品加入購物車，最后生成訂單，完成購買。系統(tǒng)后臺主要由管理員進行編輯與控制，管理員可以對用戶信息進行增、刪、改、查等操作；對商品信息進行增、刪、改、查，庫存量修改，管理商品大、小類等操作；對訂單進行訂單狀態(tài)修改、賣家發(fā)貨等操作；對公告進行公告信息增、刪、改、查等操作；對新聞信息進行增、刪、改、查等操作；對留言信息進行查看、回復(fù)、刪除等操作；對系統(tǒng)管理進行修改密碼、安全退出、刷新緩存等操作。床上用品網(wǎng)上購物商城業(yè)務(wù)流程圖如圖1-1所示。其中代表實體對象，代表處理功能，表示表單信息。圖1-1床上用品網(wǎng)上購物商城業(yè)務(wù)流程圖 （四）可行性分析1、經(jīng)濟可行性本系統(tǒng)開發(fā)的主要工具是MySQL數(shù)據(jù)庫和JSP技術(shù)。從項目開發(fā)所需費用和項目效益的角度看，主要考慮設(shè)計人員的工作時間以及今后使用和維護該系統(tǒng)的相關(guān)費用。該系統(tǒng)投入使用后，可以解決企業(yè)電子商務(wù)網(wǎng)上商城運行中遇到的資金和人力消耗、管理內(nèi)容復(fù)雜、數(shù)據(jù)丟失等問題；而且本系統(tǒng)是小型的系統(tǒng)，只需要在網(wǎng)絡(luò)上下載所需的軟件設(shè)備，所需成本較低，前期準備相對較少，經(jīng)濟成本低，實用價值高，性價比高，所以在經(jīng)濟上是可行的。2、技術(shù)可行性對于用戶和賣家來說，本系統(tǒng)在用戶前臺界面，分為會員注冊、用戶登錄、瀏覽商品和搜索商品頁面，用戶進行會員注冊十分簡單易懂，繼而可以進行添加購物車及購買等消費行為。遇到合適的商品，輕輕一點，加入購物車，生成訂單，完成購買，還可以輕輕一點查看公告，瀏覽新聞等；從商家后臺管理頁面來看，分為商品管理、用戶管理、訂單管理、公告管理、新聞管理、系統(tǒng)管理等功能，商家可以接收到用戶信息、商品信息與訂單信息，及時為顧客進行服務(wù)，上、下架商品，完善自己的網(wǎng)上商城。不僅如此，商家可以根據(jù)自己的喜好對床上用品網(wǎng)上商城的各部分頁面和功能進行簡單個性化的設(shè)置，輕輕一點就可以為商品提供全方面的展示與宣傳，擴大市場影響力。同時本系統(tǒng)也方便用戶查找自己喜愛的商品并進行購買，將擴大本企業(yè)的市場份額。因為這對于用戶和商家的技術(shù)要求都十分低，操作簡單，易于上手，所以在技術(shù)上是可行的。3、管理可行性作為一個在互聯(lián)網(wǎng)上運行的床上用品網(wǎng)站，需要使用戶可以隨時瀏覽和購買商品。因此，連續(xù)性和穩(wěn)定性是本床上用品網(wǎng)上商城的基礎(chǔ)之一。由于網(wǎng)站的操作是基于B/S瀏覽器與服務(wù)器的頁面操作，簡單方便，易于理解和操作，用戶無需學(xué)習(xí)就可以很容易地知道如何操作；而且管理員不需要有很專業(yè)知識，只需要在平時輸入一些數(shù)據(jù)并進行日常維護就已足夠，所以在管理上是可行的。所以床上用品網(wǎng)上購物商城的建立從各個方面考慮是可行的。二、鴻祥床上用品網(wǎng)站系統(tǒng)分析（一）需求模型的建立1、用例圖用例圖是體現(xiàn)參與者、用例和他們之間關(guān)系的靜態(tài)模型，展示了系統(tǒng)開發(fā)的最初藍圖以及如何使用系統(tǒng)，方便使用者更好的了解系統(tǒng)。（1）用戶用例圖：用戶可以進入床上用品網(wǎng)上購物商城首頁，點擊右上角進行用戶注冊與用戶登錄，商品搜索、瀏覽商品信息、瀏覽留言、添加留言、瀏覽新聞、瀏覽公告等操作。用戶用例圖如圖2-1所示。圖2-1用戶用例圖用戶用例事件流描述如下：11“用戶注冊”1.1簡單描述本用例用于用戶注冊操作。1.2前置條件無。1.3后置條件用例成功后，系統(tǒng)添加新的用戶。1.4事件流1.4.1基流用戶希望在床上用品網(wǎng)站注冊時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到用戶注冊頁面。（2）用戶填寫注冊信息。（3）系統(tǒng)檢查信息是否有效（E-1）（是否已注冊用戶名，密碼是否為空），將信息存入數(shù)據(jù)庫。1.4.2替代流E-1：如果用戶輸入的注冊信息無效，系統(tǒng)顯示錯誤信息并轉(zhuǎn)到錯誤頁面，用戶重新填寫信息，或者取消注冊，用例結(jié)束。22“用戶登錄”2.1簡單描述用例用于用戶登錄網(wǎng)站。2.2前置條件登錄網(wǎng)站用戶是網(wǎng)站的注冊用戶。2.3后置條件用例成功后，用戶登錄網(wǎng)站。2.4事件流2.4.1基流已注冊成功的用戶登陸網(wǎng)站時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到用戶登錄頁面，提示用戶輸入用戶名和密碼。（2）用戶填寫用戶名和密碼信息。（3）用戶驗證輸入的用戶名和密碼，若正確（E-1），則轉(zhuǎn)到首頁，系統(tǒng)激活這一用戶。2.4.2替代流E-1：如果輸入無效的用戶名和（或）密碼，系統(tǒng)顯示錯誤信息，用戶可以選擇返回基流起始點，重新輸入正確的用戶名和（/或）密碼；或者取消登錄，用例結(jié)束。33“搜索商品與瀏覽商品”3.1簡單描述本用例用于用戶瀏覽商品操作。3.2前置條件無。3.3后置條件用例成功后，用戶進行商品瀏覽。3.4事件流3.4.1基流用戶希望瀏覽商品時進行的操作。（1）用戶進行商品搜索。（2）系統(tǒng)檢查信息是否有效（E-1）（商品是否存在，輸入的字符是否有效），提示所搜索的商品3.4.2替代流E-1：如果用戶輸入無效的商品名，系統(tǒng)顯示錯誤信息，用戶重新填寫商品名稱，或者取消商品搜索，用例結(jié)束。44“留言管理”4.1簡單描述用例用于用戶添加留言。4.2前置條件無。4.3后置條件用例成功后，用戶成功添加留言。4.4事件流4.4.1基流用戶希望增加留言時進行的操作。（1）系統(tǒng)轉(zhuǎn)到留言頁面。（2）用戶增加留言。（3）用戶輸入昵稱與留言內(nèi)容，若正確（E-1），則返回商品展示頁，用戶進行其他操作。4.4.2替代流E-1：如果輸入無效的昵稱與留言內(nèi)容，系統(tǒng)顯示錯誤信息，用戶可以選擇返回基流起始點，重新輸入昵稱與留言內(nèi)容；或者取消輸入，用例結(jié)束。55“瀏覽新聞”5.1簡單描述用例用于用戶瀏覽新聞。5.2前置條件無。5.3后置條件用例成功后，用戶瀏覽新聞。5.4事件流5.4.1基流用戶希望瀏覽新聞時進行的操作。（1）系統(tǒng)轉(zhuǎn)到新聞管理頁面。（2）用戶打開新聞?wù)故卷撁妗?6“瀏覽公告”6.1簡單描述用例用于用戶瀏覽公告。6.2前置條件無。6.3后置條件用例成功后，用戶瀏覽公告。6.4事件流6.4.1基流用戶希望瀏覽公告時進行的操作。（1）系統(tǒng)轉(zhuǎn)到公告管理頁面。（2）用戶打開公告展示頁面。（2）會員用例圖：會員進行商品選購時，可以選擇商品款式與數(shù)量；會員可以通過增加商品、刪除商品，對購物車進行管理；會員可以點開個人中心，管理個人信息和訂單信息。會員用例圖如圖2-2所示。會員用例事件流描述如下：圖2-2會員用例圖77“商品選購”7.1簡單描述用例用于會員選購商品。7.2前置條件進行商品選購是網(wǎng)站的注冊會員。7.3后置條件用例成功后，會員選購商品。7.4事件流7.4.1基流已登錄成功的會員選購商品時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到商品目錄頁面。（2）會員點擊商品詳情頁。（3）會員選擇商品數(shù)量與商品款式，進行商品選購操作。88“管理購物車”8.1簡單描述用例用于會員管理購物車。8.2前置條件進行管理購物車是網(wǎng)站的注冊會員。8.3后置條件用例成功后，會員管理購物車。8.4事件流8.4.1基流已登錄成功的會員管理購物車時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到購物車頁面。（2）用戶進行購物車數(shù)量的增減。99“個人信息管理”9.1簡單描述用例用于會員進行個人信息管理。9.2前置條件進行個人信息管理是網(wǎng)站的注冊會員。9.3后置條件用例成功后，會員修改個人信息。9.4事件流9.4.1基流已登錄成功的會員管理個人信息時觸發(fā)用例。（1）會員進入個人信息頁面。（2）會員進行個人信息修改。1010“訂單管理”10.1簡單描述用例用于會員進行訂單管理。10.2前置條件進行訂單管理是網(wǎng)站的注冊會員。10.3后置條件用例成功后，會員修改訂單狀態(tài)。10.4事件流10.4.1基流已登錄成功的會員管理訂單時觸發(fā)用例。（1）會員進入個人信息頁面。（2）會員查看訂單信息與修改訂單狀態(tài)。（3）管理員用例圖：管理員可以進行用戶信息增、刪、改、查；商品信息增、刪、改、查，庫存量修改，管理商品大、小類；訂單管理；公告管理；新聞管理；留言管理；系統(tǒng)管理等操作。管理員用例圖如圖2-3所示。圖2-3管理員用例圖管理員用例事件流描述如下：事件流描述：事件流描述：11“訂單管理”11.1簡單描述用例用于管理員進行訂單管理。11.2前置條件進行訂單管理是網(wǎng)站的管理員。11.3后置條件用例成功后，管理員對訂單進行審核、發(fā)貨及查看。11.4事件流11.4.1基流已成功登陸的管理員進行訂單管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看訂單號或訂單信息。（3）轉(zhuǎn)到訂單頁面，進行訂單審核、發(fā)貨及查看。1212“商品管理”12.1簡單描述用例用于管理員進行商品管理。12.2前置條件進行商品管理是網(wǎng)站的管理員。12.3后置條件用例成功后，管理員對商品圖片、名稱、價格、庫存、所屬大類、所屬小類、備注進行增、刪、改、查。12.4事件流12.4.1基流已成功登陸的管理員進行訂單管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看商品信息。轉(zhuǎn)到商品頁面，對商品圖片、名稱、價格、庫存、所屬大類、所屬小類、備注進行增、刪、改、查。1313“會員管理”13.1簡單描述用例用于管理員進行會員管理。13.2前置條件進行商品管理是網(wǎng)站的管理員。13.3后置條件用例成功后，管理員對會員信息進行增、刪、改、查。13.4事件流13.4.1基流已成功登陸的管理員進行會員管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看會員信息。轉(zhuǎn)到會員個人頁面，對會員信息進行增、刪、改、查。1414“留言管理”14.1簡單描述用例用于管理員進行留言管理。14.2前置條件進行商品管理是網(wǎng)站的管理員。14.3后置條件用例成功后，管理員對留言信息進行查看、刪除、回復(fù)。14.4事件流14.4.1基流已成功登陸的管理員進行留言管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看留言信息。轉(zhuǎn)到留言管理頁面，對留言信息進行查看、刪除、回復(fù)。1515“公告管理”15.1簡單描述用例用于管理員進行公告管理。15.2前置條件進行商品管理是網(wǎng)站的管理員。15.3后置條件用例成功后，管理員對公告信息進行增、刪、改、查。15.4事件流15.4.1基流已成功登陸的管理員進行公告管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看公告信息。轉(zhuǎn)到公告管理頁面，對公告信息進行增、刪、改、查。1616“新聞管理”16.1簡單描述用例用于管理員進行新聞管理。16.2前置條件進行商品管理是網(wǎng)站的管理員。16.3后置條件用例成功后，管理員對新聞信息進行增、刪、改、查。16.4事件流16.4.1基流已成功登陸的管理員進行新聞管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看新聞信息。轉(zhuǎn)到新聞管理頁面，對公告信息進行增、刪、改、查。1717“系統(tǒng)管理”17.1簡單描述用例用于管理員進行系統(tǒng)管理。17.2前置條件進行商品管理是網(wǎng)站的管理員。17.3后置條件用例成功后，管理員對系統(tǒng)進行修改密碼、刷新緩存、安全退出。17.4事件流17.4.1基流已成功登陸的管理員進行系統(tǒng)管理時觸發(fā)用例。（1）系統(tǒng)轉(zhuǎn)到管理員登錄頁面，提示管理員輸入用戶名和密碼。（2）管理員查看系統(tǒng)信息。轉(zhuǎn)到系統(tǒng)管理頁面，對系統(tǒng)進行修改密碼、刷新緩存、安全退出。2、活動圖活動圖描述活動進行的順序及流程，展現(xiàn)從一個活動到另一個活動的流動順序及處理動作。（1）用戶注冊活動圖：用戶發(fā)出注冊請求，進入注冊頁面，填寫個人信息（包括地址、電話、郵箱等），若有效，進行用戶信息存儲，注冊成功。若無效，則顯示出錯提示。用戶注冊活動圖如圖2-4所示。圖2-4用戶注冊活動圖（2）會員登陸活動圖：會員發(fā)出登錄請求，進入會員登錄頁面，輸入用戶名、密碼，及登錄身份驗證碼，若登錄信息有效，則以會員身份進入網(wǎng)站，進行商品瀏覽。若登錄信息無效，則顯示出錯提示。會員登陸活動圖如圖2-5所示。圖2-5會員登陸活動圖（3）瀏覽商品與加入購物車活動圖：會員發(fā)出商品選購請求，進入床上用品商品展示頁面，輸出商品名稱進行商品查詢，進入商品展示頁面，或?qū)⒆约核徺I的商品加入購物車，并判斷會員是否登錄或注冊，若已注冊，生成訂單完成購買，若未注冊或登錄，則提示會員登錄或注冊。瀏覽商品與加入購物車活動圖如圖2-6所示。圖2-6瀏覽商品與加入購物車活動圖（4）會員修改個人信息活動圖：會員發(fā)出個人信息修改請求，系統(tǒng)顯示會員個人信息頁面，會員進行個人信息修改，若輸入正確的用戶名及密碼，則修改成功，系統(tǒng)進行會員信息變更存儲，若無效，系統(tǒng)顯示出錯提示，結(jié)束會員信息更改。會員修改個人信息活動圖如圖2-7所示。圖2-7會員修改個人信息活動圖（5）管理員后臺訂單管理活動圖：會員提交訂單，管理員驗證登錄，進入后臺會員管理頁面，管理員進行訂單審核，若單通過審核，則顯示訂單狀態(tài)為：已審核，管理員將選擇是否進行發(fā)貨，最后成功發(fā)貨。管理員后臺訂單管理活動圖如圖2-8所示。圖2-8管理員后臺訂單管理活動圖（6）管理員后臺會員信息管理活動圖：管理員驗證登錄，進入后臺會員管理頁面，對會員信息進行增、刪、改、查等操作，最后完成數(shù)據(jù)更新。管理員后臺會員信息管理活動圖如圖2-9所示。圖2-9管理員后臺會員信息管理活動圖（7）管理員后臺商品信息管理活動圖：管理員驗證登錄，進入后臺商品管理頁面，對后臺商品進行商品信息查詢，商品信息增、刪、改、查，管理商品大、小類等操作，最后完成數(shù)據(jù)更新。管理員后臺商品信息管理活動圖如圖2-10所示。圖2-10管理員后臺商品信息管理活動圖（8）管理員后臺留言管理活動圖：管理員驗證登錄，進入后臺留言管理頁面，對后臺留言進行查看、刪除、回復(fù)等操作，最后完成數(shù)據(jù)更新。管理員后臺留言管理活動圖如圖2-11所示。圖2-11管理員后臺留言管理活動圖（9）管理員后臺系統(tǒng)管理活動圖：管理員驗證登錄，進入后臺系統(tǒng)管理頁面，對系統(tǒng)進行修改管理員密碼、安全退出系統(tǒng)、以及刷新緩存等操作，最后完成數(shù)據(jù)更新。管理員后臺系統(tǒng)管理活動圖如圖2-12所示。圖2-12管理員后臺系統(tǒng)管理活動圖（10）管理員后臺公告管理活動圖：管理員驗證登錄，進入后臺公告管理頁面，對公告進行增、刪、改、查等操作，最后完成數(shù)據(jù)更新。管理員后臺公告管理活動圖如圖2-13所示。圖2-13管理員后臺公告管理活動圖（11）管理員后臺新聞管理活動圖：管理員驗證登錄，進入新聞管理頁面，對新聞信息進行增、刪、改、查等操作，最后完成數(shù)據(jù)更新。管理員后臺新聞管理活動圖如圖2-14所示。圖2-14管理員后臺新聞管理活動圖（二）分析模型的建立1、分析類圖分析類圖顯示模型的靜態(tài)結(jié)構(gòu)，展現(xiàn)出類、接口以及它們之間的邏輯機構(gòu)和業(yè)務(wù)流程。（1）前臺用戶分析類圖：用戶可以進入床上用品網(wǎng)上購物商城首頁，點擊右上角進行用戶注冊與用戶登錄，商品搜索、瀏覽商品信息、瀏覽留言、添加留言、瀏覽新聞、瀏覽公告等操作。前臺用戶分析類圖如圖2-15所示。圖2-15前臺用戶分析類圖（2）前臺會員分析類圖：會員進行商品選購后，出現(xiàn)訂單信息；會員可以通過增加商品、刪除商品，對購物車進行管理；會員可以點開個人中心，管理個人信息和訂單狀態(tài)。前臺會員分析類圖如圖2-16所示。圖2-16前臺會員分析類圖（3）后臺管理分析類圖：管理員可以通過加入訂單控制類，修改訂單狀態(tài)，對訂單狀態(tài)進行增、刪、改、查等操作；可以通過加入商品控制類，修改商品信息，對商品信息增、刪、改、查，庫存量修改，管理商品大、小類等操作；可以通過加入會員控制類，修改會員信息，對會員信息進行增、刪、改、查等操作；可以通過加入公告控制類，修改公告信息，對公告信息進行增、刪、改、查等操作；可以通過加入新聞控制類，修改新聞信息，對新聞信息進行增、刪、改、查等操作，可以通過加入系統(tǒng)控制類，修改系統(tǒng)狀態(tài)，對系統(tǒng)進行修改密碼、安全退出、刷新緩存等操作；可以通過加入留言控制類，對留言進行留言查看、留言刪除、留言回復(fù)等操作。后臺管理分析類圖如圖2-17所示。圖2-17后臺管理分析類圖2、協(xié)作圖協(xié)作圖體現(xiàn)實施與接收對象之間的行為順序及行為方向。（1）用戶注冊協(xié)作圖：用戶進入首頁，發(fā)送注冊請求，進入注冊頁面，填寫用戶信息，數(shù)據(jù)傳送至系統(tǒng)數(shù)據(jù)庫進行數(shù)據(jù)檢驗，若正確，添加會員信息并返回主頁面，完成用戶注冊，若錯誤，返回錯誤信息至注冊頁面。用戶注冊協(xié)作圖如圖2-18所示。圖2-18用戶注冊協(xié)作圖（2）用戶登錄協(xié)作圖：用戶發(fā)出登錄請求，進入登錄頁面，輸入用戶名、密碼，進行數(shù)據(jù)校驗，若登錄信息有效，則返回成功信息至登錄頁面，若錯誤，返回錯誤信息。用戶登錄協(xié)作圖如圖2-19所示。圖2-19用戶登錄協(xié)作圖（3）瀏覽商品與加入購物車協(xié)作圖：用戶發(fā)出商品查看和商品選購請求，進入床上用品商品展示頁面，輸出商品名稱進行商品查詢，若信息有效，進入商品詳情頁，所信息無效則顯示出錯頁面，然后將自己喜愛的商品加入購物車，最后生成訂單完成購買。瀏覽商品與加入購物車協(xié)作圖如圖2-20所示。圖2-20瀏覽商品與加入購物車協(xié)作圖（4）會員信息更改協(xié)作圖：會員發(fā)出個人信息修改請求，進入會員信息頁面，在會員信息編輯窗口輸入需要更改數(shù)據(jù)，進行數(shù)據(jù)校驗，并返回個人信息至?xí)T個人信息頁面。會員信息更改協(xié)作圖如圖2-21所示。圖2-21會員信息更改協(xié)作圖（5）管理員后臺會員信息管理協(xié)作圖：管理員進入后臺會員管理頁面，對會員信息進行增、刪、改、查等操作，進行數(shù)據(jù)校驗，最后完成數(shù)據(jù)更新并返回會員個人信息頁面。管理員后臺會員信息管理協(xié)作圖如圖2-22所示。圖2-22管理員后臺會員信息管理協(xié)作圖（6）管理員后臺商品信息管理協(xié)作圖：管理員進入后臺商品管理頁面，對后臺商品進行商品信息查詢，商品信息增、刪、改、查，管理商品大、小類等操作，進行數(shù)據(jù)校驗，最后完成數(shù)據(jù)更新，并返回到商品信息頁面。管理員后臺商品信息管理協(xié)作圖如圖2-23所示。圖2-23管理員后臺商品信息管理協(xié)作圖（7）管理員后臺訂單管理協(xié)作圖：會員提交訂單，管理員進入訂單狀態(tài)編輯窗口，修改訂單狀態(tài)，進行數(shù)據(jù)審核，若訂單通過審核，則顯示訂單狀態(tài)為：已審核，管理員將選擇是否進行發(fā)貨，最后返回訂單信息頁面，成功發(fā)貨。管理員后臺訂單管理協(xié)作圖如圖2-24所示。圖2-24管理員后臺訂單管理協(xié)作圖（8）管理員后臺新聞管理協(xié)作圖：管理員進入新聞管理頁面，進入新聞信息編輯窗口，輸入修改的數(shù)據(jù)對新聞信息進行增、刪、改、查等操作，進行數(shù)據(jù)校驗，最后返回新聞管理頁面，完成數(shù)據(jù)更新。管理員后臺新聞管理協(xié)作圖如圖2-25所示。圖2-25管理員后臺新聞管理協(xié)作圖（9）管理員后臺公告管理協(xié)作圖：管理員進入后臺公告管理頁面，進入公告信息編輯窗口，輸入修改的數(shù)據(jù)，對公告內(nèi)容進行增、刪、改、查等操作，進行數(shù)據(jù)校驗，最后返回公告管理頁面，完成數(shù)據(jù)更新。管理員后臺公告管理協(xié)作圖如圖2-26所示。圖2-26管理員后臺公告管理協(xié)作圖（10）管理員后臺系統(tǒng)管理協(xié)作圖：管理員進入后臺系統(tǒng)管理頁面，進入系統(tǒng)信息編輯窗口，輸入修改的數(shù)據(jù)，對系統(tǒng)進行修改管理員密碼、安全退出系統(tǒng)、以及刷新緩存等操作，進行數(shù)據(jù)校驗，最后返回系統(tǒng)管理頁面，完成數(shù)據(jù)更新。管理員后臺系統(tǒng)管理協(xié)作圖如圖2-27所示。圖2-27管理員后臺系統(tǒng)管理協(xié)作圖（11）管理員后臺留言管理協(xié)作圖：管理員進入后臺留言管理頁面，進入留言信息編輯窗口，輸入修改的數(shù)據(jù)，對后臺留言進行查看、刪除、回復(fù)等操作，進行數(shù)據(jù)校驗，最后返回留言管理窗口，完成數(shù)據(jù)更新。管理員后臺留言管理協(xié)作圖如圖2-28所示。圖2-28管理員后臺留言管理協(xié)作圖三、鴻祥床上用品網(wǎng)站系統(tǒng)設(shè)計（一）系統(tǒng)總體設(shè)計1、網(wǎng)站UI設(shè)計：網(wǎng)站的logo置于左上角，可以使用戶快速了解網(wǎng)站的品牌形象；標題欄置于網(wǎng)站上方，可以使用戶清楚地看到網(wǎng)站商品大類、小類分類，根據(jù)分類迅速找到自己想要查詢的商品，固定放置；購物車、登錄、注冊、留言置于網(wǎng)站的右上角，可以使用戶清晰地進行用戶登錄、用戶注冊、點擊查看購物車等操作，留言功能可以與用戶進行一對一對話，解決用戶的商品與訂單問題，并展示企業(yè)形象，固定放置；將搜索置于網(wǎng)站右上角基于現(xiàn)今大多數(shù)購物網(wǎng)站的瀏覽習(xí)慣而設(shè)計，固定放置；商品分類置于網(wǎng)站的左側(cè)，并可以清楚地看到商品大類和商品小類，方便用戶查看與瀏覽，固定放置；最新公告置于網(wǎng)站右側(cè)，用于展示本店鋪的最新活動等，方便與用戶進行互動交流，貼近與用戶間的距離，也可以使用戶實時了解店鋪活動，方便用戶進行關(guān)注與購買，固定放置；新聞動態(tài)置于網(wǎng)站右側(cè)，用于展示床上用品相關(guān)新聞，向用戶推薦床上用品新款產(chǎn)品與當(dāng)季流行新品，貼近與用戶間的距離，固定放置；首頁中間展示今日特價商品與熱賣推薦，映入眼簾，第一時間向用戶推薦商品，減少用戶查找商品的時間，增加購買量；將標題欄與商品詳情分離，使網(wǎng)站干凈簡約，不以繁雜的裝飾減少用戶的購買欲，簡單清晰明了，不添加廣告與不相關(guān)的內(nèi)容，減少網(wǎng)站冗余性；版權(quán)所有置于網(wǎng)站底部，清楚地展示網(wǎng)站的版權(quán)所有，不得被他人進行轉(zhuǎn)載或抄襲，固定放置。2、網(wǎng)站總體結(jié)構(gòu)圖床上用品網(wǎng)上購物商城分為前臺管理和后臺管理，前臺部分呈現(xiàn)給用戶，由用戶進行操作；后臺部分由管理員進行操作，同時具有了訪問數(shù)據(jù)庫、修改數(shù)據(jù)庫等多種功能。前臺、后臺相互影響，具有良好的傳遞性。系統(tǒng)前臺主要實現(xiàn)的功能有：用戶打開系統(tǒng)首頁，搜索商品，瀏覽商品，進行會員注冊，然后進行會員登錄和會員信息修改。以會員的身份可以查看商品詳情展示頁面，進行商品查詢，把喜歡的商品加入購物車，最后生成訂單，完成購買。系統(tǒng)后臺主要由管理員進行編輯與控制，管理員可以對用戶信息進行增、刪、改、查等操作；對商品信息進行增、刪、改，查庫存量修改，管理商品大、小類等操作；對訂單進行訂單狀態(tài)修改、賣家發(fā)貨等操作；對公告進行公告信息增、刪、改、查等操作；對新聞信息進行增、刪、改、查等操作；對留言信息進行查看、回復(fù)、刪除等操作；對系統(tǒng)管理進行修改密碼、安全退出、刷新緩存等操作。網(wǎng)站總體結(jié)構(gòu)圖如圖3-1所示。圖3-1網(wǎng)站總體結(jié)構(gòu)圖3、目錄結(jié)構(gòu)與鏈接設(shè)計：(1)目錄結(jié)構(gòu)：由系統(tǒng)功能設(shè)置子目錄：首先根據(jù)主列設(shè)置子目錄，相對固定的功能，例如：新聞、留言等合并于一個固定目錄，例如：admin、news等置于統(tǒng)一的webcontent下便于維護管理；只在整個主目錄下創(chuàng)建單獨的圖片image目錄，為了整個主列方便管理一個單獨的圖像目錄。目錄的層次僅2層；使用英文目錄；使用有特殊名字意義的目錄，方便儲存和管理。（2）鏈接設(shè)計：采用一對多的星狀鏈接結(jié)構(gòu)——本系統(tǒng)封裝了許多包，可以連接到每個頁面，可以直接調(diào)用已經(jīng)編好的包，可以在任何時候到達用戶想要看到的網(wǎng)頁。首頁的footer、left和top固定，使用戶直接點擊需要跳轉(zhuǎn)的頁面，增加了系統(tǒng)之間的轉(zhuǎn)換性和用戶交互性，提高用戶的使用感和視覺感，使網(wǎng)頁清晰大方、瀏覽方便，豐富展現(xiàn)網(wǎng)站特點。網(wǎng)站目錄結(jié)構(gòu)與鏈接設(shè)計如圖3-2所示。圖3-2網(wǎng)站目錄結(jié)構(gòu)與鏈接設(shè)計（二）靜態(tài)結(jié)構(gòu)模型1、系統(tǒng)實體類圖一名管理員可以管理多個訂單，一個訂單只能被一名管理員管理；一名管理員可以管理多條新聞，一條新聞只能被一名管理員管理；一名管理員可以管理多條留言，一條留言只能由一名管理員管理；一名管理員可以管理多件商品，一件商品只能被一名管理員管理；一名管理員可以管理一條公告，一條公告只能被一名管理員管理；一名管理員可以管理多條用戶信息，一條用戶信息只能被一名管理員管理；一名用戶可以生成多個訂單，一個訂單只能屬于一名用戶。圖3-3系統(tǒng)實體類圖2、系統(tǒng)邊界類圖圖3-4系統(tǒng)邊界類圖（三）數(shù)據(jù)庫設(shè)計系統(tǒng)涉及的實體集有：商品實體集：商品編號、商品描述、是否熱賣、熱賣時間、商品名稱、商品價格、圖片來源、是否特價、特價時間、庫存、商品所屬大類編號、商品所屬小類編號用戶實體集：用戶編號、地址、生日、身份證、電子郵箱、電話、密碼、性別、狀態(tài)、真實姓名、用戶名訂單實體集：訂單編號、訂單金額、下單時間、訂單狀態(tài)、用戶id留言實體集：留言編號、留言者昵稱、留言時間、留言內(nèi)容、回復(fù)內(nèi)容、回復(fù)時間公告實體集：公告編號、公告內(nèi)容、公告時間、公告標題新聞實體集：新聞編號、新聞內(nèi)容、新聞日期、新聞標題管理員實體集：用戶編號、電子郵箱、電話、密碼、狀態(tài)系統(tǒng)ER圖：一名管理員可以管理多個訂單，一個訂單只能被一名管理員管理，訂單屬性包括：訂單編號、訂單金額、下單時間、訂單狀態(tài)、用戶id；一名管理員可以管理多條新聞，一條新聞只能被一名管理員管理，新聞屬性包括新聞編號、新聞內(nèi)容、新聞日期、新聞標題；一名管理員可以管理多條留言，一條留言只能由一名管理員管理，留言屬性包括：留言編號、留言者昵稱、留言時間、留言內(nèi)容、回復(fù)內(nèi)容、回復(fù)時間；一名管理員可以管理多件商品，一件商品只能被一名管理員管理，商品屬性包括：商品編號、商品描述、是否熱賣、熱賣時間、商品名稱、商品價格、圖片來源、是否特價、特價時間、庫存、商品所屬大類編號、商品所屬小類編號；一名管理員可以管理一條公告，一條公告只能被一名管理員管理，公告屬性包括：公告編號、公告內(nèi)容、公告時間、公告標題；一名管理員可以管理多條用戶信息，一條用戶信息只能被一名管理員管理，用戶信息屬性包括：用戶編號、地址、生日、身份證、電子郵箱、電話、密碼、性別、狀態(tài)、真實姓名、用戶名；一名用戶可以生成多個訂單，一個訂單只能屬于一名用戶；一名用戶可以瀏覽多條新聞，一條新聞可以被多個用戶瀏覽；一名用戶可以瀏覽多條公告，一條公告可以被多名用戶瀏覽；一名用戶可以輸入多條留言，一條留言只屬于一名用戶；一名用戶可以購買多個商品，一個商品可以被多名用戶購買。系統(tǒng)ER圖如圖3-5所示。圖3-5系統(tǒng)ER圖2、表結(jié)構(gòu)（1）comment留言表表3-1comment留言表（2）news新聞表表3-2news新聞表（3）notice公告表表3-3notice公告表（4）order訂單表表3-4order訂單表（5）product商品信息表表3-5product商品信息表（6）user用戶表表3-6user用戶表（四）動態(tài)行為模型順序圖展示整個用例的完整活動流程。1、用戶注冊順序圖：用戶進入注冊頁面，輸入用戶注冊信息，存儲用戶注冊信息，系統(tǒng)數(shù)據(jù)庫進行數(shù)據(jù)校驗，并更新數(shù)據(jù)庫，最后將注冊成功信息反饋給注冊頁面。用戶注冊順序圖如圖3-6所示。圖3-6用戶注冊順序圖2、用戶登錄順序圖：用戶進入登錄頁面，向系統(tǒng)發(fā)送登錄請求，系統(tǒng)接受用戶的登錄請求，并生成登錄驗證碼，登錄頁面顯示驗證碼，用戶輸入賬號、密碼、驗證碼，向系統(tǒng)傳遞登錄信息，并進行數(shù)據(jù)檢驗，更新數(shù)據(jù)庫，最后將登錄結(jié)果返回給登錄頁面。用戶登錄順序圖如圖3-7所示。圖3-7用戶登錄順序圖3、商品瀏覽與加入購物車順序圖：會員通過商品瀏覽頁面進行商品瀏覽，獲取商品信息，系統(tǒng)數(shù)據(jù)庫接受商品信息，并將商品信息結(jié)果返還給會員，會員發(fā)送加入購物車請求，將心儀的商品放入購物車，系統(tǒng)數(shù)據(jù)庫進行數(shù)據(jù)校驗，并更新數(shù)據(jù)庫，成功添加商品至購物車，最后返回商品放入購物車結(jié)果至商品詳情頁面。商品瀏覽與加入購物車順序圖如圖3-8所示。圖3-8商品瀏覽與加入購物車順序圖4、會員信息更改順序圖：會員進入登錄頁面，發(fā)出會員信息修改請求，在會員個人信息管理頁面輸入用戶名和密碼，通過系統(tǒng)數(shù)據(jù)庫進行數(shù)據(jù)檢驗，并更新數(shù)據(jù)庫，最后返回修改結(jié)果至?xí)T管理頁面。會員信息更改順序圖如圖3-9所示。圖3-9會員信息更改順序圖5、會員訂單狀態(tài)更改順序圖：會員進入登錄頁面，登錄會員信息，發(fā)出訂單狀態(tài)修改請求，進入訂單管理，進入訂單信息管理頁面，更改訂單狀態(tài)，進行數(shù)據(jù)存儲，返回修改結(jié)果到訂單管理。會員訂單狀態(tài)更改順序圖如圖3-10所示。圖3-10會員訂單狀態(tài)更改順序圖5、后臺會員管理順序圖：系統(tǒng)管理員登錄進入商家后臺管理系統(tǒng)，進入后臺會員管理頁面，進入會員個人信息頁面，對會員信息進行增、刪、改、查等操作，更新數(shù)據(jù)庫，返回會員管理結(jié)果至?xí)T管理頁面。后臺會員管理順序圖如圖3-11所示。圖3-11后臺會員管理順序圖6、后臺商品管理順序圖：系統(tǒng)管理員通登錄進入商家后臺管理系統(tǒng)，進入后臺商品管理頁面，進入商品詳情頁面，對商品信息進行增、刪、改、查等操作，管理庫存量，對商品大類、小類進行修改，更新數(shù)據(jù)庫，最后返回商品管理結(jié)果至商品。后臺商品管理順序圖如圖3-12所示。圖3-12后臺商品管理順序圖7、后臺訂單管理順序圖：系統(tǒng)管理員登錄進入后臺管理頁面，進入商家后臺管理系統(tǒng)，進入訂單管理頁面，進入訂單管理詳情頁，查看訂單詳情，返回訂單管理結(jié)果至訂單管理頁面；進入訂單詳情頁面，對訂單狀態(tài)進行審核，系統(tǒng)數(shù)據(jù)庫更新數(shù)據(jù)庫庫，返回訂單管理結(jié)果至訂單管理頁面；進入訂單詳情頁面，進行訂單發(fā)貨，系統(tǒng)數(shù)據(jù)庫更新數(shù)據(jù)庫，最后返回訂單管理結(jié)果至訂單管理頁面。后臺訂單管理順序圖如圖3-13所示。圖3-13后臺訂單管理順序圖8、后臺新聞管理順序圖：系統(tǒng)管理員登錄進入商家后臺管理系統(tǒng)，進入后臺新聞管理頁面，進入新聞詳情頁面，對新聞信息進行增、刪、改、查等操作，更新數(shù)據(jù)庫，最后返回新聞管理結(jié)果至新聞管理頁面。后臺新聞管理順序圖如圖3-14所示。圖3-14后臺新聞管理順序圖9、后臺公告管理順序圖：系統(tǒng)管理員登錄進入商家后臺管理系統(tǒng)，進入后臺公告管理頁面，進入公告詳情頁面，對公告信息進行增、刪、改、查等操作，更新數(shù)據(jù)庫，最后返回公告管理結(jié)果給公告管理頁面。后臺公告管理順序圖如圖3-15所示。圖3-15后臺公告管理順序圖10、后臺系統(tǒng)管理順序圖：系統(tǒng)管理員登錄進入商家后臺管理系統(tǒng)，進入后臺系統(tǒng)管理頁面，進入系統(tǒng)詳情頁面，對系統(tǒng)進行修改管理員密碼、安全退出系統(tǒng)、以及刷新緩存等操作，最后完成數(shù)據(jù)更新，更新數(shù)據(jù)庫，最后返回系統(tǒng)管理結(jié)果系統(tǒng)管理頁面。后臺系統(tǒng)管理順序圖如圖3-16所示。圖3-16后臺公告管理順序圖11、后臺留言管理順序圖：系統(tǒng)管理員通過登錄進入商家后臺管理系統(tǒng)，進入后臺留言管理頁面，進入留言詳情頁面，對留言信息進行查看、回復(fù)、刪除等操作，更新數(shù)據(jù)庫，最后返回留言管理結(jié)果給留言管理頁面。后臺留言管理順序圖如圖3-17所示。圖3-17后臺留言管理順序圖四、鴻祥床上用品網(wǎng)站系統(tǒng)實現(xiàn)（一）開發(fā)環(huán)境開發(fā)工具：Eclipse4.6.0，JDK1.8；web服務(wù)器；Tomcat7.0；數(shù)據(jù)庫：MySQL5.7；操作系統(tǒng)：windows8；權(quán)限要求：MySQL數(shù)據(jù)庫可以建表、備份；空間大小：安裝程序至少需要2GB的可用空間；硬件要求：至少1GB內(nèi)存才可以保障運行。本系統(tǒng)采用JSP進行主要開發(fā)與編輯。JSP是一種Web開發(fā)語言，使用JSP語言將Java代碼和HTML頁面相融合，通過CSS代碼優(yōu)化HTML代碼，使用XML語言以及JSP操作和動作來實現(xiàn)程序功能，運行時更加穩(wěn)定，極大地提高系統(tǒng)運行速度。在訂購商品時，用戶可以快速地訂購，并且可以手動修改商品數(shù)量，不必進行重復(fù)確認訂購某種商品的操作，這樣可以大大提高用戶的購買速度。系統(tǒng)動態(tài)部分用Java編寫，具有更加強大的功能與易用性，可以方便地編寫或者修改HTML網(wǎng)頁，由Eclipse進行系統(tǒng)的運行。數(shù)據(jù)庫采用MySQL數(shù)據(jù)庫。MySQL是一款方便的數(shù)據(jù)庫，其系統(tǒng)占用內(nèi)存少，運行過程優(yōu)化，不卡頓，購買成本低，服務(wù)安全性高。服務(wù)器采用Tomcat鏈接JSP代碼與MySQL數(shù)據(jù)庫，可以直接方便地處理Html頁面。（二）主要功能模塊實現(xiàn)1、前臺頁面（1）login用戶登錄頁面：用戶登錄位于網(wǎng)頁右上角，用戶左鍵單擊“登錄”進入用戶登錄頁面。登錄頁面標題顯示：歡迎來到鴻祥床上用品，用戶填寫用戶名、登錄密碼、和驗證碼，同時用戶名、登錄密碼、驗證碼不能為空，最后點擊“立即登錄”成功登錄。圖4-1login用戶登錄頁面<h1>歡迎來到鴻祥床上用品</h1> <formid="loginForm"method="post"action="user_login.action" onsubmit="returncheckForm()"> <table> <tr> <tdclass="field">用戶名：</td> <td><inputclass="text"type="text"id="userName" name="user.userName"value="${user.userName}"/> </td> </tr> <tr> <tdclass="field">登錄密碼：</td> <td><inputclass="text"type="password"id="password" name="user.password"value="${user.password}"/> </td> </tr> <tr> <tdclass="field">驗證碼：</td> <td><inputclass="text"style="width：60px；margin-right：10px；" type=textvalue="${imageCode}"name="imageCode"id="imageCode"><img onclick="javascript：loadimage()；"title="換一張試試"name="randImage" id="randImage"src="image.jsp"width="60"height="20"border="1" align="absmiddle"> </td> </tr> <tr>（2）register用戶注冊頁面：用戶注冊位于網(wǎng)頁右上角，用戶左鍵單擊“注冊”進入用戶注冊頁面。注冊頁面標題顯示：歡迎來到鴻祥床上用品，用戶填寫用戶名、登錄密碼、確認密碼、性別、出生日期、身份證號、Email、手機號碼、收貨地址、同時用戶名不能為空、密碼不能為空、確認密碼不能為空、確認密碼和密碼一致、手機號碼不能為空、收貨地址不能為空，并確認用戶名不能存在，最后提交注冊，成功注冊并顯示恭喜：注冊成功，正在進入首頁。圖4-2register用戶注冊頁面<h1>歡迎來到鴻祥床上用品</h1> <ulclass="stepsclearfix"> <liclass="current"><em></em>填寫注冊信息</li> <liclass="last"><em></em>注冊成功</li> </ul> <formid="regForm"method="post"action="user_register.action"onsubmit="returncheckForm()"> <table> <tr> <tdclass="field">用戶名(*)：</td> <td><inputclass="text"type="text"id="userName"name="user.userName"onblur="checkUserName(this.value)"/> ；<fontid="userErrorInfo"color="red"></font></td> </tr> <tr> <tdclass="field">登錄密碼(*)：</td> <td><inputclass="text"type="password"id="password"name="user.password"/></td> </tr> <tr> <tdclass="field">確認密碼(*)：</td> <td><inputclass="text"type="password"id="rePassWord"name="rePassWord"/></td> </tr> <tr> <tdclass="field">性別(*)：</td> <td> <inputtype="radio"name="user.sex"value="男"checked="checked"/>男 ； ； <inputtype="radio"name="user.sex"value="女"/>女 </td> </tr> <tr> <tdclass="field">出生日期：</td> <td> <inputtype="text"id="birthday"name="user.birthday"class="Wdate"onClick="WdatePicker()"/> </td> </tr> <tr> <tdclass="field">身份證號：</td> <td><inputclass="text"type="text"id="dentityCode"name="user.dentityCode"/></td> </tr> <tr> <tdclass="field">Email：</td> <td><inputclass="text"type="text"id="email"name="user.email"/></td> </tr> <tr> <tdclass="field">手機號碼(*)：</td> <td><inputclass="text"type="text"id="mobile"name="user.mobile"/></td> </tr> <tr> <tdclass="field">收貨地址(*)：</td> <td><inputclass="text"type="text"id="address"name="user.address"/></td> </tr> <tr> <td></td> <td><labelclass="ui-green"><inputtype="submit"name="submit"value="提交注冊"/></label></td> </tr>（3）usercenter用戶中心頁面：用戶注冊后，進行用戶登錄，頁面右上角點擊用戶名，進入用戶中心頁面，進行個人信息管理與個人訂單管理。圖4-3usercenter用戶中心頁面<divclass="box"> <dl> <dt>用戶管理</dt> <dd><ahref="user_getUserInfo.action">個人信息管理</a></dd> <dt>訂單管理</dt> <dd><ahref="order_findOrder.action">個人訂單管理</a></dd> </dl> </div>（4）index系統(tǒng)首頁：由調(diào)用的footer、left、top和index組成，top包括logo、標題欄及右上角的購物車、登錄（注銷）、留言、搜索欄，left為商品分類，footer包括copyright，index包括今日特價、最新公告、新聞動態(tài)及熱賣推薦，今日特價及熱賣推薦為商家選擇商品并推薦給客戶，最新公告及新聞動態(tài)為商家編輯，向用戶推薦床上用品商品。圖4-4index系統(tǒng)首頁 <divclass="main"> <divclass="price-off"> <h2>今日特價</h2> <ulclass="productclearfix"> <c：forEachitems="${specialPriceProductList}"var="spProduct"> <li> <dl> <dt> <ahref="product_showProduct.action?productId=${spProduct.id}"target="_blank"><imgsrc="${spPPic}"/></a> </dt> <ddclass="title"> <ahref="product_showProduct.action?productId=${spProduct.id}"target="_blank">${spP}</a> </dd> <ddclass="price"> ￥${spProduct.price} </dd> </dl> </li> </c：forEach> </ul> </div> <divclass="side"> <divclass="news-list"> <h4>最新公告</h4> <ul> <c：forEachitems="${noticeList}"var="notice"> <li><ahref="notice_showNotice.action?noticeId=${notice.id}">${notice.title}</a></li> </c：forEach> </ul> </div> <divclass="spacer"></div> <divclass="news-list"> <h4>新聞動態(tài)</h4> <ul> <c：forEachitems="${newsList}"var="news"> <li><ahref="news_showNews.action?newsId=${news.id}">${news.title}</a></li> </c：forEach> </ul> </div> </div> <divclass="spacerclear"></div> <divclass="hot"> <h2>熱賣推薦</h2> <ulclass="productclearfix"> <c：forEachitems="${hotProductList}"var="hProduct"> <li> <dl> <dt> <ahref="product_showProduct.action?productId=${hProduct.id}"target="_blank"><imgsrc="${hPPic}"/></a> </dt> <ddclass="title"> <ahref="product_showProduct.action?productId=${hProduct.id}"target="_blank">${hP}</a> </dd> <ddclass="price"> ￥${hProduct.price} </dd> </dl> </li>（5）product商品頁面：包括productdetails商品細節(jié)表和productlist商品表，商品細節(jié)包括商城價、庫存、放入購物車、商品詳情，商品表為點擊標題欄，顯示各個分類的全部商品。圖4-5product商品頁面 <divclass="buy"> <br/> <p> 商城價：<spanclass="price">￥${product.price}</span> </p> <p>庫存：${product.stock}</p> <br/> <divclass="button"> <inputtype="button"name="button"value=""onclick="goBuy(${product.id})"/><br/> <ahref="javascript：addShoppingCart(${product.id})">放入購物車</a> </div> </div> <divclass="clear"></div> </div> <divclass="introduce"> <h2> <strong>商品詳情</strong> </h2>2、后臺頁面（1）admin的login管理員登錄頁面：管理員輸入用戶名、密碼及驗證碼，輸入正確則可以進入后臺管理員系統(tǒng)。圖4-6admin的login管理員登錄頁面 <h1>管理員登陸</h1> <formid="loginForm"method="post"action="${pageContext.request.contextPath}/user_login.action"onsubmit="returncheckForm()"> <table> <tr> <tdclass="field">用戶名：</td> <td><inputclass="text"type="text"id="userName"name="user.userName"value="${user.userName}"/><span></span></td> </tr> <tr> <tdclass="field">登錄密碼：</td> <td><inputclass="text"type="password"id="password"name="user.password"value="${user.password}"/><span></span></td> </tr> <tr> <tdclass="field">驗證碼：</td> <td><inputclass="text"style="width：60px；margin-right：10px；" type=textvalue="${imageCode}"name="imageCode"id="imageCode"><img onclick="javascript：loadimage()；"title="換一張試試"name="randImage" id="randImage"src="${pageContext.request.contextPath}/image.jsp"width="60"height="20"border="1" align="absmiddle"> </td> </tr>（2）admin的main后臺主頁面：用戶登錄成功，進入后臺管理頁面，中間顯示“歡迎使用鴻祥床上用品網(wǎng)上商城”，左側(cè)顯示管理員可以進行的各種功能。圖4-7admin的main后臺主頁面<tdvalign="bottom"align="right"width="50%"> <fontsize="3"> ； ；<strong>歡迎：</strong>${currentUser.userName}</font> </td> </tr> </table></div><divregion="center"> <divclass="easyui-tabs"fit="true"border="false"id="tabs"> <divtitle="首頁"data-options="iconCls：'icon-home'"> <divalign="center"style="padding-top：100px"><fontcolor="red"size="10">歡迎使用鴻祥床上用品網(wǎng)上商城</font></div> </div> </div></div><divregion="west"style="width：200px"title="導(dǎo)航菜單"split="true"> <divclass="easyui-accordion"data-options="fit：true，border：false"> <divtitle="用戶管理"data-options="selected：true，iconCls：'icon-user'"style="padding：10px"> <ahref="javascript：openTab('用戶管理'，'userManage.jsp'，'icon-user')"class="easyui-linkbutton"data-options="plain：true，iconCls：'icon-manage'"style="width：150px；">管理用戶</a> </div> <divtitle="商品管理"data-options="iconCls：'icon-product'"style="padding：10px；"> <ahref="javascript：openTab('商品管理'，'productManage.jsp'，'icon-product')"class="easyui-linkbutton"data-options="plain：true，iconCls：'icon-manage'"style="width：150px；">管理商品</a> <ahref="javascript：openTab('商品大類管理'，'productBigTypeManage.jsp'，'icon-product')"class="easyui-linkbutton"data-options="plain：true，iconCls：'icon-manage'"style="width：150px；">管理商品大類</a> <ahref="javascript：openTab('商品小類管理'，'productSmallTypeManage.jsp'，'icon-product')"class="easyui-linkbutton"data-options="plain：true，iconCls：'icon-manage'"style="width：150px；">管理商品小類</a> </div> <divtitle="訂單管理"data-options="iconCls：'icon-order'"style="padding：10px"> <ahref="javascript：openTab('訂單管理'，'orderManage.jsp'，'icon-order')"class="easyui-linkbutton"data-options="plain：true，iconCls：'icon-manage'"style="width：150px；">管理訂單</a> </div> <divtitle="留言管理"data-options="iconCls：'icon-comment'"style="padding：10px"> <ahref="javascript：openTab('留言管理'，'commentManage.jsp'，'icon-comment')"class="easyui-linkbutton"data-options="plain：true，iconCls：'icon-manage'"style="width：150px；">管理留言</a> </div> <divtitle="公告管理"data-options="iconCls：'icon-notice'"s