計(jì)算機(jī)畢業(yè)設(shè)計(jì)SSM校園OTO超市系統(tǒng)論文

第3章系統(tǒng)分析3.1系統(tǒng)需求分析需求分析主要是對(duì)項(xiàng)目做的前期準(zhǔn)備，市場(chǎng)調(diào)查，同時(shí)進(jìn)行了全面深入的探討和分析的基礎(chǔ)上進(jìn)行的。在項(xiàng)目開(kāi)始之前，必須做一個(gè)詳細(xì)的需求分析，確定了系統(tǒng)將要設(shè)計(jì)的頁(yè)面、性能和所要實(shí)現(xiàn)的功能。3.1.1性能需求一個(gè)系統(tǒng)的性能首先要考慮它的穩(wěn)定性；其次就是系統(tǒng)的速度，速度快了，用戶(hù)體驗(yàn)也就提高了；最后考慮系統(tǒng)的可擴(kuò)展性，能夠在現(xiàn)有框架不變的情況下對(duì)業(yè)務(wù)邏輯進(jìn)行增加，方便進(jìn)行二次開(kāi)發(fā)；系統(tǒng)重點(diǎn)要考慮的就是用戶(hù)體驗(yàn)，所以盡可能的使項(xiàng)目頁(yè)面美觀(guān)、友好、操作簡(jiǎn)單。3.1.2功能需求本系統(tǒng)是針對(duì)高校學(xué)生而設(shè)計(jì)的網(wǎng)站。針對(duì)需求功能的特點(diǎn)，本系統(tǒng)分為前臺(tái)用戶(hù)部分（買(mǎi)家）和后臺(tái)管理員部分（賣(mài)家）。前臺(tái)用戶(hù)部分（買(mǎi)家）根據(jù)對(duì)O2O校園超市功能的調(diào)查和研究，前臺(tái)主要是用戶(hù)對(duì)商品的展示和購(gòu)買(mǎi)，主要實(shí)現(xiàn)以下功能：用戶(hù)管理模塊：用戶(hù)注冊(cè)、用戶(hù)登錄。商品瀏覽模塊：系統(tǒng)首頁(yè)、商品的分類(lèi)、新品上架、熱銷(xiāo)商品瀏覽。購(gòu)物車(chē)模塊：商品數(shù)量增加，商品的刪除。提交訂單模塊：填寫(xiě)收貨地址，選擇收貨方式，確認(rèn)商品信息，生成訂單。我的訂單模塊：對(duì)所購(gòu)商品的訂單查看，與后臺(tái)的訂單管理是對(duì)應(yīng)的，操作狀態(tài)會(huì)根據(jù)不同的情況而變化。訂單詳情模塊：查看此次訂單所購(gòu)商品的詳細(xì)信息。后臺(tái)管理員部分（賣(mài)家）根據(jù)對(duì)O2O校園超市功能的特點(diǎn)，后臺(tái)主要是方便對(duì)商品的管理和維護(hù)，主要實(shí)現(xiàn)以下功能：管理員模塊：管理員登錄。發(fā)布商品模塊：對(duì)商品進(jìn)行發(fā)布，展示到前臺(tái)頁(yè)面。商品管理模塊：對(duì)前臺(tái)商品可進(jìn)行刪除操作。訂單管理模塊：進(jìn)行訂單管理，與前臺(tái)的我的訂單是對(duì)應(yīng)的。訂單詳情模塊：查看此次訂單商品的詳細(xì)信息。3.2數(shù)據(jù)庫(kù)需求分析數(shù)據(jù)庫(kù)顧名是存儲(chǔ)數(shù)據(jù)的一個(gè)倉(cāng)庫(kù)，在計(jì)算機(jī)內(nèi)要想對(duì)數(shù)據(jù)有組織的，可共享的存儲(chǔ)必然要存儲(chǔ)在數(shù)據(jù)庫(kù)當(dāng)中，從而實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)化的，無(wú)有害的和不必要的冗余，這些數(shù)據(jù)的特點(diǎn)是盡可能的不重復(fù)；獨(dú)立于應(yīng)用程序的；對(duì)數(shù)據(jù)的增刪改查由統(tǒng)一管理和控制的；易于擴(kuò)展。通過(guò)之前的分析和研究，設(shè)計(jì)出能夠滿(mǎn)足用戶(hù)需求的屬性以及實(shí)體之間的聯(lián)系。本系統(tǒng)對(duì)數(shù)據(jù)庫(kù)中的操作有增加、修改、刪除等。針對(duì)本系統(tǒng)設(shè)計(jì)出一套優(yōu)越的數(shù)據(jù)庫(kù)，使得高效的存儲(chǔ)數(shù)據(jù)，數(shù)據(jù)庫(kù)設(shè)計(jì)如下：用戶(hù)信息表：用于存儲(chǔ)用戶(hù)信息。商品信息表：用于存儲(chǔ)商品信息。購(gòu)物車(chē)表：用于記錄用戶(hù)存放商品的信息。訂單信息父表：用于記錄每一條訂單的信息。訂單子信息子表：用于存儲(chǔ)訂單里的商品信息。地址信息表：用于存儲(chǔ)地址信息。3.3可行性分析3.3.1技術(shù)可行性本系統(tǒng)總體設(shè)計(jì)采用了MVC的設(shè)計(jì)模式，和面向?qū)ο蟮拈_(kāi)發(fā)思想，根據(jù)Struts+Sping+Mybatis框架的規(guī)則去劃分視圖，控制器和實(shí)體類(lèi)以及調(diào)用關(guān)系，采用當(dāng)前最流行的Java語(yǔ)言，提供代碼的易維護(hù)性，易讀性，增加類(lèi)內(nèi)部調(diào)動(dòng)的靈活性。前臺(tái)采用JSP進(jìn)行用戶(hù)頁(yè)面的編輯、開(kāi)發(fā)、管理；利用JavaScript腳本語(yǔ)言對(duì)頁(yè)面進(jìn)行腳本處理，使界面更加友好和完善；數(shù)據(jù)庫(kù)采用MySQL，處理速度快高效以滿(mǎn)足系統(tǒng)的性能要求；本系統(tǒng)采用的當(dāng)前流行的開(kāi)發(fā)工具M(jìn)yeclipse和Tomcat服務(wù)器，節(jié)約了開(kāi)發(fā)成本。本系統(tǒng)從開(kāi)發(fā)角度及技術(shù)方面都是可行的。3.3.2經(jīng)濟(jì)可行性所謂系統(tǒng)的經(jīng)濟(jì)可行性就是指為了系統(tǒng)的開(kāi)發(fā)，設(shè)計(jì)和維持運(yùn)行所需要的各項(xiàng)經(jīng)費(fèi)開(kāi)支。從而擴(kuò)大了客戶(hù)的需求量，減少不要的步驟，提高工作效率。本系統(tǒng)只需要一臺(tái)PC機(jī)，應(yīng)用的開(kāi)發(fā)環(huán)境都是免費(fèi)的，本系統(tǒng)個(gè)人獨(dú)立設(shè)計(jì)，節(jié)省了許多費(fèi)用，給網(wǎng)站節(jié)約了成本，該網(wǎng)站充分將成本最低，利益最大化。所以從經(jīng)濟(jì)上是完全可行的。3.3.3操作可行性本系統(tǒng)的操作都是根據(jù)需求分析調(diào)查，從用戶(hù)體驗(yàn)出發(fā)，將系統(tǒng)的界面和功能設(shè)計(jì)的簡(jiǎn)單易懂，符合用戶(hù)的操作習(xí)慣。系統(tǒng)在設(shè)計(jì)時(shí)，充分考慮用戶(hù)能夠在短時(shí)間內(nèi)熟悉系統(tǒng)各項(xiàng)的功能流程，因而遵循常規(guī)購(gòu)物網(wǎng)站的流程。本系統(tǒng)是針對(duì)是經(jīng)常購(gòu)物和喜歡購(gòu)物的用戶(hù)，用戶(hù)只需懂得操作電腦的流程，就可進(jìn)行購(gòu)買(mǎi)商品，不需要具備專(zhuān)業(yè)的電腦技術(shù)知識(shí)。網(wǎng)站的操作簡(jiǎn)單，用戶(hù)體驗(yàn)好充分說(shuō)明了校園O2O超市系統(tǒng)的操作可行性。3.4本章小結(jié)本章主要是從系統(tǒng)需求、數(shù)據(jù)庫(kù)需求和可行性這幾個(gè)方面進(jìn)行了分析。首先，通過(guò)對(duì)市場(chǎng)的調(diào)查進(jìn)行了需求分析，一個(gè)好的系統(tǒng)項(xiàng)目，首先要有一定的時(shí)間來(lái)進(jìn)行需求調(diào)查，最終分析出本系統(tǒng)所要呈現(xiàn)的網(wǎng)站的頁(yè)面，設(shè)計(jì)需要簡(jiǎn)單、頁(yè)面友好、操作容易，以及各個(gè)模塊相關(guān)功能。詳細(xì)的分析出數(shù)據(jù)庫(kù)里面的表與字段，使得能夠高效的輸入、輸出數(shù)據(jù)。最后分析了系統(tǒng)的可行性，主要分析了技術(shù)可行性、經(jīng)濟(jì)可行性和操作可行性，通過(guò)以上分析都說(shuō)明了該系統(tǒng)是可行的，只有進(jìn)行了充分的分析，才能為后面的設(shè)計(jì)做好鋪墊。第4章總體設(shè)計(jì)總體設(shè)計(jì)是對(duì)系統(tǒng)進(jìn)行的一個(gè)總體而又完善的設(shè)計(jì)結(jié)構(gòu)，為系統(tǒng)確定整體的框架，進(jìn)一步對(duì)系統(tǒng)各階段的總體概貌。4.1系統(tǒng)設(shè)計(jì)目標(biāo)作為一個(gè)完整的校園O2O超市系統(tǒng)，主要分為買(mǎi)家部分和賣(mài)家部分。買(mǎi)家部分需要讓用戶(hù)瀏覽商品，對(duì)自己喜歡的商品可以查看詳細(xì)信息，從而根據(jù)自己的選擇加入購(gòu)物車(chē)，并生成訂單；賣(mài)家部分則是需要發(fā)布商品信息，對(duì)商品信息進(jìn)行及時(shí)更新、更新訂單信息狀態(tài)，本系統(tǒng)的主要目的是方便高校學(xué)生選購(gòu)商品。從實(shí)際出發(fā)，買(mǎi)家部分主要包括用戶(hù)注冊(cè)登錄、首頁(yè)瀏覽、商品分類(lèi)瀏覽、商品詳情、加入購(gòu)物車(chē)、購(gòu)物車(chē)列表、訂單生成、我的訂單和訂單詳情；賣(mài)家包括管理員登錄、商品管理、訂單管理。用戶(hù)注冊(cè)登錄：為了提高系統(tǒng)的安全性，登錄后才能進(jìn)行購(gòu)買(mǎi)。未登錄的用戶(hù)只能瀏覽商品，用戶(hù)注冊(cè)時(shí)需填寫(xiě)手機(jī)號(hào)、密碼、確認(rèn)密碼，注冊(cè)完成之后可登錄；登錄時(shí)需填手機(jī)號(hào)、密碼。網(wǎng)站首頁(yè)：網(wǎng)站首頁(yè)是用戶(hù)進(jìn)入系統(tǒng)后第一個(gè)看見(jiàn)的頁(yè)面，所以頁(yè)面的整體結(jié)構(gòu)非常重要，首先頁(yè)面所要呈現(xiàn)的信息量要大，范圍要廣，讓用戶(hù)一目了然自己所要的商品該怎么操作。其次，首頁(yè)更重要的是頁(yè)面的整體要美觀(guān)、簡(jiǎn)捷大方，用戶(hù)體驗(yàn)提高了，這樣網(wǎng)站才能吸引更多用戶(hù)，從而體現(xiàn)了系統(tǒng)的價(jià)值。商品展示：首頁(yè)中第一個(gè)模塊所展示的是商品的分類(lèi)，商品可以分為方便零食、奶蛋制品、飲料酒水、生活用品、咖啡沖飲、日用百貨、新鮮水果等分類(lèi)，用戶(hù)可以根據(jù)自己所要商品點(diǎn)擊商品分類(lèi)即可迅速找到自己所要的商品；第二個(gè)模塊展示的是新品上架的商品，可以讓用戶(hù)了解最近商家展示的新品；第三個(gè)模塊展示的熱銷(xiāo)商品，用戶(hù)一目了然的知道正在熱銷(xiāo)的商品。購(gòu)物車(chē)：若選擇自己較多所要購(gòu)買(mǎi)的商品時(shí)，可先將該商品放入購(gòu)物車(chē)中，在購(gòu)物車(chē)中可展示商品名稱(chēng)、商品數(shù)量、商品單價(jià)、商品小計(jì)及計(jì)算出所有商品總價(jià)。購(gòu)物車(chē)中用戶(hù)可以進(jìn)行自由更改商品數(shù)量及刪除某一商品等。訂單生成：若對(duì)自己所要的商品完成后進(jìn)行下單，確認(rèn)信息后可提交訂單，主要是對(duì)用戶(hù)的收貨地址和商品信息進(jìn)行確認(rèn)，收貨地址可以添加、刪除和在現(xiàn)有的選擇操作，最終生成訂單。這樣可以方便賣(mài)家對(duì)訂單的處理，從而能夠準(zhǔn)確配送。我的訂單：用戶(hù)下完訂單可以實(shí)時(shí)了解訂單的情況和本次購(gòu)買(mǎi)商品的詳細(xì)信息。用戶(hù)可以根據(jù)交易狀態(tài)實(shí)時(shí)追蹤訂單情況，當(dāng)用戶(hù)下單后的首次狀態(tài)是待發(fā)貨；當(dāng)賣(mài)家點(diǎn)擊發(fā)貨按鈕，表示商品已經(jīng)發(fā)貨，此時(shí)的狀態(tài)就會(huì)變成待收貨，操作按鈕也將出現(xiàn)為確認(rèn)收貨；當(dāng)用戶(hù)拿到商品時(shí)點(diǎn)擊確認(rèn)收貨，此時(shí)的狀態(tài)就會(huì)變成已完成。表示此次訂單結(jié)束。訂單詳情：用戶(hù)可以對(duì)自己所購(gòu)買(mǎi)的商品的訂單進(jìn)行查看訂單詳細(xì)信息，了解自己購(gòu)買(mǎi)的商品情況，可以查看每次購(gòu)買(mǎi)商品訂單的收貨地址，商品名稱(chēng)，商品單價(jià)、數(shù)量、小計(jì)和總價(jià)。前臺(tái)商品管理：賣(mài)家可以對(duì)前臺(tái)展示的商品進(jìn)行管理，可添加商品操作，也可刪除商品操作，賣(mài)家每添加一個(gè)商品，前臺(tái)頁(yè)面中將對(duì)應(yīng)的展示該商品；同時(shí)，賣(mài)家每刪除一個(gè)商品，前臺(tái)頁(yè)面展示中對(duì)應(yīng)的該商品也將刪除。后臺(tái)訂單管理：后臺(tái)的訂單是由前臺(tái)買(mǎi)家訂單提交生成而來(lái)的，對(duì)訂單的狀態(tài)及時(shí)進(jìn)行實(shí)時(shí)更新，比如，點(diǎn)擊發(fā)貨，買(mǎi)家那邊的訂單就可以看見(jiàn)已發(fā)貨，表示商品已經(jīng)發(fā)貨，買(mǎi)家可以及時(shí)看見(jiàn)自己所買(mǎi)商品的狀態(tài)。但是后臺(tái)不可以對(duì)已經(jīng)生成的訂單中的商品進(jìn)行更改或添加。4.2數(shù)據(jù)庫(kù)設(shè)計(jì)4.2.1數(shù)據(jù)庫(kù)概念結(jié)構(gòu)的設(shè)計(jì)設(shè)計(jì)數(shù)據(jù)庫(kù)的基本步驟包括：1、需求分析階段；2、概念結(jié)構(gòu)設(shè)計(jì)階段，關(guān)鍵階段，建立獨(dú)立于具體DBMS的概念模型，如E-R方法；3、邏輯結(jié)構(gòu)設(shè)計(jì)階段，轉(zhuǎn)成DBMS數(shù)據(jù)模型；4、數(shù)據(jù)庫(kù)物理設(shè)計(jì)階段；5、數(shù)據(jù)庫(kù)實(shí)施階段；6、數(shù)據(jù)庫(kù)運(yùn)行和維護(hù)階段。數(shù)據(jù)庫(kù)設(shè)計(jì)是數(shù)據(jù)庫(kù)的核心和基礎(chǔ)，可以根據(jù)用戶(hù)需求設(shè)計(jì)數(shù)據(jù)庫(kù)。設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)一般采用語(yǔ)言化描述，采用E-R模型圖作為描述工具。用戶(hù)信息實(shí)體屬性圖，主要有用戶(hù)ID字段、用戶(hù)名字段，手機(jī)號(hào)碼字段和密碼字段，用戶(hù)信息的實(shí)體屬性圖如下圖4-1所示。圖4-1用戶(hù)信息實(shí)體屬性圖商品信息實(shí)體屬性圖，主要有商品ID字段、商品名稱(chēng)字段、商品類(lèi)別字段、商品價(jià)格字段、商品庫(kù)存字段、銷(xiāo)量字段、添加時(shí)間字段和商品圖片字段，商品信息屬性圖如下圖4-2所示。圖4-2商品信息實(shí)體屬性圖購(gòu)物車(chē)信息實(shí)體屬性圖，主要有商品ID字段，用戶(hù)ID字段，購(gòu)物車(chē)ID字段和庫(kù)存字段。購(gòu)物車(chē)信息實(shí)體屬性圖如圖4-3所示。圖4-3購(gòu)物車(chē)信息實(shí)體屬性圖訂單信息實(shí)體屬性圖，主要有價(jià)格字段、訂單添加時(shí)間字段、訂單ID字段和用戶(hù)ID字段，訂單信息實(shí)體屬性圖如圖4-4所示。圖4-4訂單信息實(shí)體的屬性圖地址信息實(shí)體屬性圖，主要有訂單ID字段，用戶(hù)ID字段，用戶(hù)姓名字段，用戶(hù)手機(jī)號(hào)碼字段，聯(lián)系地址字段，地址信息實(shí)體屬性圖如圖4-5所示。圖4-5地址信息實(shí)體屬性圖系統(tǒng)的用戶(hù)總體E-R圖，確定每個(gè)實(shí)體之間的聯(lián)系，如圖4-6所示。圖4-6系統(tǒng)用戶(hù)的總體E-R圖4.2.2數(shù)據(jù)表的設(shè)計(jì)user（用戶(hù)信息表）用戶(hù)存儲(chǔ)用戶(hù)的注冊(cè)信息，主要的字段有編號(hào)、用戶(hù)名、手機(jī)號(hào)、密碼。該表的結(jié)構(gòu)如下表4-1所示。表4-1user信息表的表結(jié)構(gòu)字段名數(shù)據(jù)類(lèi)型與長(zhǎng)度允許空是否為主鍵說(shuō)明idint(9)√系統(tǒng)自動(dòng)編號(hào)nicknamevarchar(45)用戶(hù)名稱(chēng)phonevarchar(11)√手機(jī)號(hào)碼passwordvarchar(255)密碼goods（商品信息表）用于存儲(chǔ)商品的信息，主要的字段有編號(hào)、商品名稱(chēng)、商品類(lèi)別、商品價(jià)格、商品銷(xiāo)量、庫(kù)存、上傳圖片、添加時(shí)間。該表的結(jié)構(gòu)如下表4-2所示。表4-2goods信息表的表結(jié)構(gòu)字段名數(shù)據(jù)類(lèi)型與長(zhǎng)度允許空是否為主鍵說(shuō)明idint(9)√系統(tǒng)自動(dòng)編號(hào)namevarchar(225)用戶(hù)名稱(chēng)cataint(2)商品分類(lèi)priceint(9)商品價(jià)格salesumint(9)√商品銷(xiāo)量sumint(9)庫(kù)存imgurlvarchar(225)√商品圖片addtimedecimal(16,0)√添加時(shí)間cart（購(gòu)物車(chē)信息表）記錄用戶(hù)加入購(gòu)物車(chē)的商品信息，主要的字段有編號(hào)、商品編號(hào)、用戶(hù)編號(hào)、總價(jià)。該表的結(jié)構(gòu)如下4-3所示。表4-3cart信息表的表結(jié)構(gòu)字段名數(shù)據(jù)類(lèi)型與長(zhǎng)度允許空是否為主鍵說(shuō)明idint(9)√系統(tǒng)自動(dòng)編號(hào)goodidint(9)商品編號(hào)uidint(9)√用戶(hù)編號(hào)sumint(9)√總價(jià)order（訂單信息父表）用于記錄訂單信息，主要的字段有編號(hào)、商品價(jià)格、用戶(hù)編號(hào)、添加時(shí)間、地址編號(hào)、狀態(tài)。該表的結(jié)構(gòu)如下4-4所示。表4-4order信息表的表結(jié)構(gòu)字段名數(shù)據(jù)類(lèi)型與長(zhǎng)度允許空是否為主鍵說(shuō)明idint(9)√系統(tǒng)自動(dòng)編號(hào)priceint(9)商品價(jià)格addtimedecimal(16,0)√添加時(shí)間useridint(9)√用戶(hù)編號(hào)addidint(9)√地址編號(hào)statusint(2)√狀態(tài)orderext（訂單信息子表）用于存儲(chǔ)訂單里面的商品信息，主要的字段有編號(hào)、訂單編號(hào)、商品編號(hào)、數(shù)量。該表的結(jié)構(gòu)如下4-5所示。表4-5orderext信息表的表結(jié)構(gòu)字段名數(shù)據(jù)類(lèi)型與長(zhǎng)度允許空是否主鍵說(shuō)明idint(9)√系統(tǒng)自動(dòng)編號(hào)orderidint(9)訂單編號(hào)goodidint(9)√商品編號(hào)numint(9)√數(shù)量address（地址信息子表）用于存用戶(hù)的地址信息，包括字段有編號(hào)、用戶(hù)編號(hào)、名字、手機(jī)號(hào)碼、地址。該表的結(jié)構(gòu)如下4-6所示。表4-6address信息表的表結(jié)構(gòu)字段名數(shù)據(jù)類(lèi)型與長(zhǎng)度允許空是否主鍵說(shuō)明idint(9)√系統(tǒng)自動(dòng)編號(hào)useridint(9)√用戶(hù)idnamevarchar(45)√名字phonevarchar(11)√手機(jī)號(hào)碼addressvarchar(255)√地址4.3系統(tǒng)頁(yè)面設(shè)計(jì)本系統(tǒng)頁(yè)面結(jié)合多用戶(hù)正常審美觀(guān)點(diǎn)，對(duì)系統(tǒng)頁(yè)面進(jìn)行了整體的設(shè)計(jì)。考慮到頁(yè)面布局、頁(yè)面色彩、頁(yè)面優(yōu)化等因素。首先進(jìn)行了UI設(shè)計(jì)logo和頁(yè)面，擁有了本網(wǎng)站獨(dú)特的logo，然后再用webstrom進(jìn)行了網(wǎng)頁(yè)制作。根據(jù)頁(yè)面分為前臺(tái)頁(yè)面設(shè)計(jì)和后臺(tái)頁(yè)面設(shè)計(jì)，具體介紹如下。4.3.1前臺(tái)頁(yè)面設(shè)計(jì)前臺(tái)頁(yè)面設(shè)計(jì)主要從注冊(cè)，登錄，首頁(yè)，商品詳情，商品分類(lèi)，我的購(gòu)物車(chē)，訂單生成，我的訂單，訂單詳情這幾個(gè)方面去設(shè)計(jì)頁(yè)面。注冊(cè)登錄頁(yè)面，注冊(cè)頁(yè)面主要有手機(jī)號(hào)、密碼、確認(rèn)密碼；登錄頁(yè)面主要有手機(jī)號(hào)和密碼；這兩個(gè)頁(yè)面的背景圖片是一樣的，方便用戶(hù)認(rèn)知。首頁(yè)，首頁(yè)是一個(gè)系統(tǒng)的門(mén)面，所以對(duì)它的是設(shè)計(jì)要更加豐富，首頁(yè)的內(nèi)容上方分為兩個(gè)部分，左邊部分是商品的分類(lèi)，商品分類(lèi)主要有方便零食、奶蛋制品、飲料酒水、生活用品、咖啡沖飲、日用百貨、新鮮水果和其他，右邊是系統(tǒng)設(shè)計(jì)的banner圖，分別放了3張banner圖，每2000毫秒輪播一次，這體現(xiàn)系統(tǒng)的特色，首頁(yè)的下方部分主要展示的是新品上架和熱銷(xiāo)商品，讓用戶(hù)可以清楚知道商家店鋪的各種情況，新品上架與熱銷(xiāo)商品在首頁(yè)只能展示8個(gè)，若想看更多分別點(diǎn)擊對(duì)應(yīng)右上方的更多就跳轉(zhuǎn)到商品分類(lèi)的全部頁(yè)。在展示商品時(shí)商品名稱(chēng)超過(guò)了指定的寬度則超過(guò)的部分將成為省略號(hào)，若要看商品詳細(xì)名稱(chēng)請(qǐng)進(jìn)入商品詳情頁(yè)。商品詳情頁(yè)面，商品詳情頁(yè)主要是對(duì)商品的詳細(xì)描述，可以看到本商品的大圖，可以知道商品的詳細(xì)名稱(chēng)、商品的價(jià)格、此商品的對(duì)應(yīng)總銷(xiāo)量。下面加入購(gòu)物車(chē)按鈕，在加入購(gòu)物車(chē)按鈕上方有個(gè)數(shù)量的變更，點(diǎn)擊減號(hào)商品數(shù)量減，點(diǎn)擊加號(hào)商品數(shù)量增加，也可直接輸入表單數(shù)字，但是不能超過(guò)庫(kù)存。商品分類(lèi)頁(yè)面，左邊選擇商品的各種分類(lèi)，右邊展示分類(lèi)對(duì)應(yīng)的商品；我的購(gòu)物車(chē)頁(yè)面，主要是對(duì)自己加入購(gòu)物車(chē)的商品進(jìn)行展示，在此頁(yè)面中主要是展示商品名稱(chēng)，單價(jià)，數(shù)量和小計(jì)。后邊跟著刪除按鈕可以刪除此商品。下方是總價(jià)與結(jié)算。訂單生成頁(yè)面，主要是展示用戶(hù)的地址信息和購(gòu)買(mǎi)商品信息。地址信息主要展示詳細(xì)地址、收貨人姓名、手機(jī)號(hào)碼，右上角還有個(gè)新增地址可以添加新地址。下面是付款方式，主要是有貨到付款、支付寶和微信支付，最后所購(gòu)買(mǎi)商品的展示。確認(rèn)完成之后下面有個(gè)提交訂單按鈕。我的訂單頁(yè)面，展示已經(jīng)下單的商品的情況。主要有商品名稱(chēng)、單價(jià)、數(shù)量、小計(jì)、交易狀態(tài)和操作。訂單詳情頁(yè)面，展示訂單里面商品的情況。主要有商品名稱(chēng)，單價(jià)，數(shù)量，小計(jì)和總價(jià)。4.3.2后臺(tái)頁(yè)面設(shè)計(jì)后臺(tái)頁(yè)面設(shè)計(jì)主要從登錄，發(fā)布商品，商品管理，訂單管理這幾個(gè)方面去設(shè)計(jì)頁(yè)面，具體設(shè)計(jì)如下：登錄頁(yè)，與用戶(hù)的登錄頁(yè)一致發(fā)布商品頁(yè)，這部分是通過(guò)表單展示，主要包括是商品類(lèi)別選擇，商品名稱(chēng)，商品庫(kù)存，商品價(jià)格和商品圖片。商品管理頁(yè)，主要是對(duì)發(fā)布的商品進(jìn)行展示，每條商品最后有一個(gè)刪除，表示本條商品可以刪除。訂單管理頁(yè)，展示前臺(tái)用戶(hù)已經(jīng)下的訂單。主要有商品名稱(chēng)、單價(jià)、數(shù)量、小計(jì)、交易狀態(tài)和操作。4.4系統(tǒng)功能設(shè)計(jì)系統(tǒng)的功能設(shè)計(jì)包括前臺(tái)實(shí)現(xiàn)和后臺(tái)實(shí)現(xiàn)，這兩種模塊的實(shí)現(xiàn)功能包括：前臺(tái)（買(mǎi)家）實(shí)現(xiàn)的功能包括：用戶(hù)注冊(cè)登錄模塊，按商品分類(lèi)、新品上架和熱銷(xiāo)商品瀏覽商品模塊，商品詳情模塊，我的購(gòu)物車(chē)模塊，訂單生成模塊，我的訂單模塊，訂單詳情模塊。后臺(tái)（賣(mài)家）實(shí)現(xiàn)的功能包括：管理員登錄模塊，發(fā)布商品模塊，商品管理模塊，訂單管理模塊。4.4.1系統(tǒng)總體圖在校園O2O超市系統(tǒng)中，不同用戶(hù)進(jìn)入系統(tǒng)的角色不同，操作不同，流程也不同。根據(jù)上面的需求分析和可行性分析，校園O2O超市系統(tǒng)主要可分成前臺(tái)（買(mǎi)家）模塊和后臺(tái)（賣(mài)家）模塊，前臺(tái)買(mǎi)家模塊主要包括用戶(hù)注冊(cè)登錄模塊、按商品分類(lèi)、新品上架和熱銷(xiāo)商品瀏覽商品模塊、商品詳情模塊、我的購(gòu)物車(chē)模塊、我的訂單模塊、提交訂單生成模塊和提交訂單模塊；后臺(tái)賣(mài)家模塊包括發(fā)布商品模塊、商品管理模塊、訂單管理模塊，系統(tǒng)總體模塊如圖4-7所示。圖4-7系統(tǒng)總體模塊圖4.4.2前臺(tái)模塊前臺(tái)模塊圖主要是展示用戶(hù)操作和用戶(hù)瀏覽商品兩個(gè)部分。用戶(hù)進(jìn)入校園O2O超市系統(tǒng)后可以瀏覽商品，但如果想要購(gòu)買(mǎi)商品，則必須要登錄，如果沒(méi)有登錄過(guò)本系統(tǒng)需先注冊(cè)，必須注冊(cè)為本系統(tǒng)用戶(hù)后才可登錄購(gòu)買(mǎi)商品。如果沒(méi)有登錄瀏覽商品的用戶(hù)稱(chēng)之為游客，無(wú)購(gòu)買(mǎi)權(quán)限。用戶(hù)在此網(wǎng)站可以按商品的分類(lèi)、新品上架、熱銷(xiāo)商品等瀏覽。圖4-8前臺(tái)模塊圖4.4.3用戶(hù)注冊(cè)和登錄流程用戶(hù)登錄和注冊(cè)是每個(gè)系統(tǒng)不可缺少的。用戶(hù)一旦注冊(cè)之后，才可以成為本系統(tǒng)的用戶(hù)，即可登錄到系統(tǒng)進(jìn)行相關(guān)的購(gòu)買(mǎi)流程操作，如果沒(méi)有注冊(cè)，只可以瀏覽商品無(wú)購(gòu)買(mǎi)商品權(quán)限，所以只有注冊(cè)成為本系統(tǒng)中的用戶(hù)才有購(gòu)買(mǎi)權(quán)限，其流程圖如圖4-9、圖4-10所示。圖4-9注冊(cè)流程圖圖4-10登錄流程圖4.4.4購(gòu)物流程用戶(hù)可將自己所需的商品添加到我的購(gòu)物車(chē)中，并且可以對(duì)自己已經(jīng)加入購(gòu)物車(chē)中的商品進(jìn)行數(shù)量的變更，也可進(jìn)行某個(gè)商品的刪除。每個(gè)購(gòu)物網(wǎng)站中購(gòu)物車(chē)至關(guān)重要且不可缺少的。如果用戶(hù)沒(méi)有登錄到本系統(tǒng)，則無(wú)法將商品加入到購(gòu)物車(chē)中，只有是本系統(tǒng)中的用戶(hù)才可添加。用戶(hù)將商品進(jìn)入到購(gòu)物車(chē)后，可以進(jìn)行繼續(xù)選購(gòu)，也可進(jìn)行選擇結(jié)算生成訂單，流程圖如圖4-11所示。圖4-11購(gòu)物車(chē)流程圖4.4.5訂單流程用戶(hù)對(duì)加入購(gòu)物車(chē)的商品結(jié)算操作后，需填寫(xiě)訂單信息、確認(rèn)訂單后，才能生成訂單。確認(rèn)訂單頁(yè)面包括：收貨地址、收貨人、手機(jī)號(hào)、購(gòu)買(mǎi)商品的商品名稱(chēng)、單價(jià)、單個(gè)商品的數(shù)量、小計(jì)和總價(jià)。可以看到自己所購(gòu)買(mǎi)商品的商品信息。收貨地址可以添加和刪除。收貨地址主要包括收貨人姓名，收貨人詳細(xì)地址，收貨人手機(jī)號(hào)碼，如圖4-12所示。圖4-12訂單流程圖4.4.6后臺(tái)模塊后臺(tái)可通過(guò)管理員賬號(hào)登錄系統(tǒng)即可，可以對(duì)前臺(tái)商品管理、用戶(hù)購(gòu)買(mǎi)商品生成的訂單管理、商品發(fā)布等操作，管理顧名就是對(duì)各模塊的數(shù)據(jù)進(jìn)行添加、修改和刪除。僅有訂單管理，是由前臺(tái)用戶(hù)購(gòu)買(mǎi)商品提交訂單后生成到后臺(tái)的，所以只能對(duì)訂單管理進(jìn)行修改和刪除操作，如圖4-13所示。圖4-13后臺(tái)模塊圖4.5本章小結(jié)本章首先描述了系統(tǒng)的設(shè)計(jì)目標(biāo)，并對(duì)此進(jìn)行了詳細(xì)的介紹。通過(guò)實(shí)體屬性圖面描述了各功能模塊，有通過(guò)系統(tǒng)的總E-R圖，描述了實(shí)體之間的聯(lián)系，通過(guò)數(shù)據(jù)表以及每張表中的字段和字段類(lèi)型描述了數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)，其后又對(duì)系統(tǒng)各模塊功能設(shè)計(jì)做了詳細(xì)描述。第5章系統(tǒng)功能實(shí)現(xiàn)校園O2O超市系統(tǒng)從功能實(shí)現(xiàn)上主要分為前臺(tái)（買(mǎi)家）和后臺(tái)（賣(mài)家），前臺(tái)實(shí)現(xiàn)的功能主要包括用戶(hù)注冊(cè)、用戶(hù)登錄、商品分類(lèi)、商品詳情、加入購(gòu)物車(chē)、我的購(gòu)物車(chē)、提交訂單、我的訂單、訂單詳情；后臺(tái)主要是對(duì)前臺(tái)商品發(fā)布、商品管理、訂單管理；以下詳細(xì)說(shuō)明了各個(gè)模塊的功能實(shí)現(xiàn)。5.1前臺(tái)模塊5.1.1用戶(hù)注冊(cè)模塊下圖頁(yè)面是用戶(hù)的注冊(cè)頁(yè)面，一般進(jìn)入系統(tǒng)未注冊(cè)的成為游客，所以游客只有通過(guò)注冊(cè)頁(yè)面注冊(cè)成功之后才能成為本系統(tǒng)的用戶(hù)，就可進(jìn)行登錄，才可對(duì)系統(tǒng)購(gòu)買(mǎi)商品的流程進(jìn)行一系列操作。為了驗(yàn)證兩次輸入密碼是否一致，所以對(duì)注冊(cè)頁(yè)面進(jìn)行了密碼輸兩次的確認(rèn)，如圖5-1所示。圖5-1用戶(hù)注冊(cè)圖用戶(hù)注冊(cè)模塊主要是填寫(xiě)用戶(hù)注冊(cè)的基本信息，填寫(xiě)包括用戶(hù)的手機(jī)號(hào)和密碼，當(dāng)用戶(hù)注冊(cè)信息填寫(xiě)成功后，系統(tǒng)將會(huì)把剛剛所填寫(xiě)的正確的注冊(cè)信息保存到數(shù)據(jù)庫(kù)對(duì)應(yīng)的表當(dāng)中。注冊(cè)時(shí)對(duì)注冊(cè)的手機(jī)號(hào)碼進(jìn)行了限制，判斷手機(jī)號(hào)碼格式是否正確，為了有效的管理用戶(hù)信息和防止惡意的注冊(cè)。驗(yàn)證表單中手機(jī)號(hào)碼是否為空，以及格式是否正確。主要代碼實(shí)現(xiàn)如下： if(phone==""){//判斷手機(jī)號(hào)若為空 res=false; alert("手機(jī)號(hào)碼不能為空");//彈出“手機(jī)號(hào)碼不能為空” }else{ varpattern=/^1[34578]\d{9}$/;//手機(jī)號(hào)輸入的格式匹配 if(!phone.match(pattern)){//判斷手機(jī)號(hào)格式若錯(cuò)誤 res=false; alert("手機(jī)號(hào)碼格式不正確!");//彈出“手機(jī)號(hào)碼格式不正確” } }5.1.2用戶(hù)登錄模塊登錄模塊主要是用戶(hù)已經(jīng)注冊(cè)完之后，登錄的信息已經(jīng)在數(shù)據(jù)庫(kù)中了，用戶(hù)只需填寫(xiě)個(gè)人的登錄信息與數(shù)據(jù)庫(kù)的所填注冊(cè)的信息的字段對(duì)比，若一致則登錄成功，否則重新寫(xiě)登錄。主要填寫(xiě)的是用戶(hù)的手機(jī)號(hào)碼和密碼，驗(yàn)證這兩個(gè)是否正確，用戶(hù)只有成功登錄后才能進(jìn)行瀏覽商品或者將購(gòu)買(mǎi)商品等等操作。如圖5-2所示，圖5-2用戶(hù)登錄圖用戶(hù)登錄模塊主要是填寫(xiě)的是用戶(hù)的登錄信息，填寫(xiě)包括用戶(hù)的手機(jī)號(hào)和密碼，用戶(hù)登錄時(shí)需要與數(shù)據(jù)庫(kù)中的注冊(cè)信息進(jìn)行匹配，若一致則登錄成功，否則登錄失敗。驗(yàn)證部分的主要實(shí)現(xiàn)代碼如下： publicStringdologin()throwsException{ Usertemuser=userService.getUserByNameOrPhone(user);//用戶(hù)輸入的用戶(hù)信息 if(temuser.getPassword().equals(user.getPassword())){//判斷密碼是否一致 ServletActionContext.getRequest().getSession().setAttribute("user",temuser);//獲取temuser對(duì)象放入session中 this.json=newByteArrayInputStream("success".getBytes("UTF-8"));//json的值為success }else{ this.json=newByteArrayInputStream("fail".getBytes("UTF-8"));//json的值為fail } return"ajaxjson";//通過(guò)ajax返回json的值 }5.1.3購(gòu)物車(chē)模塊1）用戶(hù)購(gòu)買(mǎi)功能在校園O2O超市系統(tǒng)中，購(gòu)買(mǎi)方式與現(xiàn)實(shí)生活購(gòu)買(mǎi)商品的方式很相似，主要是考慮現(xiàn)實(shí)用戶(hù)購(gòu)買(mǎi)商品的習(xí)慣，用現(xiàn)實(shí)生活中的“購(gòu)物車(chē)”的方式來(lái)模擬，用戶(hù)只要將所要購(gòu)買(mǎi)的商品點(diǎn)擊加入購(gòu)物車(chē)，則自動(dòng)會(huì)加入購(gòu)物車(chē)當(dāng)中，符合現(xiàn)實(shí)社會(huì)用戶(hù)購(gòu)買(mǎi)商品的流程與習(xí)慣，方便用戶(hù)操作，無(wú)需接受新方式，簡(jiǎn)潔方便。如圖5-3所示。圖5-3購(gòu)物車(chē)圖加入購(gòu)物車(chē)商品主要分為兩種，一種是原來(lái)購(gòu)物車(chē)已經(jīng)存在的，還有一種原來(lái)購(gòu)物車(chē)沒(méi)有的，若已經(jīng)存在的直接修改購(gòu)物車(chē)對(duì)應(yīng)的數(shù)據(jù)庫(kù)中商品的數(shù)量，若沒(méi)有則需要添加到購(gòu)物車(chē)對(duì)應(yīng)的數(shù)據(jù)庫(kù)中。購(gòu)物車(chē)中商品數(shù)量變化的主要實(shí)現(xiàn)代碼： publicintaddCart(Cartcart){ //TODOAuto-generatedmethodstub CarttempCart=cartDao.getCartByGoodid(cart.getGoodid());//取goodid intresult=0; if(tempCart!=null){//判斷是否為空 tempCart.setSum(tempCart.getSum()+cart.getSum());//原來(lái)購(gòu)物車(chē)?yán)锏纳唐窋?shù)量加上后來(lái)加入購(gòu)物車(chē)的商品數(shù)量 result=cartDao.updataCart(tempCart);//修改購(gòu)物車(chē)對(duì)應(yīng)數(shù)據(jù)庫(kù) }else{ result=cartDao.addCartFull(cart);//否則直接添加到購(gòu)物車(chē)中 } returnresult; }2）查看購(gòu)物車(chē)當(dāng)用戶(hù)點(diǎn)擊完加入購(gòu)物車(chē)后，怎么才能看到自己已經(jīng)加入購(gòu)物車(chē)中的商品，則可以通過(guò)點(diǎn)擊系統(tǒng)頁(yè)面右上角的“我的購(gòu)物車(chē)”，可以查看到用戶(hù)所加入購(gòu)物車(chē)當(dāng)中的所有商品，如果用戶(hù)對(duì)所加入的購(gòu)物車(chē)不想買(mǎi)了，可以刪除所不需要的商品；如果想改變商品的數(shù)量，可以在文本框中輸入想要商品數(shù)量的個(gè)數(shù)，也可以點(diǎn)擊兩邊的加號(hào)和減號(hào)進(jìn)行更改數(shù)量，當(dāng)商品挑選結(jié)束后可以點(diǎn)擊“結(jié)算”可進(jìn)行確認(rèn)訂單。如圖5-4所示。圖5-4加入購(gòu)物車(chē)商品列表圖刪除商品功能主要是考慮到用戶(hù)如果對(duì)購(gòu)物車(chē)中的商品不想購(gòu)買(mǎi)了或者不想在購(gòu)物車(chē)中出現(xiàn)，則單擊“刪除”，系統(tǒng)會(huì)彈出“確定刪除”彈框，點(diǎn)擊確認(rèn)就可刪除。對(duì)商品刪除操作，主要代碼實(shí)現(xiàn)如下： //刪除商品 publicStringdelcart()throwsException{ intresult=cartService.deleteCartById(cartId);//從數(shù)據(jù)庫(kù)中刪除，返回result，返回1表示刪除成功，0表示未成功 if(result>0){ this.json=newByteArrayInputStream("success".getBytes("UTF-8"));//通過(guò)json返回到頁(yè)面刪除成功 }else{ this.json=newByteArrayInputStream("fail".getBytes("UTF-8"));//通json返回到頁(yè)面刪除失敗 } return"ajaxjson"; }5.1.4訂單生成模塊當(dāng)用戶(hù)點(diǎn)擊結(jié)算后跳到的訂單生成頁(yè)面，用戶(hù)需要填寫(xiě)自己的訂單信息，方便配送和聯(lián)系。用戶(hù)必須選擇收貨地址，也可以添加收貨地址；付款方式可以選擇貨到付款、微信支付、支付寶支付，當(dāng)鼠標(biāo)懸停到微信支付或者支付支付時(shí)，對(duì)應(yīng)的微信二維碼或者支付寶二維碼就會(huì)顯示在下方供用戶(hù)掃碼，用戶(hù)可以根據(jù)自己的選擇，選擇相應(yīng)的支付方式；最下面是所購(gòu)買(mǎi)的商品信息。如圖5-5所示。圖5-5訂單生成圖如果用戶(hù)需要添加地址，則點(diǎn)擊新增地址出現(xiàn)彈框，彈框中填寫(xiě)用戶(hù)的地址信息，主要有收件人的地址、收件人姓名、手機(jī)號(hào)；這些都不能為空，填寫(xiě)時(shí)需通過(guò)驗(yàn)證。如圖5-6所示。圖5-6新增收貨地址圖添加地址的主要實(shí)現(xiàn)代碼： publicStringaddAddress(){ Useruser=(User)ServletActionContext.getRequest().getSession().getAttribute("user");//獲取的是當(dāng)前用戶(hù)的信息 address.setUserid(user.getId());//設(shè)置uid intresult=addressService.addAddresss(address);//調(diào)用service的addAddresss方法，result為1添加成功，否則添加失敗 if(result>0){ SessionUtil.setAlert("添加成功"); }else{ SessionUtil.setAlert("添加失敗"); } actionurl="front_cartAction_confirmCart";//返回提交訂單頁(yè) return"redirect"; }5.1.5我的訂單模塊當(dāng)用戶(hù)對(duì)自己已經(jīng)下單的商品需要查看時(shí)，就可在我的訂單中查看，在我的訂單中可以查看商品名稱(chēng)、商品單價(jià)、數(shù)量、小計(jì)、交易狀態(tài)和操作。主要是交易狀態(tài)和操作，用戶(hù)可以根據(jù)交易狀態(tài)知道商品的配送情況，交易狀態(tài)主要分成了待收貨、待發(fā)貨和已完成。當(dāng)用戶(hù)下單完之后的狀態(tài)為待發(fā)貨；當(dāng)賣(mài)家點(diǎn)擊了發(fā)貨按鈕，則買(mǎi)家的狀態(tài)就變成了待收貨；當(dāng)買(mǎi)家收到商品時(shí)則就可點(diǎn)擊確認(rèn)訂單按鈕，則交易狀態(tài)就會(huì)變成已完成。如圖5-7所示。圖5-7我的訂單圖5.1.6訂單詳情模塊訂單詳情主要是為了讓用戶(hù)在對(duì)已購(gòu)買(mǎi)商品的訂單中想詳細(xì)了解，則可點(diǎn)擊訂單詳情，了解所購(gòu)商品名稱(chēng)、商品數(shù)量、商品單價(jià)、商品小計(jì)和商品總價(jià)等商品的詳細(xì)信息。如圖5-8所示。圖5-8訂單詳情圖5.2后臺(tái)模塊5.2.1管理員管理管理員顧名是管理這個(gè)系統(tǒng)的，首先管理員需要登錄才能進(jìn)入后臺(tái)管理，才能對(duì)系統(tǒng)進(jìn)行管理與維護(hù)本網(wǎng)站。本系統(tǒng)只有一個(gè)管理員——賣(mài)家。管理員通過(guò)登錄驗(yàn)證，保證了本網(wǎng)站數(shù)據(jù)的安全和隱私。管理員的信息在用戶(hù)表里面已經(jīng)設(shè)置好了；管理員控制數(shù)據(jù)庫(kù)中的每張表，每張表的字段與管理員的操作是息息相關(guān)的，可以對(duì)每張表進(jìn)行增加、刪除和修改。由于訂單是有前臺(tái)的用戶(hù)購(gòu)買(mǎi)商品是生成的，所以對(duì)訂單管理不可以進(jìn)行刪除和修改。后臺(tái)管理員登錄如圖5-9所示。圖5-9管理員登錄5.2.2前臺(tái)商品發(fā)布前臺(tái)商品的展示都是通過(guò)后臺(tái)發(fā)布商品才能展示的，通過(guò)輸入商品的名稱(chēng)、價(jià)格、庫(kù)存和上傳商品的圖片，后臺(tái)每添加一個(gè)商品則前臺(tái)就會(huì)對(duì)應(yīng)的區(qū)域顯示該商品。如圖5-10所示。圖5-10發(fā)布商品圖在發(fā)布商品時(shí)，用戶(hù)要了解商品首先是看圖片，所以后臺(tái)在上傳圖片的時(shí)候?qū)D片格式進(jìn)行了限制，防止惡意上傳，主要格式有：gif、jpg、png。驗(yàn)證上傳圖片格式主要實(shí)現(xiàn)代碼： functionvalidateForm(frmUpload){//檢查是否提交了上傳文件否彈出提示不需要這一功能的刪除即可 if(document.all.uploadFile.value=="")//判斷文件是否為空 { alert("沒(méi)有選擇上傳的文件！");//提示選擇上傳文件 frmUpload.uploadFile.focus(); returnfalse; }//截取提交上傳文件的擴(kuò)展名 varext=frmUpload.uploadFile.value.match(/^(.*)(\.)(.{1,8})$/)[3]; ext=ext.toLowerCase();//設(shè)置允許上傳文件的擴(kuò)展名 if(ext=="jpg"||ext=="gif"||ext=="png"){ //判斷文件格式（JPG、GIF、PNG） returntrue; }else{ alert("只允許上傳.jpg或gif或png文件，請(qǐng)重新選擇需要上傳的文件！");//否則提示文件上傳格式 returnfalse; } }5.2.3商品管理商品管理主要是對(duì)前臺(tái)商品進(jìn)行管理，主要是對(duì)商品的刪除操作，管理網(wǎng)站者可以通過(guò)刪除已經(jīng)下架的商品或者庫(kù)存不足的商品，每刪除一個(gè)商品，前臺(tái)頁(yè)面中就會(huì)對(duì)應(yīng)的刪除該商品的信息，同步數(shù)據(jù)中也對(duì)應(yīng)將商品的所有字段信息刪除，從而實(shí)時(shí)更新商品。如圖5-11所示。圖5-11商品管理圖5.2.4訂單管理訂單主要是對(duì)前臺(tái)用戶(hù)所購(gòu)買(mǎi)的商品能夠準(zhǔn)確及時(shí)通知商品的發(fā)貨情況。主要是對(duì)購(gòu)買(mǎi)商品訂單進(jìn)行操作，比如：前臺(tái)用戶(hù)購(gòu)買(mǎi)了商品，后臺(tái)管理可以對(duì)商品進(jìn)行發(fā)貨操作，此時(shí)前臺(tái)用戶(hù)的訂單狀態(tài)也改變了，表示商品已經(jīng)發(fā)貨了，就能很快跟蹤商品，方便買(mǎi)家和賣(mài)家及時(shí)跟蹤商品，訂單管理圖如圖所示5-12。圖5-12訂單管理圖5.3本章小結(jié)本章主要介紹了校園O2O超市系統(tǒng)前臺(tái)與后臺(tái)的所有模塊，各個(gè)界面的實(shí)現(xiàn)功能。主要對(duì)前臺(tái)模塊和后臺(tái)模塊分別做了詳細(xì)的功能實(shí)現(xiàn)及核心代碼解釋?zhuān)f(shuō)明了每個(gè)模塊的功能和作用。第6章系統(tǒng)測(cè)試對(duì)本系統(tǒng)做了一個(gè)簡(jiǎn)單而又全面的測(cè)試，校園O2O超市系統(tǒng)采用的是B/S模式，主要是從四個(gè)重要方面的進(jìn)行測(cè)試，測(cè)試用例如下：web表單測(cè)試瀏覽器兼容測(cè)試手機(jī)訪(fǎng)問(wèn)系統(tǒng)測(cè)試系統(tǒng)整體功能測(cè)試6.1WEB表單測(cè)試WEB表單測(cè)試主要是對(duì)form表單的驗(yàn)證，驗(yàn)證表單填寫(xiě)格式與填寫(xiě)的數(shù)據(jù)的字段類(lèi)型，判斷是否正確。表6-1WEB表單測(cè)試測(cè)試類(lèi)型WEB表單測(cè)試測(cè)試目的驗(yàn)證表單測(cè)試策略（1）測(cè)試表單頁(yè)面填寫(xiě)格式是否正確（2）測(cè)試表單中數(shù)據(jù)類(lèi)型是否正確測(cè)試結(jié)果正常6.2瀏覽器兼容測(cè)試瀏覽器兼容性測(cè)試主要是不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)編寫(xiě)語(yǔ)法的解釋不同。主要是通過(guò)三種主流而又內(nèi)核不同的瀏覽谷歌、火狐、IE瀏覽器。從這三個(gè)方面進(jìn)行測(cè)試。表6-2瀏覽器兼容測(cè)試測(cè)試類(lèi)型瀏覽器兼容測(cè)試測(cè)試目的不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)編寫(xiě)語(yǔ)法的解釋不同測(cè)試策略IE內(nèi)核：IE8非IE內(nèi)核：Firefox，Chrome測(cè)試結(jié)果正常6.3手機(jī)訪(fǎng)問(wèn)系統(tǒng)測(cè)試通過(guò)不同的手機(jī)訪(fǎng)問(wèn)該系統(tǒng)主要是不同的手機(jī)的屏幕大小、內(nèi)核不同，主要是通過(guò)按安卓手機(jī)、蘋(píng)果手機(jī)、不同屏幕大小的手機(jī)測(cè)試。表6-3手機(jī)訪(fǎng)問(wèn)系統(tǒng)測(cè)試測(cè)試類(lèi)型瀏覽器兼容測(cè)試測(cè)試目的不同的手機(jī)的屏幕大小、內(nèi)核不同測(cè)試策略蘋(píng)果：iphone5；iphone6安卓：vivoX6；oppoR9測(cè)試結(jié)果正常6.4系統(tǒng)功能測(cè)試功能測(cè)試主要是對(duì)系統(tǒng)進(jìn)行一個(gè)全面的測(cè)試，檢測(cè)功能是否存在尚未實(shí)現(xiàn)的以及報(bào)錯(cuò)界面404或者500錯(cuò)誤等。表6-4系統(tǒng)功能測(cè)試測(cè)試類(lèi)型系統(tǒng)功能測(cè)試測(cè)試目的測(cè)試系統(tǒng)的所有功能中是否存在bug測(cè)試策略1）測(cè)試用戶(hù)的注冊(cè)、登錄；管理員登錄；2）首頁(yè)模塊商品展示樣式測(cè)試；3）商品分類(lèi)模塊測(cè)試；點(diǎn)擊不同的分類(lèi)商品不同測(cè)試4）購(gòu)物車(chē)模塊測(cè)試；首頁(yè)加入購(gòu)物車(chē)測(cè)試；詳情頁(yè)加入購(gòu)物車(chē)測(cè)試；5）商品詳情模塊參數(shù)測(cè)試；6）我的購(gòu)物車(chē)模塊測(cè)試；檢測(cè)商品加入是否正確；7）訂單生成模塊測(cè)試；8）地址增刪測(cè)試；9）我的訂單測(cè)試；10）發(fā)布商品表單測(cè)試；上傳圖片格式測(cè)試；11）商品管理列表測(cè)試；12）訂單管理測(cè)試；測(cè)試結(jié)果正常6.5本章小結(jié)本章主要是分別從過(guò)web表單測(cè)試、瀏覽器兼容、手機(jī)訪(fǎng)問(wèn)測(cè)試和功能測(cè)試等幾個(gè)重要的方面進(jìn)行了測(cè)試，在測(cè)試過(guò)程中可能還存在一些小的問(wèn)題，無(wú)任何大問(wèn)題，測(cè)試結(jié)果正常。第7章總結(jié)與展望本文詳細(xì)描述了校園O2O超市系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)的全過(guò)程。通過(guò)已有的研究和分析，已經(jīng)基本完成了所有功能。該平臺(tái)web界面簡(jiǎn)潔，操作簡(jiǎn)單，使用方便。該系統(tǒng)主要分前臺(tái)和后臺(tái)兩部分，前臺(tái)主要實(shí)現(xiàn)了用戶(hù)的注冊(cè)登錄，商品瀏覽，商品分類(lèi)，商品詳情，用戶(hù)購(gòu)物車(chē)，用戶(hù)訂單，訂單詳情；后臺(tái)主要實(shí)現(xiàn)了管理員