《床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)8800字（論文）》

床上用品網(wǎng)上商城的開發(fā)與實現(xiàn)目錄TOC\o"1-3"\h\u83261前言 6256392系統(tǒng)分析 6290722.1需求分析 6107242.2可行性分析 8253293相關(guān)技術(shù)簡介 9180793.1PHP技術(shù) 941633.2B/S三層結(jié)構(gòu) 9127363.3MySQL數(shù)據(jù)庫 9319303.4IntelliJIDEA和PHPSTORM 9198213.5VUE概述 9180784系統(tǒng)設(shè)計 10226874.1系統(tǒng)目標(biāo) 10111504.2系統(tǒng)功能模塊設(shè)計 10212134.3數(shù)據(jù)庫設(shè)計 10263035系統(tǒng)的實現(xiàn) 12197825.1連接數(shù)據(jù)庫操作 12229585.2登錄注冊模塊的實現(xiàn) 13170705.3前臺模塊的實現(xiàn) 15129225.3.1前臺主頁 1588015.3.2普通商品模塊 1755605.3.3前臺折扣商品模塊 20122185.3.4前臺積分換購模塊 2035995.3.5前臺購物車模塊 2052985.3.6前臺我的訂單模塊 21265795.3.7前臺修改密碼模塊 2455085.3.8前臺修改個人信息模塊 25170615.3.9前臺退出登錄模塊 25221025.4后臺管理模塊 26207255.4.1管理設(shè)置模塊 27274455.4.2用戶管理模塊 27155015.4.3商品管理模塊 28278815.4.4訂單管理模塊 2983465.4.5換購管理模塊 29249375.4.6進(jìn)購管理模塊 30196565.4.7同城配送模塊 30319935.4.8統(tǒng)計報表模塊 31251935.4.9后臺修改密碼模塊 32105575.4.10后臺退出登錄模塊 3291616系統(tǒng)的測試 33270676.1普通用戶登錄 33202446.2管理員登錄 34127136.3會員注冊 34270036.4商品加入購物車 3574216.5將商品移出購物車 35175366.6訂單的檢索以及訂單列表的顯示 36202416.7測試床上用品商城前臺修改密碼修改個人信息退出登錄功能 3657666.7.1修改密碼 3629086.7.2修改個人信息 3723426.7.3退出登錄 372786.8測試訂單管理功能 37293916.8.1訂單信息的篩選及訂單列表的展示 37186156.8.2撤銷訂單 37242496.9測試同城配送功能 38191226.9.1配送單的檢索以及配送列表的展示 38238696.9.2前往配送 38166126.9.3配送單詳情 3810248參考文獻(xiàn) 391前言計算機(jī)技術(shù)依靠它迅猛的發(fā)展速度及成熟的技術(shù)，逐漸為人們接受及廣泛使用，改變和影響著人們的生活。到了今天，互聯(lián)網(wǎng)己經(jīng)成為了為各個行業(yè)領(lǐng)域收集，存儲，處理和提取信息的最佳方法，為各個領(lǐng)域行業(yè)提供數(shù)據(jù)支撐并加速了他們的發(fā)展。這也電子商務(wù)流行于我們的社會生活中，其中最突出的是網(wǎng)上購物商店，為消費(fèi)者方便快捷的購物方式提供了可能。網(wǎng)上商店作為新型的銷售產(chǎn)業(yè)，他的的多種優(yōu)點已然被多數(shù)人熟知和接受。然而從時間上來看，電商平臺的提出到發(fā)展的時間還不是很久，但是它卻以一個驚人的速度發(fā)展著并達(dá)到了一定高度。許多國外的大型網(wǎng)站，不僅為消費(fèi)者了提供商品瀏覽，篩選，購入等等，更是利用數(shù)字圖像處理的相關(guān)技術(shù)，為消費(fèi)者提供了在線試穿等新穎功能，使人們可以先體驗，再購買。讓消費(fèi)者感到，利用網(wǎng)絡(luò)購物非但感覺不到無趣反而覺得奇特和新穎。在中國大陸，基于網(wǎng)站的電商購物起步比國外的晚,但其發(fā)展速度迅猛，在短時間內(nèi)，猶如雨后春筍涌現(xiàn)出各大電商企。而且在近幾年來國家企業(yè)幫扶政策的支持下，我國的電商網(wǎng)站也逐步走向成熟。有統(tǒng)計報告顯示，如果按照目前的大體趨勢來看，未來的網(wǎng)上商城勢將會在市場上占據(jù)一定地位，成為一種主流的購物方式。與此同時，網(wǎng)上購物的環(huán)境隨著技術(shù)的發(fā)展和幾年的沉淀，已經(jīng)取得一定成果并趨于穩(wěn)定，具體表現(xiàn)在物流運(yùn)輸?shù)目旖莺豌y行資金結(jié)算時間的縮短，以及市場方面的規(guī)范運(yùn)作和國家對電商購物政策法律規(guī)則的進(jìn)一步完善。同時人們越發(fā)察覺到網(wǎng)購帶來的便捷，逐步開通網(wǎng)上賬戶加入到網(wǎng)購的進(jìn)程中，就目前來說，線上平臺網(wǎng)購的理念也得到多數(shù)網(wǎng)絡(luò)民眾的認(rèn)可。不管是為了順應(yīng)大勢，還是為了方便商家對商店進(jìn)行管理，還是為了方便用戶購買商品，建立床上用品商城就顯得尤為重要。2系統(tǒng)分析2.1需求分析床上用品商城，非網(wǎng)站用戶通過注冊，方能登錄并使用本網(wǎng)站，同時網(wǎng)站分前臺后臺，前臺提供了用戶選擇購買商品的功能，后臺則提供了網(wǎng)店管理員對店內(nèi)商品進(jìn)行管理的功能，在登錄時會根據(jù)不同的身份加載不同的界面。以下則是系統(tǒng)的一些功能需求：1.用戶注冊登錄功能，在用戶登錄頁，尚未注冊的用戶可以根據(jù)需求進(jìn)行注冊，注冊完成后可以登錄網(wǎng)站，同時系統(tǒng)需要區(qū)分登錄人的身份渲染出相應(yīng)的界面。2.普通用戶通過登錄來到前臺界面，在前臺界面用戶可以查看當(dāng)前網(wǎng)站已經(jīng)上架了的床上用品、折扣商品、換購商品，可以通過商品名稱，價格區(qū)間對商品進(jìn)行檢索，看到商品可以加入購物車，在自己的購物車中操作這些商品、付款生成訂單等，生成訂單后，用戶可在我的訂單查看當(dāng)前訂單情況，可對商家未處理的訂單進(jìn)行撤銷操作，可對商家處理后的訂單進(jìn)行簽收或者提出退貨申請，同時在前臺界面網(wǎng)站用戶也可以進(jìn)行修改個人信息、密碼或退出登錄等操作；3.管理員登錄后到達(dá)后臺管理頁面，它包含管理設(shè)置、會員用戶信息管理、店內(nèi)商品信息管理、商品訂單信息管理、商品換購管理的功能、商品進(jìn)購管理的功能、同城配送的功能、統(tǒng)計報表的功能、以及修改密碼和退出登錄，在后臺界面系統(tǒng)首先會判定當(dāng)前管理管理員所擁有的權(quán)限，除了統(tǒng)計報表、修改密碼和退出登錄三個功能為所有管理員公有的功能以外，其他功能則會根據(jù)管理員的權(quán)限進(jìn)行相應(yīng)的配置渲染，其中超級管理員可使用上述全部功能，普通管理員只能對用戶信息管理功能、店內(nèi)商品信息管理功能、商品訂單信息管理的功能、商品換購管理的功能，權(quán)限為采購員的則擁有進(jìn)購管理等功能進(jìn)行操作使用，權(quán)限為配送員的則擁有配送管理等功能；4.管理員設(shè)置功能，該模塊僅憑超級管理員權(quán)限進(jìn)行操作，在該模塊可以新增設(shè)置管理員不同身份的管理員對網(wǎng)站進(jìn)行管理，同時也可以編輯刪除當(dāng)前系統(tǒng)其他管理員的信息。5.用戶管理模塊，它的目的就是對用戶的信息進(jìn)行有效的管理，在這個模塊可以對網(wǎng)站會員信息進(jìn)行增刪改查等操作。6.商品管理模塊，可以管理網(wǎng)站內(nèi)所有的商品，可以將那些暫時不打算出售的商品進(jìn)行下架操作，下架后的商品在前臺頁面無法找到，下架后的商品也可以再次上架，針對庫存不足的商品可選擇進(jìn)購商品生成進(jìn)購單待采購員進(jìn)行采購，同時也可將選中的商品加入換購列表或者移出換購列表。7.訂單管理模塊，在這個模塊我們可以查看訂單，可以進(jìn)行發(fā)貨處理，在發(fā)貨處理過程中發(fā)現(xiàn)某些商品庫存不足可以進(jìn)行點擊商品進(jìn)購生辰進(jìn)購單待采購員進(jìn)行采購，當(dāng)庫存滿足時方可進(jìn)行發(fā)貨，針對發(fā)貨方式當(dāng)用戶與商家同城時發(fā)貨方式會多出一個同城配送，選擇同城配送則由配送員進(jìn)行配送；當(dāng)狀態(tài)為申請退貨時，可以對該申請進(jìn)行同意或駁回等操作。8.換購管理模塊，在這個模塊，可以根據(jù)商品名查找換購列表內(nèi)的商品，同時可以編輯該商品所需的換購積分，也可上架下架商品，下架的商品在前臺界面則無法顯示，同時也可以將相應(yīng)的商品移除換購列表。9.進(jìn)購管理模塊，在進(jìn)購管理模塊，可以根據(jù)商品名稱查找相應(yīng)的進(jìn)購單，領(lǐng)取進(jìn)購單，根據(jù)領(lǐng)取的進(jìn)購單進(jìn)行商品采購，采購?fù)瓿珊筮M(jìn)行入庫記錄等操作。10.同城配送模塊，在同城配送模塊，可以根據(jù)訂單編號、訂單狀態(tài)進(jìn)行查詢，針對未配送的訂單可以點擊配送進(jìn)行商品配送，針對已配送的訂單可以查看訂單詳情。11.對于統(tǒng)計報表模塊，則展現(xiàn)以柱狀圖的形式展示當(dāng)前系統(tǒng)用戶數(shù)量，管理員用戶數(shù)量，給類型管理數(shù)量，當(dāng)前銷售額前十的商品，當(dāng)前銷售量前十的商品；對于修改密碼模塊則可通過該模塊修改密碼，對于退出登錄模塊，則可通過此功能退出系統(tǒng)。2.2可行性分析《床上用品商城》這個系統(tǒng)主要采用了MySQL、PHP、VUE、PhpStorm、idea這些技術(shù)和工具，對于這個系統(tǒng)的結(jié)構(gòu)的話，我選擇的是采用B/S的結(jié)構(gòu)來進(jìn)行開發(fā)的，在設(shè)計和開發(fā)的整一個過程中嚴(yán)格遵守軟件工程的思想以及方法來設(shè)計開發(fā)的。所以呢，它確保了開發(fā)的規(guī)范性和系統(tǒng)的穩(wěn)定性。首先，對上述技術(shù)和工具我都有一定的了解，所以說對于技術(shù)方面并不存在太大的技術(shù)問題，使用這些技術(shù)可以極大的滿足該系統(tǒng)的功能需求和性能需求，因此該網(wǎng)站的開發(fā)在技術(shù)可行性方面是完全可以實現(xiàn)的。其次，針對上述技術(shù)都是開源免費(fèi)使用的。開發(fā)這個網(wǎng)站，只需要一臺電腦，并且在這一臺電腦上搭載好網(wǎng)站的開發(fā)環(huán)境和網(wǎng)站的運(yùn)行環(huán)境，即可進(jìn)行完整的有效的開發(fā)，該網(wǎng)站對于電腦的硬件方面是沒有太大的要求，對于開發(fā)用到的軟件的話我所選用的也都是可以免費(fèi)試用的，所以基本不需要什么成本投入，所以，對于這個網(wǎng)站的開發(fā)的話它在經(jīng)濟(jì)可行性方面是可行的。再次，該網(wǎng)站簡單易用，操作簡單，用戶經(jīng)過簡單的學(xué)習(xí)即可熟練使用該網(wǎng)站，所以說對于網(wǎng)站的操作可行性方面是完全可行的。最后，由于該網(wǎng)站是采用B/S結(jié)構(gòu)進(jìn)行開發(fā)的，所以對網(wǎng)站的管理方面的話，我們只需要通過瀏覽器來登錄網(wǎng)站后臺即可對網(wǎng)站進(jìn)行相應(yīng)的管理，所以說在管理可行性方面呢也是可行的。3相關(guān)技術(shù)簡介3.1PHP技術(shù)PHP它是一種HTML嵌入式的動態(tài)腳本語言。和其它開發(fā)語言進(jìn)行比較的話，它有著輕量級的、服務(wù)器端的、可跨躍平臺的等等眾多特點，同時也支持MYSQL、Oracle等主流數(shù)據(jù)庫，非常適合用于網(wǎng)站的開發(fā)。3.2B/S三層結(jié)構(gòu)B/S結(jié)構(gòu)用通俗的話來講的話就是“瀏覽器-服務(wù)器”結(jié)構(gòu)。這個結(jié)構(gòu)它的特點呢是用戶通過瀏覽器發(fā)送請求。這些請求會傳輸?shù)椒?wù)器中進(jìn)行相應(yīng)的處理后再響應(yīng)用戶。正因為這種結(jié)構(gòu)，當(dāng)用戶想要使用網(wǎng)站服務(wù)的時候可以不用下載其他軟件，通過電腦或手機(jī)上的瀏覽器充當(dāng)客戶端即可使用網(wǎng)站服務(wù)。雖然這樣服務(wù)器它會面臨很大負(fù)擔(dān)，但是這樣的話很多工作我們只需要在服務(wù)器上進(jìn)行操作，就能很方便地完成了。3.3MySQL數(shù)據(jù)庫MySQL可以免費(fèi)為人們使用，而且是當(dāng)前主流的數(shù)據(jù)庫管理系統(tǒng)，深受開發(fā)者喜歡。這無異于是因為它開源，具有很良好的跨平臺性，同時也支持分布式，性能方面也是相當(dāng)不錯的。另外MySQL數(shù)據(jù)庫可以很好的與PHP進(jìn)行完美的配合，所以這里我選擇MySQL數(shù)據(jù)庫作為本網(wǎng)站的數(shù)據(jù)庫。3.4IntelliJIDEA和PHPSTORMIntelliJIDEA和PHPSTORM兩種編程軟件。能夠幫助我們非常方便地進(jìn)行網(wǎng)站開發(fā)和測試，通過使用這兩個軟件我們可以很方便地快速創(chuàng)建和構(gòu)建網(wǎng)站。3.5VUE概述VUE框架是當(dāng)前國內(nèi)前端主流的框架之一，它小而靈巧，非常容易入手，在擁有一定靜態(tài)網(wǎng)頁開發(fā)的基礎(chǔ)知識的情況下，我們就可以很快速的入手使用這一種框架，同時它也支持當(dāng)前比較流行的各種類庫，對各種類庫調(diào)用起來很方便，所以在這網(wǎng)站的前端的開發(fā)我選擇了用VUE來開發(fā)。4系統(tǒng)設(shè)計4.1系統(tǒng)目標(biāo)系統(tǒng)的目標(biāo)是為用戶提供一個方便、快捷、靈活的床上用品購物平臺，能讓用戶通過平臺即可買到想要的生活用品，在方便的用戶的同時，也給商家方便對平臺進(jìn)行管理。4.2系統(tǒng)功能模塊設(shè)計根據(jù)網(wǎng)站所使用的用戶的身份，可將床上用品商城為前臺和后臺。網(wǎng)站的普通用戶通過注冊登錄后進(jìn)入前臺界面，此時他們可以瀏覽以及選購商品，對選中的商品進(jìn)行付款生成訂單，對生成的訂單進(jìn)行撤銷簽收等操作，同時也可修改個人信息，退出登錄等。想要成為系統(tǒng)管理員，需要系統(tǒng)超級管理員在網(wǎng)站后臺進(jìn)行注冊操作，管理員們登錄進(jìn)入后臺，在本網(wǎng)站的后臺中他們可以對網(wǎng)站進(jìn)行管理操作，本網(wǎng)站的功能結(jié)構(gòu)。4.3數(shù)據(jù)庫設(shè)計為了滿足本網(wǎng)站的總體設(shè)計需求以及它的功能需求，本網(wǎng)站設(shè)計了七個表。下面分別展示各個表的結(jié)構(gòu)：表4.1userinfo用戶信息表表4.2admininfo管理員信息表表4.3productinfo商品信息表表4.4purchaseorder商品進(jìn)購信息表表4.5swapcommodity換購商品信息表表4.6shoppingcart購物車信息表表4.7userorder用戶訂單信息表根據(jù)需求分析，數(shù)據(jù)庫E-R圖如下：圖4.1系統(tǒng)E-R圖5系統(tǒng)的實現(xiàn)5.1連接數(shù)據(jù)庫操作系統(tǒng)的數(shù)據(jù)都是存儲在數(shù)據(jù)庫中，不管是登錄校驗，或者是瀏覽商品購買商品亦或管理網(wǎng)站都是需要對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行查詢或修改的，而想要獲取或?qū)?shù)據(jù)進(jìn)行校驗都需要先連接上數(shù)據(jù)庫才能實現(xiàn)這些操作，所以說呢數(shù)據(jù)庫連接操作對于整個系統(tǒng)來說是至關(guān)重要的，以下是連接數(shù)據(jù)庫的關(guān)鍵代碼：5.2登錄注冊模塊的實現(xiàn)不管是普通用戶亦或管理員，都需要通過登錄頁進(jìn)行登錄，通過登錄成功后才能使用網(wǎng)站的服務(wù)，沒有賬號但是又想要使用網(wǎng)站服務(wù)的訪客們呢，他們可以去注冊，這樣就可以成為網(wǎng)站的會員了，網(wǎng)站登錄注冊頁如下圖所示：圖5.1登錄注冊頁登錄注冊頁部分代碼如下：5.3前臺模塊的實現(xiàn)5.3.1前臺主頁前臺是面向普通用戶提供服務(wù)的，提供給用戶瀏覽購買商品的功能，前臺分為頭部和主體，頭部主要用于設(shè)置一些導(dǎo)航欄，主體則是根據(jù)用戶所選擇的導(dǎo)航進(jìn)行變化。前臺的部分代碼如下所示：5.3.2普通商品模塊普通商品模塊主要是向用戶展示普通商品信息，用戶可以在該模塊瀏覽該類型的商品，同時用戶可以根據(jù)檢索要素來進(jìn)行檢索，例如商品名亦或價格區(qū)間，同時可以把相中的商品放進(jìn)購物車，在本模塊里采用了antdesign的a-list組件來展示商品信息，通過重寫每一個商品（a-list-item)項中的renderItem插槽，向用戶展示商品圖片、商品名稱、商品描述、商品價格等要素，同時每件商品配上一個按鈕用于加入購物車，該模塊的核心代碼如下：5.3.3前臺折扣商品模塊前臺折扣商品模塊與普通商品類型，唯一不同點是折扣商品模塊只會檢索出折扣類商品，在這里我就不過多展示，代碼詳情可以參照5.3.2。5.3.4前臺積分換購模塊用戶在購買商品時都會根據(jù)商品價格累計一定的積分，而這些積分能用來干嘛呢，那么積分換購的用處就顯現(xiàn)出來了，在積分換購模塊，它向用戶展示了當(dāng)前商城有哪些商品可以憑借積分換購，換購積分是多少，用戶可以通過瀏覽該模塊換購所需的商品，同時該模塊的實現(xiàn)與前邊的床上用品以及折扣商品大體上是一樣的，在這里我就不過多的展示了，代碼詳情可以參照5.3.2。5.3.5前臺購物車模塊前臺購物車模塊主要是向用戶展示當(dāng)前用戶購物車內(nèi)商品信息，在該模塊會根據(jù)購買類型檢索出存放在購物車內(nèi)當(dāng)前類型的商品，用戶可把那些不打算購買的商品移出購物車，也可以選擇想要購買的商品，編輯購買數(shù)量，付款生成訂單等操作，在這里我采用了antdesign的a-table組件對購物車商品信息進(jìn)行展示，該模塊部分代碼如下所示：5.3.6前臺我的訂單模塊在前臺我的訂單模塊，頂部采用文本輸入框和下拉選擇框相結(jié)合的形式，向用戶提供檢索條件，用戶可以憑借輸入訂單編號或者選擇訂單狀態(tài)，亦或者兩者想結(jié)合檢索出本人所滿足條件的訂單，對于訂單檢索出的訂單列表的展示，在該模塊我則是采用table的形式向用戶展示，對于一些用戶可能看不懂的字段，我則是采用VUE插槽的形式對這些字段進(jìn)行處理，對不同狀態(tài)的訂單進(jìn)行不同的處理方式，如對訂單進(jìn)行查看詳情、取消購買、退貨申請、簽收等操作，下面是該模塊的部分代碼：5.3.7前臺修改密碼模塊對于前臺的修改密碼模塊，我采用的是一個彈窗的形式，當(dāng)點擊修改密碼時彈出一個modal，用戶通過填寫modal中的表單來修改密碼，對于新密碼的校驗則采用正則的形式，用于對新密碼進(jìn)行強(qiáng)度校驗，如果不滿足條件則對用戶進(jìn)行提示，滿足的話即可點擊修改按鈕對密碼進(jìn)行修改，當(dāng)修改完成后，則是強(qiáng)制路由到登錄頁要求用戶重新登錄，下面是該模塊的部分代碼：5.3.8前臺修改個人信息模塊對于前臺修改個人信息模塊，這個模塊的實現(xiàn)方式則是與修改模塊想一致，都是采用modal彈窗加表單的形式進(jìn)行修改，同時對修改的數(shù)據(jù)進(jìn)行校驗，校驗成功放能進(jìn)行修改，由于這個模塊與修改密碼模塊相似，則代碼可參看5.3.6，在這就不過多描述。5.3.9前臺退出登錄模塊對于前臺退出登錄模塊的實現(xiàn)時，用戶點擊退出登錄時會清空之前用戶登錄時所存留的個人信息、session以及VUEX緩存的用戶信息，并路由到登錄頁，下面是前臺退出登錄模塊的部分代碼：5.4后臺管理模塊本網(wǎng)站的后臺管理主要包含管理設(shè)置的功能，用戶管理的功能、商品管理的功能、換購管理的功能、進(jìn)購管理的功能、訂單管理的功能、同城配送的功能、統(tǒng)計報表的功能以及修改密碼和退出登錄等功能，這個模塊是用于對網(wǎng)站進(jìn)行管理，對于后臺的布局則是是由頭部信息欄加上左側(cè)的菜單欄以及主體三個部分組成，當(dāng)管理員登錄成功進(jìn)入后臺后，自動路由到統(tǒng)計報表的功能模塊，同時系統(tǒng)也會根據(jù)當(dāng)前所登錄的管理員的權(quán)限對左側(cè)菜單導(dǎo)航列表進(jìn)行渲染，渲染出對應(yīng)管理員權(quán)限的菜單導(dǎo)航列表，當(dāng)管理員單擊左側(cè)菜單按鈕時，后臺界面的主體部分會根據(jù)管理員選中的菜單對主體部分進(jìn)行渲染出相應(yīng)的功能模塊界面。后臺界面如下圖所示：圖5.4前臺主頁5.4.1管理設(shè)置模塊對于管理設(shè)置模塊，我在頂部設(shè)定一個文本框，一個查詢按鈕，一個新增按鈕，根據(jù)設(shè)定的文本框中輸入的管理名稱，點擊設(shè)定的按鈕進(jìn)行信息檢索，接著采用table對檢索出的管理員信息進(jìn)行展示，利用table插槽給每個項增加編輯刪除功能，當(dāng)管理員想要新增亦或編輯管理員信息時，則是采用彈出modal的形式，供用戶輸入表單信息對管理進(jìn)行新增/編輯。以下是管理設(shè)置模塊部分代碼：5.4.2用戶管理模塊用戶管理模塊即是對用戶信息進(jìn)行管理亦或維護(hù)的模塊，大體上是需要對用戶信息進(jìn)行增刪改查等操作，在模塊我提供一個文本框用于輸入用戶姓名用于對用戶進(jìn)行檢索，對于檢索出的用戶信息采用的是table進(jìn)行展示，當(dāng)點擊新增或編輯時則是彈出一個modal附帶一個表單，管理員則通過填寫表單來完成用戶信息的增加/編輯，以下是該模塊的部分代碼：5.4.3商品管理模塊商品管理模塊則是對本網(wǎng)站的商品進(jìn)行管理的模塊，該模塊采用table展示商品基本信息，采用插槽的方式給商品增加上架、下架、編輯、刪除、添加換購、取消換購以及進(jìn)購商品等操作，同時提供輸入框、按鈕等，供管理員根據(jù)商品名稱對檢索商品，新增商品等，以下則是該模塊的部分代碼：5.4.4訂單管理模塊訂單管理模塊提供訂單編號文本框、訂單狀態(tài)下拉選擇框給管理員用于對訂單進(jìn)行檢索，采用table展示檢索出的訂單列表的基本信息，利用插槽對訂單列表中的個別字段進(jìn)行處理，添加詳情查看、撤銷訂單、發(fā)貨、退貨處理等操作，選擇這些操作則彈出相應(yīng)窗體進(jìn)行處理。以下是該模塊部分代碼：5.4.5換購管理模塊換購管理相對來說功能比較少，對于換購商品采用table進(jìn)行展示，也是利用插槽給每件商品添加上編輯移除的功能，在選擇編輯時則彈出一個modal附帶表單供管理員編輯，以下是該模塊部分代碼：5.4.6進(jìn)購管理模塊進(jìn)購管理是對網(wǎng)站進(jìn)貨方面的管理，在這個模塊首先采用table展示進(jìn)購單基本信息，其次提供文本框供管理員根據(jù)商品名稱對進(jìn)購單進(jìn)行檢索，然后利用插槽給沒個進(jìn)購單增加上領(lǐng)取進(jìn)購單、放回進(jìn)購單、撤銷進(jìn)購單、商品入庫以及查看進(jìn)購單詳情等操作，以下我該模塊的部分代碼：5.4.7同城配送模塊同城配送模塊主要是用于對同城待配送的訂單的管理，這里與其他后臺管理模塊的設(shè)計時候大體上是一樣的不同的是檢索條件以及操作功能有所不同，當(dāng)訂單處于待配送情況下，提供配送功能，當(dāng)訂單處于已配送情況下僅允許查看訂單詳情，同時這個模塊主要是根據(jù)訂單編號、訂單狀態(tài)進(jìn)行檢索的，其中訂單編號采用的是輸入框，訂單狀態(tài)則采用選擇框，以下是該模塊的部分代碼：5.4.8統(tǒng)計報表模塊統(tǒng)計報表的目的就是統(tǒng)計網(wǎng)站銷售情況，網(wǎng)站用戶情況，用圖像化的形式向用戶展示，在統(tǒng)計報表模塊我主要采用了echarts插件做圖，先在項目中引入echarts插件，然后利用它做成一個柱形圖組件，在統(tǒng)計報表模塊進(jìn)行調(diào)用，并給柱形圖組件傳入數(shù)據(jù)，這樣就完成了銷售量前十商品、銷售額前十商品、系統(tǒng)管理員量、系統(tǒng)用戶量的圖形化展示，其部分代碼如下所示：5.4.9后臺修改密碼模塊在后臺修改密碼模塊，我采用的是modal+表單的形式來實現(xiàn)的，用戶通過填寫modal中的表單，填寫的數(shù)據(jù)通過校驗后點擊修改即可完成密碼修改操作，在修改密碼操作完成后系統(tǒng)會強(qiáng)制退出登錄自動路由到登錄頁。以下為本模塊的部分代碼：5.4.10后臺退出登錄模塊后臺退出登錄模塊，點擊后會自動清空之前登錄用戶的session以及VUEX緩存的用戶信息，并跳轉(zhuǎn)到登錄頁。以下為該模塊部分代碼：6系統(tǒng)的測試一個項目從一開始的設(shè)計研發(fā)到最后的測試上線，每一個步驟都是十分的重要，測試通常是我們用來尋找和發(fā)現(xiàn)項目問題的關(guān)鍵方法，對項目進(jìn)行測試，我們可以盡可能的發(fā)現(xiàn)預(yù)先沒有想到的問題，暴露出當(dāng)前系統(tǒng)存在的某些缺陷，找出這些問題以及缺陷解決掉他們，在項目上線后才不會因為這些漏洞，導(dǎo)致一些不可想向的后果，提高項目的穩(wěn)定性，可用性，確保項目在上線后可以平穩(wěn)運(yùn)行。因此在此我也對項目進(jìn)行了相應(yīng)的測試，為了能夠發(fā)現(xiàn)開發(fā)過程中可能忽略的問題，我在開發(fā)的時候也對各個子模塊進(jìn)行了相應(yīng)單元測試以及階段性階段性測試，當(dāng)項目開發(fā)完成后，我也對整個項目進(jìn)行了集成測試，在這一測試過程中，我主要采用黑盒測試來對項目進(jìn)行測試，具體測試過程如下：6.1普通用戶登錄普通用戶輸入用戶名和密碼進(jìn)行登錄，選擇普通用戶身份，然后再點擊登錄按鈕即將登錄的信息與網(wǎng)站所存的用戶信息表進(jìn)行比對，如果該賬號存在于表內(nèi)且一致的話，進(jìn)入網(wǎng)站前臺界面。測試結(jié)果如下：圖6.1普通用戶登錄6.2管理員登錄管理員登錄，需要輸入用戶名和密碼，在身份上選擇管理員，然