電商購物平臺的設(shè)計與實現(xiàn)摘要電商購物平臺的產(chǎn)生，順應(yīng)當(dāng)前互聯(lián)網(wǎng)大時代背景下消費者新的消費需求和消費模式，且不受地域限制，投入成本低，面向群體流量大，交易都是在網(wǎng)上完成，價格便宜，成交量大。此次設(shè)計涉及兩個部分，一個是前臺門戶展示頁面，是用戶進行購買的場所，其中主要包括個人中心、商品首頁、購物車及訂單展示。主要內(nèi)容有展示用戶信息、修改個人資料、密碼、搜索商品、添加購物車、查看購買訂單記錄、管理收貨地址等。另一個是后臺管理系統(tǒng)，主要是系統(tǒng)管理員對商家的管理，包括審核商家資格、管理所有用戶、審核商家上傳商品信息。商家用戶對自己名下的商戶進行管理、查看訂單、查看評價、對商品分類進行管理等。[關(guān)鍵詞]電商平臺便捷購物后臺管理軟件開發(fā) 目錄TOC\o"1-3"\h\u3915一、前言 113285二、需求分析 14039（一）開發(fā)工具分析 1169631、IntelliJIDEA 2119892、MySQL數(shù)據(jù)庫 265863、Vue 2207814、SpringBoot 225755（二）可行性分析 3221231、技術(shù)可行性 3123852、經(jīng)濟可行性 3146553、管理可行性 311150三﹑系統(tǒng)設(shè)計 431322（一）總體設(shè)計 430593（二）詳細設(shè)計 4295301、數(shù)據(jù)庫物理設(shè)計 4220362、功能設(shè)計 823176四、功能實現(xiàn) 1130969（一）門戶功能實現(xiàn) 11177071、注冊、登錄 11105462、首頁 1396533、修改密碼 14284414、個人中心 14276715、加入購物車 18265746、直接購買 20250897、訂單信息 226929（二）后管功能實現(xiàn) 24270981、管理員功能實現(xiàn) 25319392、商家功能實現(xiàn) 2916046五、功能測試 3224489（一）測試目的 321134（二）測試步驟 322865（三）測試內(nèi)容 3313096（四）測試結(jié)果 3532046參考文獻 37PAGEPAGEPAGE38電商購物平臺的設(shè)計與實現(xiàn)一、前言互聯(lián)網(wǎng)的飛速發(fā)展，使得人們的生活方式有了巨大的改變，且隨著科技和時代的不斷發(fā)展與進步，電商購物平臺已將門店購物慢慢取代，網(wǎng)上溝渠已經(jīng)深深地融入到人們的生活當(dāng)中,給人們的生活帶來極大的便利。我相信當(dāng)下有更多人更熱衷與網(wǎng)上購物，究其原因是網(wǎng)上購物是以互聯(lián)網(wǎng)為交易平臺，而互聯(lián)網(wǎng)是靈活多變的，它使得購物不再受時間、空間，地域及天氣所影響，而且在網(wǎng)上可以讓人們看到更多的種類，更美觀的價格，也免去了傳統(tǒng)購物路程的辛苦，隨時隨地動動手就可以購得自己所需要的物品。在電子商務(wù)模式下進行的購物，不但降低了購物條件，增加了用戶的購買次數(shù)，而且更容易刺激用戶沖動消費。關(guān)于此次設(shè)計，門戶網(wǎng)站是用來給廣大用戶展示商品的信息，包括外觀、種類、價格等，用戶可以自行搜索需要的商品，然后進行購買，用戶還可以管理和修改自己的信息，以及對已經(jīng)購買的商品進行評價。后臺管理系統(tǒng)是用來審核和管理的，一是系統(tǒng)管理員可以對用戶申請成為商家進行審核，且擁有管理所有的用戶的權(quán)限，二是已經(jīng)成為用戶的商家可以對自己名下的商戶進行管理，如商品的發(fā)布和下架，商品的價格管理，查看商品的售賣情況。二、需求分析（一）開發(fā)工具分析本系統(tǒng)基于Windows10系統(tǒng)開發(fā)，主要使用Java語言，采用Spring框架，有關(guān)此次設(shè)計所使用到的前端技術(shù)有Vue，Ant-design-vue以及Webpack，使用的是JavaScript客戶端腳本語言，使用的后端技術(shù)主要有SpringBoot_2.1.3.RELEASE、Mybatis-plus_3.1.2、Swagger-ui和Redis，開發(fā)過程中主要使用的開發(fā)工具有MySQL，intelliJIDEA。1、IntelliJIDEAIntelliJ作為一個超過10年生命力還如此強勁的IDE，被廣大程序員們認為是最好最完美的java開發(fā)工具，特別是它具有代碼提示、支持重構(gòu)、代碼檢查及代碼自動完成的優(yōu)點，而且具有強大的插件功能，使用起來使人得心應(yīng)手，具有高效的開發(fā)效率。2、MySQL數(shù)據(jù)庫MySQL目前被廣泛的應(yīng)用在中小型網(wǎng)站中，也是企業(yè)使用較多的關(guān)系型數(shù)據(jù)庫，MySQL擁有較為健全的體系，具有功能強大，支持跨平臺、面向?qū)ο?，速度快等特點。最重要的是MySQL是開源免費的，但它也有極大的缺陷，就是在處理大量請求時速度會顯著變慢，而且支持的最大用戶連接數(shù)也比較小。在學(xué)校學(xué)習(xí)過相關(guān)知識，此次運用更是得心應(yīng)手。3、Vuevue是目前最火的前端三大主流框架之一，它是一套用于構(gòu)建用戶界面的漸進式框架，一個輕量級的MVVM,用它來搭建框架，因為不需關(guān)注Dom的渲染，所以提高了不少的開發(fā)效率，且通俗易上手，有利于與第三方類庫進行整合。4、SpringBootSpringBoot是由Pivotal團隊研發(fā)發(fā)布的，它通過使用特定的方式進行配置，使開發(fā)人員不再需要定義樣板化的配置，通過簡化配置進一步簡化了Spring應(yīng)用的整個搭建和開發(fā)過程，項目可獨立運行，無需外部依賴Servlet容器，但也因為其封裝功能強大，使得內(nèi)部原理難以參透，容易產(chǎn)生依賴，并且它一旦出錯，錯誤調(diào)試難度較大且存在缺少監(jiān)控集成方案等缺點。（二）可行性分析1、技術(shù)可行性電商購物平臺主使用Vue框架，Ant-design-vue做以輔助，操作相對簡單且比較方便運用。Vue作為單頁面應(yīng)用將一個網(wǎng)頁分成多個可復(fù)用的組件，每個組件有獨立的邏輯。另外，當(dāng)頁面中的路由發(fā)生改變時，Dom樹只改變需要改變的部分，刷新局部資源，使得頁面更加流暢。2、經(jīng)濟可行性電商購物平臺相對其他系統(tǒng)來說并不算是大型系統(tǒng)，操作簡單上手，所以并不需要投入大筆的資金和人力，實用性也非常好，在節(jié)省資源的同時也節(jié)省時間。而且由于系統(tǒng)的規(guī)模較小，使用的又是本地服務(wù)器，訪問量也不是很大，所以基本不會出現(xiàn)系統(tǒng)宕機的情況。因此使用后的成效果還是非常明顯的，既做到了合理節(jié)約和合理利用資源，又提高了工作效率，開發(fā)工具以及服務(wù)器的配置都是免費的，這使得本系統(tǒng)在未來新增業(yè)務(wù)功能方面會有較大的發(fā)展前景，因此，在經(jīng)濟方面有一定的可行性。3、管理可行性本電商購物平臺相對于其他購物軟件體積小且操作流程簡單，每個模塊劃分較清晰，頁面內(nèi)容簡潔。對用戶而言，簡單的界面可以使用戶快速熟悉本平臺所提供的業(yè)務(wù)，更輕松的完成購物。對管理員而言，相對簡單的管理界面讓管理員的操作更簡單流暢，更容易管理。因此，電商購物平臺在管理方面有一定的可行性。三﹑系統(tǒng)設(shè)計總體設(shè)計系統(tǒng)總體設(shè)計如圖1所示。圖1系統(tǒng)總體設(shè)計（二）詳細設(shè)計1、數(shù)據(jù)庫物理設(shè)計（1）用戶信息表主要是用來保存用戶的信息，如表1所示。表1用戶信息表名稱類型長度主鍵注釋idvarchar10是用戶idusernamevarchar255否登錄賬號realnamevarchar11否真實姓名passwordvarchar255否密碼saltvarchar45否md5密碼鹽avatarvarchar255否頭像birthdaydatetime0否生日sextinyint1否性別(0-默認未知,1-男,2-女)phonevarchar45否電話del_flagtinyint1否刪除狀態(tài)(0-正常,1-已刪除)user_typevarchar255否用戶類型1普通用戶2商家business_flagvarchar255否是否商家1是0不是（2）用戶地址表主要是用來保存用戶收貨地址，如表2所示。表2用戶地址表名稱類型長度主鍵注釋idvarchar36是主鍵create_byvarchar50否創(chuàng)建人create_timedatetime0否創(chuàng)建日期update_byvarchar50否更新人update_timedatetime0否更新日期sys_org_codevarchar64否所屬部門user_idvarchar64否用戶IDdetail_adressvarchar255否詳細地址codevarchar32否省市縣級聯(lián)編碼defailt_adressvarchar32否是否為默認地址（3）商品表主要是用保存商品信息，如表3所示。表3商品表名稱類型長度主鍵注釋idvarchar36是主鍵create_byvarchar50否創(chuàng)建人create_timedatetime0否創(chuàng)建日期update_byvarchar50否更新人update_timedatetime0否更新日期sys_org_codevarchar64否所屬部門titlevarchar255否標(biāo)題descriptionvarchar255否商品描述pricedecimal10否價格stockint0否庫存category_idvarchar32否所屬類別covervarchar255否商品封面thumbnailvarchar256否商品縮略圖goods_statusvarchar32否商品狀態(tài)1上架0下架audit_statusvarchar32否商品審核狀態(tài)0是未審核1審核通過user_idvarchar64否所屬商戶（4）商品類別表主要是用來保存商品分類信息的，如表4所示。表4商品類別表名稱類型長度主鍵注釋idvarchar36是主鍵pidvarchar36否父級節(jié)點namevarchar100否類型名稱codevarchar100否類型編碼create_byvarchar50否創(chuàng)建人create_timedatetime0否創(chuàng)建日期update_byvarchar50否更新人update_timedatetime50否更新日期has_childvarchar3否是否有子節(jié)點（5）商品評價表主要是用來保存商品評價信息的，如表5所示。表5商品評價表名稱類型長度主鍵注釋idvarchar36是主鍵create_byvarchar50否創(chuàng)建人create_timedatetime0否創(chuàng)建日期sys_org_codevarchar64否所屬部門user_idvarchar32否用戶idgood_idvarchar32否商品idevaluatevarchar32否評價內(nèi)容gradevarchar32否評價等級picvarchar255否評價圖片（6）訂單表主要是用來保存訂單信息的，如表6所示。表6訂單表名稱類型長度主鍵注釋Idvarchar36是主鍵create_byvarchar50否創(chuàng)建人create_timedatetime0否創(chuàng)建日期update_byvarchar50否更新人update_timedatetime0否更新日期sys_org_codevarchar64否所屬部門good_namevarchar255否商品名字pricedouble0否價格numint0否數(shù)量total_pricedouble22否單品價格user_idvarchar64否用戶idorder_main_idvarchar32否訂單idstatusvarchar32否訂單狀態(tài)（-1:申請退款-2:退貨成功0：待發(fā)貨；1：待收貨；2：已收貨；3：待評價；-1：已退款）good_idvarchar64否商品idremarksvarchar255否備注pay_idvarchar255否支付寶返回id（7）購物車表主要是用來保存購物車信息的，如表7所示。表7購物車表名稱類型長度主鍵注釋idvarchar35是主鍵total_pricevarchar255否商品總價create_byvarchar50否創(chuàng)建人create_timedatetime0否創(chuàng)建日期sys_org_codevarchar64否所屬部門user_idvarchar64否用戶IDgood_idvarchar32否商品IDpricevarchar32否單價numbervarchar32否數(shù)量2、功能設(shè)計（1）門戶功能設(shè)計①注冊、登錄用戶在初次使用本系統(tǒng)時需根據(jù)要求完成注冊，注冊時既可以選擇賬號密碼注冊，也可直接用手機號注冊，注冊過程中會將個人信息存入數(shù)據(jù)庫中，注冊完成后就可進行登錄。用戶在登錄時可選擇使用賬戶密碼或短信驗證的方式進行登錄。當(dāng)用戶忘記密碼時，在登錄頁中有忘記密碼，用戶根據(jù)提示即可設(shè)置新的密碼。②首頁首頁中展示所有商品的類別，不同類別的商品下又進行不同的分類，方便用戶依據(jù)分類尋找需要的商品；首頁中還有輪播圖，展示的是當(dāng)下最熱銷的商品；首頁中還有搜索的功能，方便用戶快速尋找需要的商品。首頁中所提供的商品分類，輪播圖，搜索等，都是為用戶提供更方便、快捷、完美的購物體驗。③個人中心個人中心中展示的有用戶的個人信息，如：用戶名、生日、頭像等，用戶在此可修改自己的資料信息，同時也會展示用戶購物車、訂單及地址的信息。④立即購買或加入購物車用戶在商城中挑選到自己喜歡的商品后，可執(zhí)行“立即購買”或?qū)⑸唐贰凹尤胭徫镘嚒?，用戶對加入購物車的商品也可進行全部清空或單個刪除的操作。⑤評價用戶確認收貨后，在個人中心“我的訂單”中的“待評價”中可對商品進行評價。（2）后臺管理系統(tǒng)功能設(shè)計后臺管理系統(tǒng)又分為兩大模塊，一塊是管理員，另一塊是商家。管理員對系統(tǒng)中商家進行管理，包括審核商家資格、管理所有用戶等功能、對商家上傳的商品進行審核和管理、查看訂單和評價等。管理員模塊設(shè)計如下：①注冊、登錄管理員模塊后臺管理系統(tǒng)的注冊、登錄流程與門戶頁面一樣。②首頁首頁中展示的是用戶對門戶網(wǎng)站最近一周的訪問量的統(tǒng)計，包括當(dāng)日訪問量和總訪問量，用來作為管理人員管理和判斷門戶網(wǎng)站運營的依據(jù)。③訂單管理訂單管理中顯示的是用戶在門戶網(wǎng)站購買的商品信息，即已經(jīng)成交的商品，顯示內(nèi)容有商品圖片、名字、單價、訂單id等。④商家審核商家審核是系統(tǒng)管理員對申請成為商家的系統(tǒng)用戶進行資格審核，通過即可使用本系統(tǒng)。⑤評價管理評價管理中展示的是用戶對在門戶網(wǎng)站購買的商品的使用評價，顯示的內(nèi)容有評價內(nèi)容、評分等級、圖片及評價人等。⑥商品管理商品管理對商家上傳的商品進行審核和管理，審核通過商家即可對上傳的商品在門戶網(wǎng)站進行展示，管理員可以查看商品的所屬類別、商品標(biāo)題、商品描述、價格、庫存等。⑦系統(tǒng)管理系統(tǒng)管理是系統(tǒng)管理員對所有用戶、角色進行管理和授權(quán)操作。商家模塊設(shè)計如下：①注冊、登錄商家模塊后臺管理系統(tǒng)的注冊、登錄流程與管理員一樣。②首頁首頁中展示的是用戶對門戶網(wǎng)站最近一周的訪問量的統(tǒng)計，包括當(dāng)日訪問量和總訪問量，還有總銷售額、訂單數(shù)量等，用來作為商家運營的依據(jù)。③商品管理商品管理是商家對需要在門戶網(wǎng)站展示的商品進行管理，即可發(fā)布和下架商品，管理內(nèi)容有商品所屬類別、商品標(biāo)題、商品描述、價格、庫存等。對商品進行新增、修改、刪除、查詢操作。④評價管理評價管理中展示的是用戶對在門戶網(wǎng)站購買的商品的使用評價，顯示的內(nèi)容有評價內(nèi)容、評分等級、圖片等。⑤訂單管理訂單管理中顯示的是用戶在門戶網(wǎng)站購買的商品信息，即已經(jīng)成交的商品和待發(fā)貨的商品，顯示內(nèi)容有商品圖片、名字、單價、訂單id、訂單狀態(tài)等，還具有發(fā)貨的功能操作。⑥系統(tǒng)管理系統(tǒng)管理是商家對商品分類的管理。四、功能實現(xiàn)（一）門戶功能實現(xiàn)1、注冊、登錄用戶根據(jù)要求進行注冊，注冊時可選擇自己要注冊的身份，注冊完成后會跳轉(zhuǎn)到登錄頁，輸入賬號登錄，系統(tǒng)就會驗證數(shù)據(jù)庫中的數(shù)據(jù)，比對正確才可登錄。門戶網(wǎng)站的注冊頁面如圖2所示，登錄頁面如圖3、4所示。圖2注冊頁面圖3登錄頁面圖4登錄頁面2、首頁首頁展示了商品的分類及其二級分類，輪播圖及特色好物，也可在此搜索商品，如圖5、6所示。圖5首頁圖6首頁3、修改密碼在頁面的右上角有一個下拉選擇，用戶可在此修改密碼。如圖7所示。圖7修改密碼4、個人中心個人中心中是用戶的基本信息，我的購物車如圖8所示，地址管理如圖9所示，我的訂單頁面如圖10-13所示，訂單評價如圖14、15所示。訂單已完成如圖16所示。圖8購物車頁面圖9地址管理頁面圖10我的訂單頁面圖11訂單待付款圖12訂單待發(fā)貨圖13訂單待收貨圖14訂單待評價圖15評價頁面圖16訂單已完成5、加入購物車用戶在首頁點擊商品，即可進入商品詳情，如圖17所示，然后可將商品加入購物車，加入購物車成功頁面如圖18所示，接著選擇其他商品，全部選擇完成后進行統(tǒng)一購買，如圖19所示，也可對加購的商品進行刪除，如圖20所示。圖17商品詳情頁面圖18加入購物車成功頁面圖19購物車頁面圖20刪除購物車頁面6、直接購買用戶選擇完商品后，可立即購買此商品，如圖21所示，點擊立即購買按鈕之后就會跳轉(zhuǎn)到訂單確認頁面，如圖22所示，如若確認購買，則點擊立即支付，頁面就會跳轉(zhuǎn)到付款頁面，如圖23所示，支付成功就會彈出支付成功消息，如圖24所示。圖21立即購買頁面圖22訂單確認頁面圖23支付頁面圖24支付成功頁面7、訂單信息用戶在個人中心“我的訂單”中可查看訂單的具體情況，包括待付款如圖25所示，待發(fā)貨如圖26所示，待收貨如圖27所示，收到購買的商品并確認無損壞后，對訂單進行確認收貨，評價頁面如圖28、29所示，已完成如圖30所示。圖25待付款頁面圖26待發(fā)貨頁面圖27待收貨頁面圖28待評價頁面圖29評價頁面圖30已完成頁面（二）后管功能實現(xiàn)后臺管理系統(tǒng)又分為兩大模塊，一塊是管理員，另一塊是商家。1、管理員功能實現(xiàn)（1）注冊、登錄注冊頁面如圖31所示，登錄頁面如圖32、33所示。圖31注冊頁面圖32登錄頁面圖33登錄頁面（2）首頁管理員首頁如圖34所示。圖34管理員首頁（3）訂單管理管理員訂單管理如圖35所示。圖35訂單管理頁面（4）商家審核管理員商家審核如圖36所示。圖36商家審核頁面（5）評價管理管理員評價管理如圖37所示。圖37評價管理頁面（6）商品管理管理員商品管理如圖38所示。圖38商品管理頁面（7）系統(tǒng)管理管理員系統(tǒng)管理如圖39、40所示。圖39用戶管理頁面圖40角色管理頁面2、商家功能實現(xiàn)（1）注冊、登錄注冊、登錄頁面同管理員一樣，如圖31-33所示。（2）首頁商家首頁如圖41所示。圖41商家首頁（3）商品管理商家商品管理如圖42所示。圖42商品管理頁面（4）訂單管理商家訂單管理如圖43所示。圖43訂單管理頁面（5）評價管理商家評價管理如圖44所示。圖44評價管理頁面（6）系統(tǒng)管理商家系統(tǒng)管理如圖45所示。圖45系統(tǒng)管理頁面五、功能測試（一）測試目的測試是系統(tǒng)開發(fā)過程不可或缺的一部分，系統(tǒng)的后期修復(fù)和再次進行開發(fā)與調(diào)整，都是以測試為基礎(chǔ)的，系統(tǒng)測試就是不斷發(fā)現(xiàn)軟件產(chǎn)品的不足及問題的過程，并將錯誤并進行相應(yīng)的修改，直到系統(tǒng)能夠完成基本功能。（二）測試步驟本系統(tǒng)測試包括以下幾個步驟：（1）模塊測試，這一步是用來發(fā)現(xiàn)每一個模塊編碼和邏輯的錯誤，需要測試接口調(diào)用是否正常。（2）系統(tǒng)測試，這一步是找出系統(tǒng)設(shè)計中存在的錯誤。（3）功能測試，這一步是通過系統(tǒng)的操作界面來找出系統(tǒng)中可能存在的一些功能問題。（三）測試內(nèi)容1、登錄測試表8用戶登錄功能測試測試描述登錄模塊測試目標(biāo)測試用戶能否正確登錄前提條件無輸入操作期望輸出實際情況賬號：密碼：請輸入登錄賬號與期望的輸出情況一致賬號：test密碼：test密碼或賬號錯誤，請重新輸入，驗證碼錯誤與期望的輸出情況一致商品列表測試表9商品搜索功能測試測試描述商品列表搜索測試目標(biāo)測試用戶能否正確搜索到對應(yīng)的商品前提條件無輸入操作期望輸出實際情況商品名稱對應(yīng)的商品列表與期望的輸出情況一致修改密碼測試表10修改密碼功能測試測試描述修改密碼測試目標(biāo)測試用戶能否正常修改密碼前提條件無輸入操作期望輸出實際情況商品名稱修改成功的消息，并能使用新密碼與期望的輸出情況一致個人中心瀏覽測試表11個人中心功能測試測試描述個人中心瀏覽測試測試目標(biāo)測試用戶能否正常瀏覽個人中心前提條件無輸入操作期望輸出實際情況無正常查看個人中心的相關(guān)內(nèi)容與期望的輸出情況一致用戶加入購物車測試表12用戶加入購物車功能測試測試描述用戶加入購物車測試測試目標(biāo)測試用戶能否正常添加商品到購物車前提條件無輸入操作期望輸出實際情況鼠標(biāo)單擊按鈕加入成功的消息，并能從我的購物車查看該商品與期望的輸出情況一致用戶購買商品測試表13用戶購買商品功能測試測試描述用戶購買商品測試測試目標(biāo)測試用戶能否正常購買商品前提條件無輸入操作期望輸出實際情況鼠標(biāo)單擊按鈕生成訂單并支付，出現(xiàn)支付成功的消息與期望的輸出情況一致后臺管理系統(tǒng)商品管理測試表14后臺管理系統(tǒng)商品管理測試測試描述后臺管理系統(tǒng)商品管理測試測試目標(biāo)測試