奧爾加硅藻泥電子商務(wù)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)

摘要伴隨著計(jì)算機(jī)技術(shù)在各行各業(yè)日益廣泛和深入的應(yīng)用，網(wǎng)絡(luò)的概念早已深入人心。網(wǎng)絡(luò)在各行各業(yè)的發(fā)展戰(zhàn)略中占據(jù)了重要的位置，成為商家不可分割的部分。商品的宣傳已不只局限于電視與報(bào)紙，網(wǎng)絡(luò)已成為商家展示自己的另一個(gè)舞臺(tái)。商家建立網(wǎng)站，將商家各方面的宣傳與服務(wù)展現(xiàn)于網(wǎng)絡(luò)中，通過(guò)網(wǎng)絡(luò)更可實(shí)現(xiàn)如網(wǎng)上購(gòu)物、信息查尋等功能，這些在改變我們?cè)薪?jīng)營(yíng)方式與經(jīng)營(yíng)理念的同時(shí)，也為商家?guī)?lái)了更高的效益。因此，對(duì)于商家來(lái)說(shuō)，擁有一個(gè)屬于自己的網(wǎng)站是至關(guān)重要的。本論文研究一種基于MyEclipse10的線上硅藻泥商城網(wǎng)站，其開(kāi)發(fā)主要包括后臺(tái)數(shù)據(jù)庫(kù)的建立、后臺(tái)管理以及前臺(tái)頁(yè)面的Web設(shè)計(jì)。系統(tǒng)使用以java為核心語(yǔ)言的MyEclipse10開(kāi)發(fā)工具，利用微軟提供的MicrosoftWindows8professional建立運(yùn)行環(huán)境，再結(jié)合MySQL建立數(shù)據(jù)連接關(guān)系。利用其提供的各種組件，在短時(shí)間內(nèi)建立數(shù)據(jù)庫(kù)，對(duì)商城的數(shù)據(jù)模型進(jìn)行分析，它實(shí)現(xiàn)的系統(tǒng)，功能基本完善，界面美觀，操作簡(jiǎn)單，交互性良好好！關(guān)鍵詞：硅藻泥MyEclipsemySQL網(wǎng)上商城

TheDesignandDevelopmentofOlgaDiatomaceousMudElectronicBusinessWebsiteAbstract：Withthecomputertechnologyinallwalksoflifeincreasinglywidespreadandin-depthapplication,theconceptofthenetworkhaslongbeenpopular.Networkinthedevelopmentstrategyofallwalksoflifeoccupiesanimportantposition,becomeaninseparablepartofthebusiness.ThepropagandaofthecommodityisnotconfinedtotheTVandnewspapers,thenetworkhasbecomeabusinesstoshowtheirotherstage.Businessessetupwebsitesshowpropagandaandserviceofallaspectsofbusinessinthenetwork,thenetworkcanachievefunctionssuchasonlineshopping,informationsearch,andother,thesechangedoldwayofmanagementandideaofmanagement,atthesametime,forthebusinessbroughthigherbenefits.Therefore,forbusinesses,withasitebelongingtotheirownisessential.ThispaperstudiesaASP.NETbasedonlinediatomaceousmud

storesite,itsdevelopmentmainlyincludestheestablishmentofbackgrounddatabase,backgroundmanagementandwebdesignofthefrontpage.ThesystemusesMicrosoft'sMyEclipse10developmenttoolwithJavaasitscorelanguage,usesMicrosoft'sMicrosoftWindows8processtoestablisharunningenvironment,andthencombinesmySQLtoestablishadataconnectionrelationship.Usingthevariouscomponentsitprovides,adatabaseisestablishedinashortperiodoftime,andthedatabaseisanalyzedandpagesareestablished,andcontinuousimprovementismadeuntilthefunctionalbasicrealizationofaviablesystem.Keywords:Diatomaceousmud，MyEclipse，mySQL，OnlineMall

目錄5571_WPSOffice_Level1（一）系統(tǒng)背景 18185_WPSOffice_Level1（二）企業(yè)市場(chǎng)定位及發(fā)展前景分析 110292_WPSOffice_Level1（三）企業(yè)業(yè)務(wù)流程分析 420890_WPSOffice_Level1（四）可行性分析 511029_WPSOffice_Level1（一）需求模型的建立 72508_WPSOffice_Level1（二）分析模型的建立 1710143_WPSOffice_Level1（一）系統(tǒng)總體設(shè)計(jì) 2828143_WPSOffice_Level1（二）靜態(tài)結(jié)構(gòu)模型 294756_WPSOffice_Level1（三）數(shù)據(jù)庫(kù)設(shè)計(jì) 3030997_WPSOffice_Level1（四）動(dòng)態(tài)行為模型 3322192_WPSOffice_Level1（一）開(kāi)發(fā)環(huán)境 377992_WPSOffice_Level1（二）要功能模塊實(shí)現(xiàn) 379097_WPSOffice_Level1（三）測(cè)試 7414091_WPSOffice_Level1致謝 80一、歐歌硅藻泥網(wǎng)站規(guī)化（一）系統(tǒng)背景 隨著科技的進(jìn)步和人們生存條件的改善，我國(guó)國(guó)民對(duì)家庭居住場(chǎng)所的裝修也變得越來(lái)越華麗多樣，使用的裝修材料也越來(lái)越紛繁復(fù)雜，同時(shí)對(duì)身體和環(huán)境的污染也越來(lái)越嚴(yán)重。相對(duì)的，房子的封閉性越來(lái)越好，裝修污染正潛移默化的危害著人們的身心健康，被稱為家庭里的“健康終結(jié)者”，然而硅藻泥作為新型的綠色環(huán)保的墻面背景原料，具有很強(qiáng)的美感與環(huán)保性。硅藻泥\t"/3/_blank"裝修的美感表現(xiàn)在它有不同的顏色，以及各種肌理，布藝，樹(shù)皮，擬絲等特有的工藝，深受廣大消費(fèi)人群青睞。而傳統(tǒng)的裝修材料在健康環(huán)保，美觀靚麗，高性價(jià)比方面已經(jīng)難以滿足當(dāng)下人們的需求。需求創(chuàng)造了發(fā)展，發(fā)展推動(dòng)了革命，中國(guó)墻面裝修的這一巨大的市場(chǎng)肯定會(huì)隨著硅藻泥的出現(xiàn)而呈現(xiàn)出日新月異的變化。目前，天貓，京東等電子商務(wù)網(wǎng)站上已經(jīng)有一些網(wǎng)店在進(jìn)行硅藻泥線上服務(wù)，而網(wǎng)上銷(xiāo)售的爆炸式的銷(xiāo)量的增長(zhǎng)使得硅藻泥企業(yè)看到了網(wǎng)上銷(xiāo)售的巨大魅力。而歐歌硅藻泥網(wǎng)站是電子商務(wù)的一個(gè)創(chuàng)新性的體現(xiàn)。從個(gè)人角度看，它節(jié)省了用戶對(duì)于時(shí)間和財(cái)力的投入，用戶可以足不出戶的購(gòu)買(mǎi)硅藻泥，進(jìn)行紛繁復(fù)雜的家庭裝修，他們不用再長(zhǎng)途跋涉的跑到實(shí)體店購(gòu)買(mǎi)，只需要在網(wǎng)上提交訂單即可，還可以與多個(gè)企業(yè)的網(wǎng)站進(jìn)行對(duì)比，選出最適合自己的品牌；從企業(yè)層面來(lái)說(shuō)，它減少了不必要的交易成本，企業(yè)只要在網(wǎng)上接訂單，然后派人去目的地裝修即可，不需要去與買(mǎi)家當(dāng)面溝通，因此也不需要大量的在業(yè)務(wù)員身上的投入，因此它提高了企業(yè)人員的辦事效率以及準(zhǔn)確性。當(dāng)今社會(huì)，人們的生活在經(jīng)歷翻天覆地的變化，尤其是經(jīng)濟(jì)的發(fā)展變化更加迅速，隨著經(jīng)濟(jì)的不斷發(fā)展，人們的消費(fèi)理念也隨之不斷改變，網(wǎng)上購(gòu)買(mǎi)商品和洽談也漸漸在人們心中有了很高的地位。所以開(kāi)發(fā)了這個(gè)歐歌硅藻泥網(wǎng)站。（二）企業(yè)市場(chǎng)定位及發(fā)展前景分析1、市場(chǎng)定位歐歌硅藻泥的定位主要是針對(duì)那些追求個(gè)性化的一般家庭用戶，追求健康的家庭居住環(huán)境的用戶，這些群體都想使自己的居家環(huán)境變得美觀與個(gè)性。而家庭中當(dāng)家做主的一般是四十歲以下的人，他們?cè)谶@個(gè)二十一世紀(jì)新時(shí)代大多數(shù)人都喜歡上網(wǎng)，因此他們大多數(shù)具有比較高的知識(shí)水平，也有一定的經(jīng)濟(jì)實(shí)力，在裝修時(shí)更多的考慮到裝修效果，比如美感和環(huán)保性等。而本硅藻泥的價(jià)格非常親民，適合大多數(shù)家庭，一般的小康家庭都裝修的起，所以歐歌硅藻泥的線上市場(chǎng)非常廣闊。歐歌硅藻泥非常重視環(huán)保的裝修，力爭(zhēng)給客戶一個(gè)健康的居家環(huán)境。眾所眾知，家居場(chǎng)所剛裝修完其室內(nèi)的甲醛含量會(huì)非常之高，對(duì)人體的危害之大也是人們裝修后擔(dān)憂的地方。但是歐歌的硅藻泥土是來(lái)自于長(zhǎng)白山的優(yōu)質(zhì)的硅藻泥土，最大的賣(mài)點(diǎn)就是可以去除室內(nèi)的甲醛，他的分解的效率為89%，幾乎比業(yè)內(nèi)其他一線品牌的分解效率還要高，他還可以凈化空氣，殺菌消毒，祛除臭味，釋放負(fù)離子，將有害物質(zhì)分解成二氧化碳和水，這就滿足了人們健康，綠色的裝修。歐歌硅藻泥還比較重視美觀與個(gè)性。裝修選擇硅藻泥的家庭肯定都很在乎居室整體的視覺(jué)效果，否則直接用乳膠漆就可以了。而個(gè)性就需要不同的色彩和不同的配圖和不同的裝修風(fēng)格以及不同的個(gè)性化的工藝手段來(lái)滿足。歐歌硅藻泥擁有56種顏色各異的配色，全部是天然的無(wú)機(jī)色，耐火耐高溫，15年不脫色不變色，工人施工時(shí)，只需要加入清水調(diào)和，便可施工，更好的保障了泥土的天然健康環(huán)保性。另外，歐歌硅藻泥有十多種裝修工藝，比如返璞歸真的磚藝，受人追捧的彈涂，凸顯品味的布藝等，這些工藝可以滿足不同人群的個(gè)性化需求。歐歌硅藻泥還擁有專門(mén)的設(shè)計(jì)師以及刻圖團(tuán)隊(duì)，可以繪制出美輪美奐的不同場(chǎng)景的樣板，藍(lán)色天空的少年房，粉色含羞的少女房，浪漫滿屋的新婚房等，都可以在歐歌硅藻泥的裝修下實(shí)現(xiàn)。歐歌硅藻泥的性價(jià)比非常高。隨著房地產(chǎn)進(jìn)入了白熾化，人們的經(jīng)濟(jì)消費(fèi)能力表現(xiàn)的十分低迷，本來(lái)就要承擔(dān)房貸帶來(lái)的巨大壓力，那么裝修費(fèi)用的減少肯定會(huì)使得他們更傾向于購(gòu)買(mǎi)性價(jià)比高的產(chǎn)品。誠(chéng)如“只買(mǎi)對(duì)的，不買(mǎi)貴的”，歐歌硅藻泥就是那個(gè)“對(duì)的”產(chǎn)品，它相對(duì)于業(yè)界的其他一線產(chǎn)品，價(jià)格足足比他們低了50%左右，但是謳歌的裝修效果卻是絲毫不遜色于綠森林，蘭舍等，是大眾百姓的首要選擇。2、企業(yè)前景分析\t"/3/_blank"建材行業(yè)是支撐中國(guó)產(chǎn)業(yè)的擎天柱，而硅藻泥卻是建材行業(yè)大市場(chǎng)上面的一顆正在冉冉升起的新星。通過(guò)建立以電子商務(wù)為背景的網(wǎng)上歐歌硅藻泥商城，擁有數(shù)款商品，并且通過(guò)網(wǎng)站上的專業(yè)分類(lèi)，再配合以搜索功能，可以幫助消費(fèi)者在海量產(chǎn)品中輕松找到需要的商品，網(wǎng)上配備有預(yù)約報(bào)價(jià)，通過(guò)預(yù)留信息報(bào)價(jià)，網(wǎng)上設(shè)有訂單查詢，可隨時(shí)下單并為其配送。歐歌硅藻泥將硅藻泥與電子商務(wù)相結(jié)合，積極拓展，線上線下協(xié)同發(fā)展，將在電子商務(wù)線上銷(xiāo)售開(kāi)拓出一片新天地。不同于以前的線下銷(xiāo)售模式，歐歌硅藻泥網(wǎng)站是節(jié)省了許多的財(cái)力與時(shí)間，其中既有企業(yè)的，也有客戶的，這是歐歌硅藻泥在線銷(xiāo)售的獨(dú)特優(yōu)勢(shì)。它可以降低企業(yè)的各種成本，主要通過(guò)線上推廣與宣傳吸引流量以便瀏覽網(wǎng)站，改變市場(chǎng)傳統(tǒng)的營(yíng)銷(xiāo)模式，建立起無(wú)中介的銷(xiāo)售渠道。開(kāi)啟線上銷(xiāo)售渠道可以避免傳統(tǒng)銷(xiāo)售渠道中的中間環(huán)節(jié)，比如批發(fā)、零售等環(huán)節(jié)。網(wǎng)絡(luò)銷(xiāo)售有利于硅藻泥行業(yè)的發(fā)展與監(jiān)管，便于使得硅藻泥市場(chǎng)變得規(guī)范化。假如硅藻泥品牌講求誠(chéng)信，在網(wǎng)絡(luò)裂變的傳播下，將會(huì)得以迅速傳播；若是硅藻泥品牌缺乏誠(chéng)信，也可以在網(wǎng)絡(luò)上大肆流傳，提醒消費(fèi)者警惕陷阱。在良幣驅(qū)逐劣幣的循環(huán)下，可以使得硅藻泥市場(chǎng)走向正規(guī)化，進(jìn)而走出東三省，走出國(guó)門(mén)，在全世界發(fā)揚(yáng)光大。（三）企業(yè)業(yè)務(wù)流程分析此次設(shè)計(jì)的網(wǎng)站主要為網(wǎng)站注冊(cè)用戶提供服務(wù)，由后臺(tái)管理員進(jìn)行操作管理。會(huì)員的業(yè)務(wù)需求主要是可以進(jìn)行登錄，瀏覽商品，查詢商品，把購(gòu)物車(chē)加入商品，把購(gòu)物車(chē)的商品刪除或者修改，提交和修改訂單，選購(gòu)商品等。游客的業(yè)務(wù)需求需求是瀏覽網(wǎng)站，搜索商品，或者注冊(cè)會(huì)員。管理員的業(yè)務(wù)有管理會(huì)員的訂單包括已發(fā)貨和未發(fā)貨的訂單，刪除商品，添加或者修改商品，還可以設(shè)置二級(jí)管理員，也可以對(duì)會(huì)員的身份進(jìn)行修改或者刪除等。各業(yè)務(wù)部分之間的關(guān)系相互聯(lián)系，卻又彼此獨(dú)立。比如用戶只能搜索、查看信息，若想購(gòu)買(mǎi)商品，需要進(jìn)行注冊(cè)。具體流程如下圖1-1：圖1-1業(yè)務(wù)流程圖（四）可行性分析可行性研究就是用最小的代價(jià)確定問(wèn)題是否能夠在比較短的時(shí)間里快速解決。為了使得目的實(shí)現(xiàn)，必須將幾種可能的解法進(jìn)行比較，權(quán)衡利弊，以確定目標(biāo)是否現(xiàn)實(shí)，并且判斷對(duì)系統(tǒng)的投資是否小于獲得的收益。因此，可行性分析實(shí)際上是要以一種抽象的方式去進(jìn)行系統(tǒng)分析和設(shè)計(jì)。1、經(jīng)濟(jì)可行性：主要就是從資源配置的方向去衡量項(xiàng)目的主要價(jià)值，評(píng)價(jià)目標(biāo)項(xiàng)目在實(shí)現(xiàn)區(qū)域經(jīng)濟(jì)發(fā)展方向、有效配置重要經(jīng)濟(jì)資源、增加物資供應(yīng)、創(chuàng)造更多就業(yè)、改善生存環(huán)境、提高人民生活水平等方面的效益。目前，硅藻泥的價(jià)格已經(jīng)非常的低廉，但是視覺(jué)效果卻有了長(zhǎng)足的進(jìn)步。而本網(wǎng)站的開(kāi)發(fā)大大的提高了硅藻泥的銷(xiāo)售效率。具體如下：本網(wǎng)站的運(yùn)行可以節(jié)省許多資源。本網(wǎng)站的運(yùn)行可以大大提高公司銷(xiāo)售硅藻泥的效率，并且把銷(xiāo)售面拓寬了許多。本網(wǎng)站所需要的技術(shù)很少，只要會(huì)java開(kāi)發(fā)技術(shù)就能完成，而設(shè)備只需要幾臺(tái)配置比較高的電腦就能完成網(wǎng)站的建設(shè)。歐歌硅藻泥網(wǎng)站可以進(jìn)行網(wǎng)上下單協(xié)商，通過(guò)網(wǎng)上支付，節(jié)省了許多不必要的投入成本，公司可以獲得較之線下更豐厚的收益，顧客也可以得到更加優(yōu)惠的裝修價(jià)格。綜上所述，網(wǎng)站的性價(jià)比非常高，投入少于產(chǎn)出，所以該網(wǎng)站設(shè)計(jì)在經(jīng)濟(jì)上是可行的。2、技術(shù)的可行性：指的是技術(shù)人員從技術(shù)角度去分析網(wǎng)站的可行性，包括界面可行性和操作可行性等。此款硅藻泥網(wǎng)站的環(huán)境是apache-tomcat，開(kāi)發(fā)工具是當(dāng)下最流行的MyEclipse軟件，開(kāi)發(fā)語(yǔ)言是java.jdk，另外巧妙地運(yùn)用了SQLyog10.2，化繁為簡(jiǎn)，通過(guò)注冊(cè)會(huì)員，加入購(gòu)物車(chē)，提交訂單等一系列操作便可實(shí)現(xiàn)購(gòu)買(mǎi)，另外在后臺(tái)管理上操作人員可以隨意的更換商品，頁(yè)面詳細(xì)信息等，所以在技術(shù)上是完全可行的。3、管理可行性：主要從網(wǎng)站管理者的的管理角度，簡(jiǎn)便的操作系統(tǒng)，優(yōu)秀的后臺(tái)操作，并進(jìn)行選擇與評(píng)價(jià)。歐歌硅藻泥網(wǎng)站最有特色的地方就是后臺(tái)操作極其方便，后臺(tái)管理包括訂單管理，顧客管理，商品管理，管理員管理。其中訂單管理包含已處理訂單和未處理訂單，而這些訂單由一個(gè)表格匯總，表格具體又包含訂單編號(hào)，下單時(shí)間，下單用戶，商品數(shù)量，訂單總數(shù)，訂單狀態(tài)和收貨人信息等。而顧客管理包括老顧客管理和添加新顧客，后臺(tái)可以看到顧客的身份信息以及聯(lián)系方式等，但是對(duì)登錄密碼進(jìn)行了加密。而后臺(tái)管理之中最重要的便是商品的管理，因?yàn)檫@個(gè)功能可以添加或者刪除產(chǎn)品，保證網(wǎng)站可以隨時(shí)處于一個(gè)新的狀態(tài)，不是一攤死水，而是隨時(shí)隨地可以更新商品。管理員管理可以允許多位后臺(tái)操作者管理后臺(tái)，非常方便，當(dāng)然也可以增減管理員的數(shù)量。綜上所述，歐歌硅藻泥網(wǎng)站在管理上也是可行的。

二、歐歌硅藻泥網(wǎng)站系統(tǒng)分析（一）需求模型的建立需求模型就是指利用用例圖表示外部用戶所能看到的結(jié)構(gòu)模型，他主要表示用戶以及其他用例之間的關(guān)系。歐歌硅藻泥網(wǎng)站可以滿足用戶的要求，根據(jù)用戶需求做一些個(gè)性化的設(shè)計(jì)。1、會(huì)員功能表示客戶在進(jìn)行網(wǎng)站操作時(shí)所實(shí)現(xiàn)的一系列功能，比如商品查詢，購(gòu)物車(chē)管理，用戶中心操作等，如圖2-1所示。圖2-1用戶用例圖（1）用戶注冊(cè)用戶注冊(cè)操作中，用戶向系統(tǒng)發(fā)送注冊(cè)申請(qǐng)，系統(tǒng)轉(zhuǎn)到用戶注冊(cè)頁(yè)面，用戶需填寫(xiě)個(gè)人信息包括：用戶名、密碼、收貨人、收貨電話、收貨地址，信息填寫(xiě)完成后提交，系統(tǒng)會(huì)檢查信息是否有效，如果檢查是有效信息則將用戶信息存儲(chǔ)，用戶注冊(cè)成功，如果檢查信息無(wú)效則出現(xiàn)錯(cuò)誤提示頁(yè)面，如圖2-2所示。圖2-2“用戶注冊(cè)”活動(dòng)圖（2）用戶商品查詢用戶商品查詢時(shí)，用戶向系統(tǒng)發(fā)送商品查詢請(qǐng)求，系統(tǒng)轉(zhuǎn)向商品查詢頁(yè)面，用戶即可在搜索框中輸入想要查詢的關(guān)鍵詞，然后點(diǎn)擊搜索按鈕。系統(tǒng)檢查用戶所輸入的關(guān)鍵詞，如果所輸入的關(guān)鍵詞有效，則展示相關(guān)商品信息；如果檢查用戶所輸入的關(guān)鍵詞無(wú)效，則無(wú)法出現(xiàn)相關(guān)商品的信息，如圖2-3所示。圖2-3“用戶商品查詢”活動(dòng)圖（3）購(gòu)物車(chē)商品修改購(gòu)物車(chē)商品修改操作，用戶向系統(tǒng)發(fā)送購(gòu)物車(chē)商品修改的請(qǐng)求，然后系統(tǒng)轉(zhuǎn)向購(gòu)物車(chē)頁(yè)面，用戶則修改購(gòu)物車(chē)中商品的信息（增加、減少商品的數(shù)量），隨后系統(tǒng)更新購(gòu)物車(chē)頁(yè)面信息，如圖2-4所示。圖2-4“購(gòu)物車(chē)商品修改”活動(dòng)圖（4）購(gòu)物車(chē)商品查詢購(gòu)物車(chē)商品查詢操作，用戶向系統(tǒng)發(fā)送購(gòu)物車(chē)商品查詢請(qǐng)求，系統(tǒng)轉(zhuǎn)向購(gòu)物車(chē)頁(yè)面，用戶可以選擇購(gòu)物車(chē)商品增加減少，或者選擇刪除購(gòu)物車(chē)中的商品，操作過(guò)程如上述“購(gòu)物車(chē)商品刪除”“購(gòu)物車(chē)商品修改”，隨即系統(tǒng)顯示用戶所選擇的操作的結(jié)果，如圖2-5所示。圖2-5“購(gòu)物車(chē)”活動(dòng)圖（5）訂單信息創(chuàng)建訂單信息創(chuàng)建操作，用戶向系統(tǒng)發(fā)送創(chuàng)建訂單請(qǐng)求，系統(tǒng)轉(zhuǎn)向訂單管理頁(yè)面，用戶可以選擇所想要商品并進(jìn)行商品款式以及對(duì)應(yīng)數(shù)量的選擇，然后加入購(gòu)物車(chē)，提交訂單，確認(rèn)收貨信息，填寫(xiě)收貨人、收貨電話、收貨地址，并選擇支付方式（微信支付、支付寶、貨到付款），隨后系統(tǒng)則訂單創(chuàng)建成功，如圖2-6所示。圖2-6“訂單信息創(chuàng)建”活動(dòng)圖2、管理員用例圖2-7管理員總用例圖（1）管理員信息修改管理員信息修改操作，管理員向系統(tǒng)發(fā)送管理員信息修改請(qǐng)求，然后系統(tǒng)轉(zhuǎn)向管理員信息修改頁(yè)面，管理員則可修改信息，包括：用戶名、原始密碼、新密碼，隨后系統(tǒng)更新管理員頁(yè)面信息，如圖2-8所示。圖2-8“管理員信息修改”活動(dòng)圖（2）商品信息刪除商品信息刪除操作，管理員向系統(tǒng)發(fā)送商品信息刪除請(qǐng)求，系統(tǒng)轉(zhuǎn)向商品信息刪除頁(yè)面，管理員選擇所要?jiǎng)h除的商品信息，隨即系統(tǒng)則將商品信息成功刪除，如圖2-11所示。圖2-9“商品信息刪除”活動(dòng)圖（3）訂單信息查詢訂單信息查詢操作，管理員向系統(tǒng)發(fā)送訂單信息查詢請(qǐng)求，系統(tǒng)轉(zhuǎn)向訂單查詢頁(yè)面，管理員可以查詢正在進(jìn)行的訂單信息，或者已經(jīng)完成的訂單信息，并點(diǎn)擊，成功顯示對(duì)應(yīng)的訂單信息，如圖2-10所示。圖2-10“訂單信息查詢”活動(dòng)圖（二）分析模型的建立顧名思義，分析模型建立是要用來(lái)更加有條理的設(shè)計(jì)網(wǎng)站，它是網(wǎng)站設(shè)計(jì)者設(shè)計(jì)網(wǎng)站的藍(lán)圖，有了分析模型，設(shè)計(jì)者可以更加明確網(wǎng)站的結(jié)構(gòu)與功能。分析模型有分析類(lèi)圖和協(xié)作圖來(lái)表示，活動(dòng)圖是便于理解相關(guān)控制頁(yè)面，協(xié)作圖是為了讓開(kāi)發(fā)者更加清楚地了解實(shí)體類(lèi)的關(guān)系。1、用戶注冊(cè)用戶注冊(cè)時(shí)，會(huì)在會(huì)員注冊(cè)頁(yè)面進(jìn)行操作，進(jìn)而彈出會(huì)員注冊(cè)相關(guān)控制，然后填寫(xiě)用戶信息，如圖2-13所示。圖2-13“用戶注冊(cè)”分析類(lèi)圖用戶注冊(cè)時(shí)，其先向用戶注冊(cè)頁(yè)面邊界類(lèi)發(fā)送注冊(cè)請(qǐng)求，會(huì)員注冊(cè)頁(yè)面觸發(fā)用戶注冊(cè)控制，用戶注冊(cè)控制類(lèi)將新會(huì)員信息增加到會(huì)員信息實(shí)體類(lèi)中，如圖2-14所示。圖2-14“用戶注冊(cè)”協(xié)作圖2、用戶登錄用戶登錄時(shí)，會(huì)在會(huì)員登錄頁(yè)面進(jìn)行操作，進(jìn)而彈出會(huì)員登錄相關(guān)控制，然后填寫(xiě)用戶信息，如圖2-15所示。圖2-15“用戶登錄”分析類(lèi)圖用戶登錄時(shí)，其先向用戶登錄頁(yè)面邊界類(lèi)發(fā)送登錄請(qǐng)求，會(huì)員登錄頁(yè)面觸發(fā)用戶登錄控制，用戶登錄控制類(lèi)將新會(huì)員信息增加到會(huì)員信息實(shí)體類(lèi)中，如圖2-16所示。圖2-16“用戶登錄”協(xié)作圖3、用戶商品查詢用戶商品查詢時(shí)，會(huì)在查詢頁(yè)面進(jìn)行操作，進(jìn)而彈出商品查詢相關(guān)控制，然后進(jìn)行商品查詢，如圖2-17所示。圖2-17“用戶商品查詢”分析類(lèi)圖用戶查詢商品時(shí)，用戶先向用戶商品查詢頁(yè)面邊界類(lèi)發(fā)送相應(yīng)請(qǐng)求，用戶商品查詢頁(yè)面觸發(fā)會(huì)員商品查詢控制，它將根據(jù)用戶提交的關(guān)鍵詞，將在商品信息實(shí)體類(lèi)的查詢結(jié)果返回給會(huì)員商品查詢頁(yè)面，如圖2-18所示。圖2-18“用戶商品查詢”協(xié)作圖4、購(gòu)物車(chē)商品添加用戶在進(jìn)行購(gòu)物車(chē)商品添加時(shí)，會(huì)在購(gòu)物車(chē)添加進(jìn)行操作，進(jìn)而彈出購(gòu)物車(chē)添加的相關(guān)控制，然后進(jìn)行添加購(gòu)物車(chē)操作，如圖2-19所示。圖2-19“購(gòu)物車(chē)商品添加”分析類(lèi)圖用戶進(jìn)行購(gòu)物車(chē)添加時(shí)，用戶先向用戶添加購(gòu)物車(chē)邊界類(lèi)發(fā)送相應(yīng)請(qǐng)求，用戶購(gòu)物車(chē)添加頁(yè)面觸發(fā)會(huì)員購(gòu)物車(chē)添加控制，它將根據(jù)用戶提交的商品類(lèi)目，將商品加入購(gòu)物車(chē)，如圖2-20所示。圖2-20“購(gòu)物車(chē)商品添加”協(xié)作圖5、購(gòu)物車(chē)商品刪除用戶在進(jìn)行購(gòu)物車(chē)商品刪除時(shí)，會(huì)在刪除購(gòu)物車(chē)邊界類(lèi)進(jìn)行操作，進(jìn)而彈出購(gòu)物車(chē)刪除的相關(guān)控制，然后進(jìn)行刪除購(gòu)物車(chē)商品操作，如圖2-21所示。圖2-21“購(gòu)物車(chē)商品刪除”分析類(lèi)圖用戶進(jìn)行購(gòu)物車(chē)刪除時(shí)，用戶先向用戶刪除購(gòu)物車(chē)邊界類(lèi)發(fā)送相應(yīng)請(qǐng)求，用戶購(gòu)物車(chē)刪除頁(yè)面觸發(fā)會(huì)員購(gòu)物車(chē)添加控制，它將根據(jù)用戶提交請(qǐng)求刪除購(gòu)物車(chē)內(nèi)商品，如圖2-22所示。圖2-22“購(gòu)物車(chē)商品刪除”協(xié)作圖6、商品信息查詢商品信息查詢時(shí)，會(huì)在品信息查詢頁(yè)面進(jìn)行操作，進(jìn)而彈出品信息查詢相關(guān)控制，然后進(jìn)行品信息的查詢，如圖2-23所示。圖2-23“商品信息查詢”分析類(lèi)圖商品信息查詢時(shí)，用戶先向商品信息查詢邊界類(lèi)發(fā)送相應(yīng)請(qǐng)求，商品信息查詢頁(yè)面觸發(fā)商品信息查詢添加控制，它將根據(jù)用戶提交請(qǐng)求進(jìn)行商品信息查詢，如圖2-24所示。圖2-24“商品信息查詢”協(xié)作圖

三、歐歌硅藻泥網(wǎng)站系統(tǒng)設(shè)計(jì)（一）系統(tǒng)總體設(shè)計(jì)1.網(wǎng)站UI設(shè)計(jì)\t"/item/UI%E8%AE%BE%E8%AE%A1/_blank"UI設(shè)計(jì)也叫界面設(shè)計(jì)，是指對(duì)網(wǎng)站的操作流暢度，顏色視覺(jué)效果的整體設(shè)計(jì)。UI設(shè)計(jì)主要指界面的顏色與排列樣式所能達(dá)到的美觀程度。而在使用的時(shí)候，用戶的實(shí)際體驗(yàn)效果也是決定網(wǎng)站成功與否的重要因素。一個(gè)好的UI設(shè)計(jì)不僅能帶來(lái)用戶的良好體驗(yàn)，還能使得用戶在身心上得到愉悅的享受。歐歌硅藻泥網(wǎng)站的主題色彩是純凈的白色和美輪美奐的暖色，因?yàn)楣柙迥嗑W(wǎng)站主要面對(duì)的的是需要把家庭住宅裝修成個(gè)性化的人群，所以純凈的色彩和美輪美奐的圖片必定能吸引客戶的眼球。網(wǎng)站的首頁(yè)就有歡迎來(lái)到歐歌硅藻泥，給客戶一種回家的感覺(jué)，讓人感到非常的親切，購(gòu)買(mǎi)的欲望也隨之提升。2.網(wǎng)站總體結(jié)構(gòu)歐歌硅藻泥網(wǎng)站網(wǎng)站的功能模塊主要是前臺(tái)管理和后臺(tái)管理兩部分。前臺(tái)功能包括：登陸、注銷(xiāo)、注冊(cè)，查看商品詳情，按照關(guān)鍵詞搜索商品，加入購(gòu)物車(chē)，分狀態(tài)查看所有訂單,購(gòu)物車(chē)增刪改查。后臺(tái)功能包括：管理員登錄與二級(jí)管理員的設(shè)置，顧客管理，商品管理和訂單管理，網(wǎng)站總體結(jié)構(gòu)圖如下圖3-1。圖3-1網(wǎng)站總體結(jié)構(gòu)圖目錄結(jié)構(gòu)與鏈接設(shè)計(jì)硅藻泥網(wǎng)站的項(xiàng)目目錄如下圖3-2。圖3-2硅藻泥網(wǎng)站目錄歐歌硅藻泥網(wǎng)站的java數(shù)據(jù)庫(kù)表目錄如下圖3-3。圖3-13java數(shù)據(jù)庫(kù)表目錄（二）靜態(tài)結(jié)構(gòu)模型靜態(tài)結(jié)構(gòu)是指在對(duì)系統(tǒng)進(jìn)行用例建模之后，確定了參與者需要的功能，然后，要用靜態(tài)建模定義系統(tǒng)中重要對(duì)象的屬性和操作以及這些對(duì)象之間的相互關(guān)系。這里采用類(lèi)圖進(jìn)行詳細(xì)描述，對(duì)系統(tǒng)進(jìn)行靜態(tài)建模。硅藻泥網(wǎng)站主要包含六個(gè)實(shí)體類(lèi)，分別是用戶（users），商品（materials），購(gòu)物車(chē)（category），管理員（admin），訂單詳情（items），訂單信息（morder）,他們之間的關(guān)系如圖3-14所示。圖3-14硅藻泥網(wǎng)站實(shí)體類(lèi)圖硅藻泥網(wǎng)站的前臺(tái)界面有很多，比如登錄界面，會(huì)員注冊(cè)界面，購(gòu)物車(chē)界面，企業(yè)相冊(cè)界面等，他們之間的實(shí)體關(guān)系如圖3-15所示。圖3-15硅藻泥網(wǎng)站前臺(tái)界面類(lèi)圖硅藻泥網(wǎng)站的后臺(tái)管理界面主要是管理員用來(lái)管理整個(gè)網(wǎng)站前端和后臺(tái)所開(kāi)發(fā)的界面，其界面包括訂單管理界面，顧客管理界面，商品管理界面，管理員管理界面。他們之間的關(guān)系如圖3-16所示。圖3-16硅藻泥網(wǎng)站后臺(tái)界面類(lèi)圖（三）數(shù)據(jù)庫(kù)設(shè)計(jì)1、數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì)是信息系統(tǒng)開(kāi)發(fā)和建設(shè)中的一項(xiàng)核心技術(shù)，他的主要的作用是建立數(shù)據(jù)庫(kù)以及其他一些相關(guān)的系統(tǒng)應(yīng)用。數(shù)據(jù)庫(kù)設(shè)計(jì)就是在一個(gè)特定的環(huán)境下搭建出最理想的數(shù)據(jù)庫(kù)模式，建立起數(shù)據(jù)庫(kù)以及一系列與之對(duì)應(yīng)的系統(tǒng)或者應(yīng)用，以便于儲(chǔ)存用戶信息等重要的資料，滿足廣大用戶的不同程度的需求。大型數(shù)據(jù)庫(kù)的設(shè)計(jì)和開(kāi)發(fā)周期相對(duì)較長(zhǎng)、耗資比同情況下其他項(xiàng)目多、失敗的風(fēng)險(xiǎn)也相對(duì)大。因此必須把軟件工程的原理和方法與數(shù)據(jù)庫(kù)的搭建巧妙的結(jié)合起來(lái)。而從事數(shù)據(jù)庫(kù)的具體工作的人員更應(yīng)該儲(chǔ)存前沿的開(kāi)發(fā)技術(shù)與方法。將管理員的實(shí)體圖，訂單信息實(shí)體圖，訂單的實(shí)體圖，商品類(lèi)別實(shí)體圖，普通用戶實(shí)體圖，購(gòu)物車(chē)的實(shí)體圖綜合起來(lái)，結(jié)合實(shí)體間的具體關(guān)系，就是網(wǎng)站整體的實(shí)體圖。3-1網(wǎng)站e-r圖2、數(shù)據(jù)庫(kù)表設(shè)計(jì)系統(tǒng)管理員表（admin）：作為后臺(tái)中最重要的一個(gè)表，系統(tǒng)管理員表主要屬性有管理員ID，賬號(hào)以及管理員密碼。表3.1系統(tǒng)管理員表字段名數(shù)據(jù)類(lèi)型長(zhǎng)度主外鍵字段說(shuō)明IdInt11主鍵管理員IDUsernamevarchar255無(wú)賬號(hào)Passwordvarchar255無(wú)管理員密碼訂單信息表（moeder）：存放訂單信息的表，主要屬性有收貨人信息，商品數(shù)量以及價(jià)格等。表3.2訂單信息表（morder）字段名數(shù)據(jù)類(lèi)型長(zhǎng)度主外鍵字段說(shuō)明Idint11主鍵訂單編號(hào)TotalFloat8,2無(wú)總價(jià)Statustinyint4無(wú)狀態(tài)（1未處理/2未處理）namevarchar20無(wú)收貨人姓名Phonevarchar20無(wú)收貨人電話Addressvarchar255無(wú)收貨地址Systimedatetime50無(wú)下單時(shí)間User_idint11無(wú)下單用戶訂單詳情信息表（items）：訂單詳情信息表主要負(fù)責(zé)存儲(chǔ)每個(gè)訂單的信息。表3.4訂單詳情信息表字段名數(shù)據(jù)類(lèi)型長(zhǎng)度主外鍵字段說(shuō)明Idint11主鍵訂單詳情編號(hào)PriceFloat無(wú)購(gòu)買(mǎi)時(shí)價(jià)格AmountInt11無(wú)數(shù)量Book_idInt11無(wú)商品idIndent_idInt11無(wú)訂單id會(huì)員信息表（users）：主要屬性有：用戶名稱，密碼，電話等。表3.5會(huì)員信息表字段名數(shù)據(jù)類(lèi)型長(zhǎng)度主外鍵字段說(shuō)明IdInt11主鍵用戶IDusernamevarchar255無(wú)用戶名稱Passwordvarchar255無(wú)密碼Phonevarchar255無(wú)電話普通用戶信息表（users）：主要屬性有：用戶名稱，密碼，電話等。表3.6商品信息表字段名數(shù)據(jù)類(lèi)型長(zhǎng)度主外鍵字段說(shuō)明IdInt11主鍵商品IDnamevarchar255無(wú)商品名稱Covervarchar255無(wú)商品圖片Introvarchar255無(wú)商品介紹pricefloat8,2無(wú)商品價(jià)格NewsInt1無(wú)上新產(chǎn)品（四）動(dòng)態(tài)行為模型動(dòng)態(tài)行為模型就是動(dòng)態(tài)建模，動(dòng)態(tài)建模主要使用順序圖表示交互關(guān)系，這里用順序圖來(lái)描述各類(lèi)關(guān)系，具體包括會(huì)員注冊(cè)，用戶商品查詢，管理員登錄等。1、用戶注冊(cè)，用戶注冊(cè)描述了申請(qǐng)硅藻泥線上網(wǎng)站會(huì)員的活動(dòng)順序，涉及對(duì)象包括用戶、網(wǎng)站系統(tǒng)、數(shù)據(jù)庫(kù)模塊。新用戶在注冊(cè)時(shí)，首先進(jìn)入網(wǎng)站首頁(yè)，當(dāng)需要購(gòu)買(mǎi)商品時(shí)，需進(jìn)行注冊(cè)，單擊注冊(cè)進(jìn)入注冊(cè)頁(yè)面，在注冊(cè)頁(yè)面輸入相關(guān)的用戶信息。填寫(xiě)完成后提交，系統(tǒng)將數(shù)據(jù)存入數(shù)據(jù)庫(kù)中，并提示用戶注冊(cè)成功，重新返回首頁(yè)，其動(dòng)態(tài)模型如圖3-2所示。圖3-2“用戶注冊(cè)”順序圖2、用戶商品查詢，用戶在查詢硅藻泥產(chǎn)品時(shí)，首先在商品查詢頁(yè)面輸入要查詢的信息，商品查詢頁(yè)面將這些信息提交給商品查詢控制處理，商品查詢控制在商品信息數(shù)據(jù)庫(kù)中查詢相關(guān)結(jié)果，然后將這些結(jié)果返回到商品查詢頁(yè)面，其動(dòng)態(tài)模型如圖3-3所示：圖3-3“商品查詢”順序圖3、購(gòu)物車(chē)商品修改，會(huì)員在進(jìn)行商品購(gòu)物車(chē)信息修改時(shí)，首先在購(gòu)物車(chē)商品信息修改頁(yè)面修改購(gòu)物車(chē)商品信息，這些信息被頁(yè)面提交到購(gòu)物車(chē)商品信息修改控制處理，購(gòu)物車(chē)商品信息修改控制首先查詢購(gòu)物車(chē)商品信息是否存在，如果存在則按照會(huì)員的指令進(jìn)行修改，然后將修改前后的信息都返回給購(gòu)物車(chē)信息修改頁(yè)面，然后頁(yè)面端顯示信息修改成功，其動(dòng)態(tài)模型如圖3-4所示圖3-4“購(gòu)物車(chē)商品修改”順序圖4、管理員登錄，管理員登錄后臺(tái)操作時(shí)，首先在管理員登錄頁(yè)面填寫(xiě)登錄信息，頁(yè)面將登錄信息提交到管理員登錄控制處理，管理員登錄控制首先檢查是否存在相關(guān)管理員信息，如果存在且信息正確，則返回登錄結(jié)果，頁(yè)面顯示管理員登錄成功，其動(dòng)態(tài)模型如圖3-5所示。圖3-5“管理員登錄”順序圖四、歐歌硅藻泥網(wǎng)站系統(tǒng)實(shí)現(xiàn)（一）開(kāi)發(fā)環(huán)境開(kāi)發(fā)環(huán)境是指網(wǎng)站開(kāi)發(fā)過(guò)程中所用到的軟硬件設(shè)施，他不僅要求操作的設(shè)備在硬性要求上面滿足需求，在軟件操作上更加的嚴(yán)格要求，有時(shí)候可能打開(kāi)的文件夾路徑不對(duì)，就會(huì)導(dǎo)致整個(gè)網(wǎng)站的錯(cuò)誤甚至是崩潰。計(jì)算機(jī)操作系統(tǒng)：MicrosoftWindows8（directX1164位）professional數(shù)據(jù)庫(kù)管理工具：Sqlyog10.2，這個(gè)安裝了多個(gè)高級(jí)工具，可以迅捷的導(dǎo)入外部數(shù)據(jù)，而執(zhí)行結(jié)果可以讓多個(gè)接受者收到，SQL語(yǔ)句可以智能的自動(dòng)完成。開(kāi)發(fā)工具：MyEclipse10。MyEclipse具有十分強(qiáng)大的功能，他也支持許多產(chǎn)品的分發(fā)，特別是對(duì)各種開(kāi)源產(chǎn)品的支持較為可觀，所以選擇此款軟件作為開(kāi)發(fā)工具。服務(wù)器：apache-tomcat-8.5.38。開(kāi)發(fā)語(yǔ)言：Java。Java是面向?qū)ο蟮?，它以?duì)象為中心，以信息為驅(qū)動(dòng)，與所驅(qū)動(dòng)的平臺(tái)無(wú)關(guān)，因此它的兼容性非常強(qiáng)大。Java的另一一個(gè)特點(diǎn)便是安全可靠，用戶可以放心的操作與使用。數(shù)據(jù)庫(kù)管理系統(tǒng)：MySQL。它體積比較小，命令執(zhí)行的速度特別迅速，給開(kāi)發(fā)人員的操作和模擬帶來(lái)了極大的便利。他是免費(fèi)的開(kāi)源軟件，給用戶節(jié)省了大量的成本。（二）主要功能模塊實(shí)現(xiàn)1、會(huì)員登錄實(shí)現(xiàn)，會(huì)員首先進(jìn)入會(huì)員登錄頁(yè)面，點(diǎn)擊輸入框輸入已經(jīng)注冊(cè)的賬號(hào)和密碼，進(jìn)行登錄，若沒(méi)有注冊(cè)過(guò)會(huì)員，則點(diǎn)擊沒(méi)有賬號(hào)跳入，賬號(hào)注冊(cè)頁(yè)面如圖4-1所示。圖4-1會(huì)員登錄頁(yè)面2、會(huì)員注冊(cè)的實(shí)現(xiàn)，用戶進(jìn)入商城后發(fā)現(xiàn)有意向的產(chǎn)品進(jìn)行注冊(cè)會(huì)員，如圖4-2所示。圖4-2會(huì)員登錄頁(yè)面關(guān)于會(huì)員部分關(guān)鍵java代碼：publicclassUserService{ @Resource privateUserDaouserDao; publicbooleancheckUser(Stringusername,Stringpassword){ returnuserDao.getByUsernameAndPassword(username,SafeUtil.encode(password))!=null; } publicbooleanisExist(Stringusername){ returnuserDao.getByUsername(username)!=null; } publicbooleanadd(Usersuser){ user.setPassword(SafeUtil.encode(user.getPassword())); returnuserDao.save(user)>0; } publicUsersget(intuserid){ returnuserDao.get(Users.class,userid); } publicUsersget(Stringusername){ returnuserDao.getByUsername(username); }}3、商品查詢的實(shí)現(xiàn)，會(huì)員或者游客在進(jìn)入首頁(yè)后，在搜索欄中輸入自己想要的產(chǎn)品的關(guān)鍵詞，本系統(tǒng)采用模糊查詢，具體如圖4-3所示。圖4-3商品查詢頁(yè)面關(guān)于商品部分的關(guān)鍵java代碼：publicclassMaterialsService{ @Resource privateMaterialsDaofuritDao; publicList<Materials>getList(Stringname,intpage,intsize){ returnfuritDao.getList(name,page,size); } publiclonggetTotal(Stringname){ returnfuritDao.getTotal(name); } publicList<Materials>getCategoryList(intcategoryid,intpage,intsize){ returnfuritDao.getCategoryList(categoryid,page,size); } publicMaterialsget(intbookid){ returnfuritDao.get(Materials.class,bookid); } publicList<Materials>getList(intstatus,intpage,introws){ returnfuritDao.getList(status,page,rows); } publiclonggetTotal(intstatus){ returnfuritDao.getTotal(status); } publicIntegeradd(Materialsbook){ returnfuritDao.save(book); } publicbooleanupdate(Materialsbook){ returnfuritDao.update(book); } publicbooleandelete(Materialsbook){ returnfuritDao.delete(book); }}5、訂單功能的實(shí)現(xiàn)，在會(huì)員查看我的購(gòu)物車(chē)之后，選中自己喜歡的商品，修改以及確定自己的商品數(shù)量，填寫(xiě)聯(lián)系人電話，地址，姓名等，就可以提交訂單，具體如圖4-5所示。圖4-5訂單管理頁(yè)面關(guān)于訂單管理的java關(guān)鍵代碼： publicMorderlessenIndentItem(Morderindent,Materialsbook){ List<Items>itemList=indent.getItemList(); itemList=itemList==null?newArrayList<Items>():itemList; booleannoneThis=true; for(Itemsitem:itemList){ if(item.getBook().getId()==book.getId()){ if(item.getAmount()-1<=0){ returndeleteIndentItem(indent,book); } item.setPrice(book.getPrice()); item.setAmount(item.getAmount()-1); item.setTotal(item.getPrice()*item.getAmount()); noneThis=false; } } if(noneThis){ returnindent; } indent.setTotal(indent.getTotal()-book.getPrice()); indent.setAmount(indent.getAmount()-1); returnindent; }}后臺(tái)管理功能的實(shí)現(xiàn)，后臺(tái)管理包括訂單管理，顧客管理，商品管理和管理員管理，每個(gè)管理都可以實(shí)現(xiàn)增刪改查，具體如圖4-6所示。圖4-6后臺(tái)管理頁(yè)面關(guān)于后臺(tái)管理的jsp代碼如下：<lidata-name="template"class="layui-nav-item"><ahref="javascript:;"lay-tips="訂單管理"lay-direction="2"><iclass="layui-iconlayui-icon-template"></i><cite>訂單管理</cite><dlclass="layui-nav-child"><dd><alay-href="indentList.action?status=1">未處理</a></dd><dd><alay-href="indentList.action?status=2">已處理</a></dd><lidata-name="app"class="layui-nav-item"><ahref="javascript:;"lay-tips="顧客管理"lay-direction="2"><iclass="layui-iconlayui-icon-app"></i><cite>顧客管理</cite></a><dlclass="layui-nav-child"><dd><alay-href="userList.action">顧客列表</a></dd><dddata-name="workorder"><alay-href="pages/user-add.jsp">添加顧客</a></dd><lidata-name="senior"class="layui-nav-item"><ahref="javascript:;"lay-tips="商品管理"lay-direction="2"><iclass="layui-iconlayui-icon-senior"></i><cite>商品管理</cite></a><dlclass="layui-nav-child"><dd><alay-href="materialsList.action">商品列表</a></dd><alay-href="materialsAd.action">添加商品</a></dd><lidata-name="set"class="layui-nav-item"><ahref="javascript:;"lay-tips="管理員管理"lay-direction="2"><iclass="layui-iconlayui-icon-set"></i><cite>管理員管理</cite></a><dlclass="layui-nav-child"><dd><alay-href="adminList.action">管理員列表</a></dd><alay-href="pages/adminAdd.jsp">添加管理員</a>（三）測(cè)試1、系統(tǒng)測(cè)試的意義電子商務(wù)系統(tǒng)測(cè)試是在網(wǎng)站開(kāi)發(fā)完之后所必須的環(huán)節(jié)，它的主要目的是為了保證網(wǎng)站可以正常運(yùn)行，檢驗(yàn)網(wǎng)站質(zhì)量。因?yàn)樵诰W(wǎng)站開(kāi)發(fā)的過(guò)程中開(kāi)發(fā)人員因?yàn)槟承┎淮_定因素會(huì)犯一些不可避免的錯(cuò)誤，因此必須進(jìn)行電子商務(wù)系統(tǒng)的測(cè)試。系統(tǒng)測(cè)試就是將已經(jīng)核實(shí)的硬件、網(wǎng)絡(luò)等因素結(jié)合起來(lái)，然后對(duì)系統(tǒng)進(jìn)行測(cè)試。然后通過(guò)測(cè)試結(jié)果與預(yù)期結(jié)果相比較，找出那些與用戶使用方便性相違背的地方。2、系統(tǒng)測(cè)試的目的 系統(tǒng)測(cè)試的目的歸根結(jié)底就是找出系統(tǒng)存在的不合理，不規(guī)范的地方，精心找出那些系統(tǒng)存在的錯(cuò)誤，并且嚴(yán)加改正，因此系統(tǒng)測(cè)試的根本目的是找出系統(tǒng)可能存在的錯(cuò)誤。3、測(cè)試方法，測(cè)試數(shù)據(jù)和測(cè)試結(jié)果本次系統(tǒng)測(cè)試采用黑盒測(cè)試的方法為每個(gè)功能模塊設(shè)計(jì)相應(yīng)的測(cè)試用例，把用例劃分為：商品購(gòu)買(mǎi)模塊，用戶個(gè)人中心模塊，后臺(tái)系統(tǒng)管理模塊。（1）商品購(gòu)買(mǎi)模塊測(cè)試用例包括：首頁(yè)商品展示，商品詳情展示，加入購(gòu)物車(chē)，生成訂單，首頁(yè)商品展示用例，如下列表所示。表4-1首頁(yè)商品展示用例用例名稱商品展示用例標(biāo)識(shí)用例描述用戶正常登陸頁(yè)面即可查看商品列表，不需要任何權(quán)限。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果評(píng)估標(biāo)準(zhǔn)1打開(kāi)網(wǎng)站商品正常展示與期望結(jié)果一致結(jié)果評(píng)估標(biāo)準(zhǔn)與期望結(jié)果一致表4-2商品詳情用例用例名稱商品詳情用例標(biāo)識(shí)用例描述在網(wǎng)站首頁(yè)點(diǎn)擊商品的圖片，可以打開(kāi)商品詳情頁(yè)面，查看商品的相應(yīng)價(jià)格，以及商品的購(gòu)買(mǎi)者的評(píng)價(jià)測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明評(píng)估標(biāo)準(zhǔn)測(cè)試結(jié)果0登錄網(wǎng)站首頁(yè)，點(diǎn)擊商品圖片進(jìn)入商品詳情頁(yè)面。顯示商品的價(jià)格、內(nèi)存、顏色、規(guī)格等信息。沒(méi)有涉及庫(kù)存的動(dòng)態(tài)變更結(jié)果評(píng)估標(biāo)準(zhǔn)購(gòu)物車(chē)頁(yè)面要有庫(kù)存的動(dòng)態(tài)變更，隨著客戶的訂單增加，物品的庫(kù)存也應(yīng)該相應(yīng)的減少，讓顧客了解這款產(chǎn)品的實(shí)際數(shù)量。表4-3加入購(gòu)物車(chē)用例用例名稱購(gòu)物車(chē)用例標(biāo)識(shí)用例描述點(diǎn)擊首頁(yè)商品圖片，進(jìn)入商品詳情頁(yè)面，點(diǎn)擊加入購(gòu)物車(chē)把商品加入每個(gè)用戶的購(gòu)物車(chē)中。用戶登陸后才能使用購(gòu)物車(chē)功能。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果評(píng)估結(jié)果0進(jìn)入商品詳情頁(yè)面。點(diǎn)擊加入購(gòu)物車(chē)按鈕。購(gòu)物車(chē)內(nèi)出對(duì)應(yīng)的商品信息，并且可以顯示相應(yīng)的商品詳細(xì)信息與數(shù)量購(gòu)物車(chē)雖然可以添加成功，但是卻并沒(méi)有自動(dòng)跳轉(zhuǎn)到訂單頁(yè)面。結(jié)果評(píng)估標(biāo)準(zhǔn)購(gòu)物車(chē)還需要改進(jìn)，更加的人性化與便捷表4-4生成訂單用例用例名稱生成訂單用例標(biāo)識(shí)用例描述點(diǎn)擊查看購(gòu)物車(chē)的提交訂單，顯示訂單提交成功。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果評(píng)估標(biāo)準(zhǔn)0進(jìn)入購(gòu)物車(chē)頁(yè)面，選擇下單地址，確認(rèn)下單。到個(gè)人中心，查詢訂單信息。與期望結(jié)果一致結(jié)果評(píng)估標(biāo)準(zhǔn)與期望結(jié)果一致（2）后臺(tái)管理模塊，包括訂單管理用例，商品管理用例，顧客管理用例，管理員用例，具體用例如下表所示。表4-5訂單管理用例用例名稱訂單管理用例標(biāo)識(shí)用例描述點(diǎn)擊收藏，方便用戶購(gòu)買(mǎi)。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果測(cè)試結(jié)果0進(jìn)入后臺(tái)管理頁(yè)面，點(diǎn)擊訂單管理到個(gè)人中心，查詢訂單信息?？梢圆榭从唵危⑶疫M(jìn)行發(fā)貨處理，但是查看訂單詳情時(shí)，并沒(méi)有準(zhǔn)確的編號(hào)，不能針對(duì)性的快速查詢結(jié)果評(píng)估標(biāo)準(zhǔn)訂單后臺(tái)管理功能需要改善，使得管理員可以更加便捷的了解到訂單信息，并對(duì)其進(jìn)行各種操作。表4-6商品管理用例用例名稱商品管理用例標(biāo)識(shí)用例描述點(diǎn)擊編輯或者刪除，方便用戶購(gòu)買(mǎi)。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果評(píng)估標(biāo)準(zhǔn)1進(jìn)入后臺(tái)管理頁(yè)面，點(diǎn)擊商品管理到商品首頁(yè)，查詢商品信息。與期望結(jié)果一致結(jié)果評(píng)估標(biāo)準(zhǔn)與期望結(jié)果一致表4-7顧客管理用例用例名稱顧客管理用例標(biāo)識(shí)用例描述點(diǎn)擊編輯或者刪除或者鎖定，方便后臺(tái)管理用戶。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果評(píng)估標(biāo)準(zhǔn)0進(jìn)入后臺(tái)管理頁(yè)面，點(diǎn)擊顧客管理顧客身份可以與自己所注冊(cè)的對(duì)應(yīng)。與期望結(jié)果不一致結(jié)果評(píng)估標(biāo)準(zhǔn)對(duì)于顧客不能隨意的刪除和修改，容易流失客戶，并造成不必要的麻煩與誤會(huì)。表4-8管理員用例用例名稱顧客管理用例標(biāo)識(shí)用例描述點(diǎn)擊編輯或者刪除或者添加，可以隨意的對(duì)管理員進(jìn)行管理。測(cè)試過(guò)程步驟序號(hào)輸入及操作說(shuō)明期望結(jié)果評(píng)估標(biāo)準(zhǔn)1進(jìn)入后臺(tái)管理頁(yè)面，點(diǎn)擊管理員管理管理員的身份全部符合企業(yè)的設(shè)定與期望結(jié)果一致結(jié)果評(píng)估標(biāo)準(zhǔn)與期望結(jié)果一致附錄1、首頁(yè)詳細(xì)設(shè)計(jì)<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><linkrel="stylesheet"type="text/css"href="css/style.css"/><linktype="text/css"rel="stylesheet"href="css/bootstrap.css"><linktype="text/css"rel="stylesheet"href="css/layui.css"><scripttype="text/javascript"src="js/jquery.js"></script><scripttype="text/javascript"src="js/layer.js"></script><scripttype="text/javascript"src="js/layui.js"></script></head><body><divclass="header"style="background-color:#c4b190;"><divid="menu"> <ulclass="layui-navlayui-bg-black"> <liclass="layui-nav-item"><h2style="padding-left:200px;padding-right:30px;">歡迎您來(lái)到歐歌硅藻泥！</h2></li> <liclass="layui-nav-itemlayui-this"myattr="index"><ahref="index.action">首頁(yè)</a></li> <liclass="layui-nav-item"myattr="info"><ahref="info.action">產(chǎn)品介紹</a></li> <liclass="layui-nav-item"myattr="photo"><ahref="photo.action">企業(yè)相冊(cè)</a></li> <liclass="layui-nav-item"myattr="login"><ahref="login.jsp">用戶登陸</a></li> <liclass="layui-nav-item"myattr="register"><ahref="register.jsp">用戶注冊(cè)</a></li> <liclass="layui-nav-item"myattr="admin"><ahref="../admin/login.jsp"target="_blank">后臺(tái)管理</a></li> <listyle="float:right;margin-right:100px;margin-top:20px;"> <formaction="search.action"method="post"id="form_search"> <ahref="javascript:void(0);"onclick="$('#form_search').submit()"style="float:right;margin-left:0;color:black;"> <buttonclass="btnbtn-default">搜索</button></a> <inputtype="text"style="width:70%;"class="form-control"name="searchName"value=""placeholder="輸入商品關(guān)鍵字"/> </form> </li> </ul></div></div></body></html> <divclass="index_center_content"style="width:80%;margin-left:10%;"> <divclass="layui-carousel"id="test10"> <divcarousel-item=""> <div><imgclass="swarp_img"src="images/3.jpg"></div> <div><imgclass="swarp_img"src="images/4.jpg"></div> <div><imgclass="swarp_img"src="images/5.jpg"></div> </div> </div> <divclass="index_left_content"> <spanclass="title">硅藻泥精品</span> <divclass="new_products"style="display:flex;flex-wrap:wrap;"> <divclass="new_prod_boxtrade_ls"> <ahref="detail.action?id=1">硅藻泥彈涂</a> <divclass="new_prod_bg"> <ahref="detail.action?id=1"><imgsrc="..//picture/1.jpg" class="thumb_big"border="0"/></a> </div> </div> <divclass="new_prod_boxtrade_ls"> <ahref="detail.action?id=2">硅藻泥布藝</a> <divclass="new_prod_bg"> <ahref="detail.action?id=2"><imgsrc="..//picture/2.jpg" class="thumb_big"border="0"/></a> </div> </div> <divclass="new_prod_boxtrade_ls"> <ahref="detail.action?id=3">硅藻泥之樹(shù)皮</a> <divclass="new_prod_bg"> <ahref="detail.action?id=3"><imgsrc="..//picture/3.jpg" class="thumb_big"border="0"/></a> </div> </div> <divclass="new_prod_boxtrade_ls"> <ahref="detail.action?id=4">硅藻泥之土輪</a> <divclass="new_prod_bg"> <ahref="detail.action?id=4"><imgsrc="..//picture/4.jpg" class="thumb_big"border="0"/></a> </div> </div> <divclass="new_prod_boxtrade_ls"> <ahref="detail.action?id=5">硅藻泥之?dāng)M絲</a> <divclass="new_prod_bg"> <ahref="detail.action?id=5"><imgsrc="..//picture/5.jpg" class="thumb_big"border="0"/></a> </div> </div> <divclass="new_prod_boxtrade_ls"> <ahref="detail.action?id=6">歐歌凈味寶</a> <divclass="new_prod_bg"> <ahref="detail.action?id=6"><imgsrc="..//picture/6.jpg" class="thumb_big"border="0"/></a> </div> </div> </div> <divclass="clear"></div> </div> <!-- <divclass="notice"> <imgclass="notice_img"alt=""src="images/gonggao_bg.jpg"/> <h3class="notice_titile">公告欄</h3 </div>--> <divclass="clear"></div> </div> <!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title></title></head><body><divclass="footer"> <palign="center"style="width:100%;height:50px;text-align:center;margin-top:50px;color:#878B91;">Copyright©2019company歐歌硅藻泥.</p></div></body></html> </div><scripttype="text/javascript"> $(function(){ $(".layui-nav-item").removeClass("layui-this"); $("li[myattr='index']").addClass("layui-this"); })</script><script>layui.use(['carousel','form'],function(){varcarousel=layui.carousel,form=layui.form;//圖片輪播carousel.render({elem:'#test10',width:'100%',height:'440px',interval:5000});});</script></body></html>2、企業(yè)相冊(cè)詳細(xì)頁(yè)面<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>企業(yè)相冊(cè)</title></head><body> <divid="wrap"><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><linkrel="stylesheet"type="text/css"href="css/style.css"/><linktype="text/css"rel="stylesheet"href="css/bootstrap.css"><linktype="text/css"rel="stylesheet"href="css/layui.css"><scripttype="text/javascript"src="js/jquery.js"></script><scripttype="text/javascript"src="js/layer.js"></script><scripttype="text/javascript"src="js/layui.js"></script></head><body><divclass="header"style="background-color:#c4b190;"><divid="menu"> <ulclass="layui-navlayui-bg-black"> <liclass="layui-nav-item"><h2style="padding-left:200px;padding-right:30px;">歡迎您來(lái)到歐歌硅藻泥！</h2></li> <liclass="layui-nav-itemlayui-this"myattr="index"><ahref="index.action">首頁(yè)</a></li> <liclass="layui-nav-item"myattr="info"><ahref="info.action">產(chǎn)品介紹</a></li> <liclass="layui-nav-item"myattr="photo"><ahref="photo.action">企業(yè)相冊(cè)</a></li> <liclass="layui-nav-item"myattr="login"><ahref="login.jsp">用戶登陸</a></li> <liclass="layui-nav-item"myattr="register"><ahref="register.jsp">用戶注冊(cè)</a></li> <liclass="layui-nav-item"myattr="admin"><ahref="../admin/login.jsp"target="_blank">后臺(tái)管理</a></li> <listyle="float:right;margin-right:100px;margin-top:20px;"> <formaction="search.action"method="post"id="form_search"> <ahref="javascript:void(0);"onclick="$('#form_search').submit()"style="float:right;margin-left:0;color:black;"> <buttonclass="btnbtn-default">搜索</button></a> <inputtype="text"style="width:70%;"class="form-control"name="searchName"value=""placeholder="輸入商品關(guān)鍵字"/> </form> </li> </ul></div></div></body></html> <divclass="center_content"style="margin-bottom:80px;"> <divclass="left_content"> <divclass="new_products"style="display:flex;flex-wrap:wrap;"> <divclass="new_prod_boxtrade_ls"> <divclass="new_prod_bg"> <imgsrc="images/6.jpg" width="220px"height="230px;"border="0"/> </div> </div> <divclass="new_prod_boxtrade_ls"> <divclass="new_prod_bg"> <imgsrc="images/7.jpg" width="220px"height="230px;border="0"/> </div> </div> <divclass="new_prod_boxtrade_ls"> <divclass="new_prod_bg"> <imgsrc="images/8.jpg" width="220px"height="230px;border="0"/> </div> </div> <divclass="new_prod_boxtrade_ls"> <divclass="new_prod_bg"> <imgsrc="images/9.jpg" width="220px"height="230px;border="0"/> </div> </div> <divclass="new_prod_boxtrade_ls"> <divclass="new_prod_bg"> <imgsrc="images/10.jpg" width="220px"height="230px;border="0"/> </div> </div> <divclass="new_prod_boxtrade_ls"> <divclass="new_prod_bg"> <imgsrc="images/11.jpg" width="220px"height="230px;border="0"/> </div> </div> </div> </div> </div> <!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title></title></head><body><divclass="footer"> <palign="center"style="width:100%;height:50px;text-align:center;margin-top:50px;color:#878B91;">Copyright©2019company歐歌硅藻泥.</p></div></body></html> </div> <scripttype="text/javascript"> $(function(){ $(".layui-nav-item").removeClass("layui-this"); $("li[myattr='about']").addClass("layui-this"); })</script> <script>layui.use(['element','layer'],function(){varelement=layui.element;varlayer=layui.layer;//監(jiān)聽(tīng)折疊/*element.on('collapse(test)',function(data){layer.msg('展開(kāi)狀態(tài)：'+data.show);});*/});</script></body></html>3、后臺(tái)管理詳細(xì)頁(yè)面<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>后臺(tái)管理</title><linkrel="stylesheet"href="css/bootstrap.css"media="all"><linkrel="stylesheet"href="css/layui.css"media="all"/><linkre