寵物商城的設(shè)計與實現(xiàn)【摘要】此次課題設(shè)計到的系統(tǒng)，商家可以上架自己的寵物，需要購買的用戶可以購買自己中意的寵物，很大的程度上方便了商家及客戶，不用像以往那樣在線下開店然后去維護(hù)，在線上進(jìn)行的話，商家不僅節(jié)省了開店成本，也省去了以往的復(fù)雜的維護(hù)模式。此次寵物商城系統(tǒng)的設(shè)計采用Java編程語言、數(shù)據(jù)庫使用了開源的MySQL，來存儲系統(tǒng)所產(chǎn)生的數(shù)據(jù)。這次采用這些技術(shù)準(zhǔn)備設(shè)計一個在線的寵物管理系統(tǒng)，以便于人員更好的管理寵物的信息，系統(tǒng)包括了寵物系統(tǒng)的登錄和注冊，寵物系統(tǒng)的分類管理，寵物信息歸類。本文介紹了系統(tǒng)的整體設(shè)計和各個功能模塊的具體實現(xiàn)過程?！娟P(guān)鍵詞】Java；MySQL；寵物商城系統(tǒng)目錄一、引言 一、引言網(wǎng)站背景網(wǎng)絡(luò)購物是目前大部分人的購物方式，目前用的最多的綜合性購物網(wǎng)站是淘寶，京東，阿里巴巴，拼多多等。隨著飼養(yǎng)寵物的人增加，寵物經(jīng)濟(jì)也越來越受到關(guān)注，據(jù)不完全統(tǒng)計，我國是以純種狗和貓為主的寵物市場，年消費增長率在20%以上。寵物行業(yè)包括寵物美容、醫(yī)療、衣食住等多種服務(wù)和商品銷售。目前，針對寵物的專門電商網(wǎng)站還不多，小雨寵物商城就是以寵物為主題的專門性電子商務(wù)網(wǎng)站。網(wǎng)站意義小雨寵物商城網(wǎng)站是為了更多喜歡寵物的人提供了購買平臺，寵物可以陪伴人們，給人們心靈慰藉，就像導(dǎo)盲犬，它可以為盲人指路，給盲人帶來了許多的便利，就像搜救犬，在許多救援行動中都可以看到它們的身影。雨寵物商城網(wǎng)站不僅可以給人帶來幫助，對于寵物來說也是一種救援，將一些由于個人原因不能養(yǎng)的寵物放在網(wǎng)上售賣，買家可以以極低的價格購買到心儀的動物，同時作為賣家可以給心愛的寵物找到第二個小家，這樣可以大面積減少流浪寵物的數(shù)量。二、關(guān)鍵技術(shù)簡介（一）MySQL開源數(shù)據(jù)庫MySQL是由瑞典MySQLAB公司開發(fā)的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一。MySQL使用訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言SQL，由于其是開源的，同時體積小、速度快、總體擁有成本低等特點，中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。小雨寵物商城網(wǎng)站也使用MySQL數(shù)據(jù)庫存儲數(shù)據(jù)，共設(shè)計了用戶表，寵物表，分類信息表，訂單信息表，購物車信息表和評價表。（二）前端技術(shù)框架本系統(tǒng)的前端采用了HTML+CSS+JavaScript的設(shè)計，使用流行的jQuery和BootStrap框架進(jìn)行敏捷開發(fā)。jQuery是一個JS的方法組件庫，它能極大的簡化代碼，提升系統(tǒng)的開發(fā)效率。BootStrap提供了優(yōu)雅的HTML和CSS規(guī)范，是一個前端的快速構(gòu)建的UI庫，它是由動態(tài)CSS語言Less寫成。小雨寵物商城網(wǎng)站使用jQuery和BootStrap框架，大大提升前端頁面的開發(fā)效率。（三）Java開發(fā)語言Java具有簡單性、面向?qū)ο?、分布式、健壯性、安全性、平臺獨立與可移植性、多線程、動態(tài)性等特點。Java極好地實現(xiàn)了面向?qū)ο罄碚摚试S程序員以優(yōu)雅的思維方式進(jìn)行復(fù)雜的編程，是靜態(tài)面向?qū)ο缶幊陶Z言的代表。小雨寵物商城網(wǎng)站后臺使用MyEclipse開發(fā)工具，采用功能強大和簡單易用的面向?qū)ο缶幊陶Z言Java開發(fā)，使得開發(fā)的系統(tǒng)更加可靠安全。（四）SSM框架技術(shù)SSM（Spring+SpringMVC+MyBatis）框架集是數(shù)據(jù)源較簡單的web項目的框架，具體由Spring、MyBatis兩個開源框架整合而成。Spring在配置文件中可以指定使用特定的參數(shù)去調(diào)用實體類的構(gòu)造方法來實例化對象。SpringMVC的核心Servlet將用戶請求通過HandlerMapping去匹配Controller。MyBatis是對jdbc的封裝，它讓數(shù)據(jù)庫底層操作變的透明。SSM框架技術(shù)，利用Spring提供IoC容器和AOP面向切面編程的一個容器，SpringMVC封裝好了Servlet，我們不需要再去編寫Servlet代碼，MyBatis將所有的東西封裝起來，然后實現(xiàn)零編寫實現(xiàn)簡單的Sql語句，實現(xiàn)前后端的解耦拆分。三、網(wǎng)站需求分析小雨寵物商城主要是方便用戶去瀏覽寵物信息，方便用戶去使用本系統(tǒng)篩選到自己喜歡的寵物，然后通過本系統(tǒng)可以進(jìn)行購買以及配送。登錄注冊模塊：系統(tǒng)提供接口給用戶進(jìn)行入駐和登入。寵物信息模塊：用戶根據(jù)自己喜歡的樣子進(jìn)行篩選寵物，并且支持精確篩選，能提供用戶更好的使用體驗。寵物購物車模塊：系統(tǒng)用戶可以對自己喜歡的寵物進(jìn)行加入購物車，然后在訂單中心一起結(jié)算。訂單模塊：訂單模塊提供用戶訂單的服務(wù)，然后讓用戶可以在本系統(tǒng)中進(jìn)行下單操作。寵物管理模塊：系統(tǒng)的維護(hù)人員可以進(jìn)行管理系統(tǒng)中存在的寵物信息。四、網(wǎng)站設(shè)計與實現(xiàn)網(wǎng)站功能模塊設(shè)計在用戶進(jìn)入瀏覽器后，輸入本系統(tǒng)的網(wǎng)址，然后進(jìn)入系統(tǒng)的首頁，用戶需要登錄操作，然后才能進(jìn)行操作，在登錄和注冊過程中需要用戶輸入正確的賬號與密碼，然后通過后端的服務(wù)器授權(quán)，然后進(jìn)行下一步操作。系統(tǒng)支持自動生成寵物編號，用戶無需進(jìn)行手動的錄入信息，并且在進(jìn)行存儲的時候會對整個系統(tǒng)的數(shù)據(jù)進(jìn)行檢驗，如果檢驗通過，將記錄進(jìn)入數(shù)據(jù)庫中，否則就將提示用戶信息，然后讓用戶重新修改信息以通過檢驗。管理人員在修改信息的頁面進(jìn)行信息修改時，系統(tǒng)首先會對管理員輸入的數(shù)據(jù)的進(jìn)行合法性判斷，如果合法則信息修改成功，該信息會重新更新，否則就不能成功修改，再次返回到上一層。系統(tǒng)的維護(hù)人員在進(jìn)行操作信息時，需要進(jìn)行認(rèn)證，并且會對維護(hù)人員操作的數(shù)據(jù)進(jìn)行校驗，如果校驗通過，則允許其修改，否則就不允許通過。結(jié)合了以上的系統(tǒng)模塊設(shè)計，對其系統(tǒng)劃分了一個系統(tǒng)的功能模塊流程圖，如圖4-1所示。圖4-1功能模塊圖（二）網(wǎng)站數(shù)據(jù)模型設(shè)計1．實體關(guān)系（E-R）圖設(shè)計根據(jù)寵物商城系統(tǒng)的業(yè)務(wù)需求，表設(shè)計大致如下：用戶信息表：存放系統(tǒng)產(chǎn)生的所有用戶的信息。寵物信息表：存放系統(tǒng)存在的所有寵物的信息。寵物分類表：存放寵物所有的分類，并與寵物信息表對應(yīng)。訂單支付信息表：系統(tǒng)產(chǎn)生的所有信息將存在與此。購物車表：存放系統(tǒng)用戶產(chǎn)生的所有購物車信息。購物評價表：存放系統(tǒng)所有用戶產(chǎn)生的評價信息。邏輯設(shè)計ER圖如圖4-2所示。圖4-2數(shù)據(jù)庫E-R圖2．?dāng)?shù)據(jù)表的創(chuàng)建用戶基本表user用來存儲用戶的基本信息，如表4-1所示：表4-1用戶基本表（user）序號列名數(shù)據(jù)類型主鍵允許空1userIDInt(11)是否2userNamevarchar(155)是3passwordvarchar(155)是4receivervarchar(155)是5addressvarchar(144)是6phonevarchar(144)是寵物信息表fresh用來儲存寵物的基本信息，如表4-2所示：表4-2寵物信息表（fresh）序號列名數(shù)據(jù)類型主鍵允許空1freshIDInt(11)是否2freshNamevarchar(144)是3freshSizevarchar(144)是4freshPricevarchar(133)是5freshDetailvarchar(123)是6urlvarchar(132)是分類信息表type用來存儲寵物分類，如表4-3所示：表4-3分類信息表（type）序號列名數(shù)據(jù)類型主鍵允許空1typeIDInt(23)是否2typeNamevarchar(123)是訂單信息表bill存儲訂單信息，如表4-4所示：表4-4訂單信息表（bill）序號列名數(shù)據(jù)類型主鍵允許空1billIDInt(14)是否2billTimevarchar(123)是3freshIDvarchar(156)是4billStatevarchar(234)是5freshDetailvarchar(123)是6receivervarchar(125)是7phonevarchar(159)8addressvarchar(159)9numint(159)10totalpricedecimal(10,2)11logisticsIDvarchar(159)12logisticsIDvarchar(159)13companyvarchar(159)購物車信息表car存儲購物車的基本信息，如表4-5所示：表4-5購物車信息表（car）序號列名數(shù)據(jù)類型主鍵允許空1carIDint(11)是否2freshIDint(11)是3userIDint(11)是4numint(11)是評價信息表comment存儲用戶評論，以后用來做分析，如表4-6所示：表4-6評價信息表（comment）序號列名數(shù)據(jù)類型主鍵允許空1commentIDint(11)是否2contentvarchar(159)是3userIDint(11)是4timedatetime是5billIDint(13)是前臺設(shè)計與實現(xiàn)1．寵物系統(tǒng)首頁的詳細(xì)設(shè)計（1）普通用戶/客戶身份登陸的首頁首頁根據(jù)路徑“/index.action”，url輸入后即跳轉(zhuǎn)到index的頁面，首頁展示了所有存在的熱賣寵物信息，然后通過前端渲染給用戶，并且取了當(dāng)前系統(tǒng)存在的前十個熱門寵物，然后將其進(jìn)行分頁查詢，然后保存在list集合中，然后封裝進(jìn)入model。如圖4-3所示：圖4-3普通用戶首頁（2）管理員登錄的頁面系統(tǒng)為管理員提供了操作寵物信息的權(quán)限，并可以將寵物進(jìn)行分類，如圖4-4所示：圖4-4管理員首頁管理員身份登錄核心代碼如下（先去查詢數(shù)據(jù)，然后管理驗證，然后返回值）:2．登錄模塊的詳細(xì)設(shè)計用戶模塊分為兩大核心功能，登錄操作，注冊操作，用戶通過ui頁面進(jìn)行鍵入個人信息來進(jìn)行不同的操作，服務(wù)器通過用戶給與的不同的信息然后返回不同的結(jié)果。用戶登錄界面如圖4-5所示。圖4-5用戶登錄界面當(dāng)用戶在登錄頁輸入了自己的私人賬號和信息，然后這個時候就會有前端發(fā)起請求將數(shù)據(jù)傳遞給后端，然后后端拿到了數(shù)據(jù)，與數(shù)據(jù)庫中的信息進(jìn)行比對，然后根據(jù)對錯進(jìn)行返回不同的結(jié)果集。3．查詢模塊功能的詳細(xì)設(shè)計系統(tǒng)用戶在使用此系統(tǒng)的時候，一般會進(jìn)行專門的搜索，然后購買自己心儀的寵物，不可能就直接手動一頁一頁的查看寵物，所以這時候就非常需要模糊查詢這一功能，通過前端進(jìn)行傳遞篩選參數(shù)，然后后端根據(jù)篩選參數(shù)給與不同的結(jié)果信息，然后將當(dāng)前返回的最新的數(shù)據(jù)渲染進(jìn)入前端，如4-6所示：圖4-6查詢功能界面查詢功能模塊控制器關(guān)鍵代碼如下（先去設(shè)置分頁，然后顯示，然后用分頁插件最后返回數(shù)據(jù)集合最后返回）：4．購物車模塊的詳細(xì)設(shè)計用戶在對于系統(tǒng)中的一系列心儀的寵物可以將寵物加入購物車，點擊后，會請求后端接口，然后將參數(shù)傳遞到后端，往購物車表中插入數(shù)據(jù)，在car.html中展示購物車的信息，如圖4-7所示：圖4-7購物車界面購物車模塊的關(guān)鍵代碼（先去根據(jù)用戶去獲取數(shù)據(jù)然后校驗一下如果數(shù)據(jù)為空就返回404，后來就去驗證數(shù)據(jù)集添加最后返回）如下：5．個人信息模塊的詳細(xì)設(shè)計在個人信息這個模塊中，用戶可以對舊信息進(jìn)行更新，然后將最新的數(shù)據(jù)更新到數(shù)據(jù)庫中。如圖4-8所示：圖4-8個人信息界面?zhèn)€人信息模塊關(guān)鍵代碼如下（先去根據(jù)用戶去獲取數(shù)據(jù)然后校驗一下如果數(shù)據(jù)為空就返回404，后來就去驗證數(shù)據(jù)集添加最后返回）：6．賬單信息模塊的詳細(xì)設(shè)計賬單信息模塊可以查看客戶的賬單信息，在賬單信息模塊中還能對未付款的訂單進(jìn)行付款或者取消訂單。在賬單信息模塊中，客戶/用戶可隨時查看自己下的訂單。先編寫bill.html頁面，其中包含用戶的購物信息和收貨地址、收貨人和聯(lián)系方式。當(dāng)用戶點擊car.html中的生成訂單按鈕時，向后端發(fā)送請求，后端從session中拿到購物車中的參數(shù)，并將這些參數(shù)保存于bill表中，此時，需要清空購物車，最后跳轉(zhuǎn)到bill.html頁面讓用戶填寫資料，并付款。如圖4-9所示：圖4-9賬單信息界面當(dāng)用戶進(jìn)入賬單模塊時，系統(tǒng)會根據(jù)用戶，自動獲取該用戶的訂單數(shù)量、訂單狀態(tài)等信息。關(guān)鍵代碼如下：7．刪除寵物刪除寵物的邏輯就是根據(jù)寵物的一個id去刪除數(shù)據(jù)表中的一行記錄，如圖4-10所示：圖4-10刪除寵物8．修改寵物信息修改寵物信息其實就是根據(jù)寵物的id去update一下這一行記錄，如圖4-11所示：圖4-11編輯寵物信息9．新增寵物新增寵物是添加一個form表單，講寵物信息提交進(jìn)controller接口，如圖4-12所示：圖4-12新增寵物10．用戶管理有些商家是有自己的用戶信息合計，所以商家要對其用戶的基本信息做統(tǒng)一管理，如圖4-13所示。圖4-13員工管理代碼實現(xiàn)如下（先用正則表達(dá)式去校驗設(shè)置一下然后輸入后然后返回）：后臺設(shè)計與實現(xiàn)1．訂單模塊的詳細(xì)設(shè)計系統(tǒng)維護(hù)人員，通過管理員賬號登錄，然后就可以查看到系統(tǒng)所有的訂單信息，然后根據(jù)不同的訂單信息，進(jìn)行如期的發(fā)貨操作，如圖4-14所示：圖4-14訂單管理界面代碼實現(xiàn)如下（先去根據(jù)用戶去獲取數(shù)據(jù)然后校驗一下如果數(shù)據(jù)為空就返回404，后來就去驗證數(shù)據(jù)集添加最后返回）：2．寵物管理模塊的詳細(xì)設(shè)計系統(tǒng)維護(hù)人員通過管理員賬號登錄系統(tǒng)，就可以對系統(tǒng)存在的所有寵物進(jìn)行管理，對寵物進(jìn)行刪除、修改、新增操作。首先需要編寫寵物的添加頁面，然后通過寵物管理頁面進(jìn)行添加寵物信息，然后點擊后跳轉(zhuǎn)到新增頁面，然后通過填寫信息錄入寵物信息。然后通過前端發(fā)起異步請求將數(shù)據(jù)快速傳給后端服務(wù)器，然后經(jīng)過服務(wù)器處理，然后由前端跳轉(zhuǎn)至管理頁面，如圖4-15所示：圖4-15寵物管理界面關(guān)鍵代碼如下（先去設(shè)置分頁，然后顯示，然后用分頁插件最后返回數(shù)據(jù)集合最后返回）：寵物管理模塊中的刪除、修改和新增功能的關(guān)鍵代碼如下：3．新增分類管理的詳細(xì)設(shè)計通過管理員身份登陸，即可進(jìn)入分類管理模塊。在分類模塊中可以看到所有分類的詳細(xì)信息，也包括對分類進(jìn)行刪除、修改和新增處理。然后利用AJAX異步處理技術(shù)上傳信息。如圖4-16所示：圖4-16管理系統(tǒng)頁面分類管理模塊的關(guān)鍵代碼如下(先去設(shè)置分頁，然后顯示，然后用分頁插件最后返回數(shù)據(jù)集合最后返回)：分類管理模塊中的刪除、修改和新增功能的關(guān)鍵代碼如下：4．刪除分類管理的詳細(xì)設(shè)計刪除分類管理是根據(jù)每個分類的id進(jìn)行刪除，如圖4-18所示：圖4-18刪除分類代碼實現(xiàn)如下：5．修改分類管理修改分類是根據(jù)分類的id去編輯這條分類記錄的屬性字段，如圖4-17所示。圖4-17修改分類代碼實現(xiàn)如下所示：

五、總結(jié)小雨寵物商城網(wǎng)站的開發(fā)使用到了Java開發(fā)相關(guān)技術(shù)，運用了企業(yè)常用的SSM框架，借鑒了綜合電商平臺的一般業(yè)務(wù)流程。系統(tǒng)的開發(fā)主要實現(xiàn)了對寵物信息相關(guān)管理，主要功能包括：用戶登錄和用戶注冊、寵物分類管理、寵物信息管理、個人訂單管理、個人中心、系統(tǒng)管理等。網(wǎng)站最終能在Windows操作系統(tǒng)下正常運行，實現(xiàn)了課題開發(fā)前進(jìn)行的需求分析，滿足了寵物商城網(wǎng)站用戶的使用和寵物店家對寵物信息的管理。通過完整系統(tǒng)的開發(fā)，進(jìn)一步提升了對Java語言的熟悉程度，能夠把技術(shù)靈活的運用到實際項目中?？傮w來說，這個系統(tǒng)完成的十分的成功。開發(fā)過程中也遇到了數(shù)據(jù)庫相關(guān)的報錯，一開始光看控制臺還找不到錯誤原因，后來通過查閱數(shù)據(jù)，知道了數(shù)據(jù)庫日志，然后通過查詢錯誤日志，終于知道了，由于我的一個疏忽，將DDL語句寫錯了。導(dǎo)致錯誤一直阻塞在數(shù)據(jù)庫系統(tǒng)中，后面的請求都沒能過去。因此我知道了，在數(shù)據(jù)庫中，學(xué)會如何使用日志定位問題是非常重要的。通過本次系統(tǒng)的開發(fā)，我的收獲很大，學(xué)到了很多東西，學(xué)會了去設(shè)計數(shù)據(jù)庫，學(xué)會了SSM框架，知道了如何