一、技術(shù)路線：

開發(fā)語(yǔ)言：Java

前端技術(shù)：JavaScript、VUE.js（2.X）、css3

數(shù)據(jù)庫(kù)：MySQL 5.7

數(shù)據(jù)庫(kù)管理工具：Navicat或sqlyog

開發(fā)工具：IDEA或Ecplise

二、項(xiàng)目介紹：

https://www.bilibili.com/video/BV1bp4y1w7KD?t=11.4

三、運(yùn)行截圖：

3.1用戶功能模塊

用戶點(diǎn)擊進(jìn)入到系統(tǒng)操作界面，可以對(duì)主頁(yè)、個(gè)人中心、我的收藏管理、訂單管理等功能模塊，我的收藏管理：通過列表可以獲取用戶ID、收藏ID、表名、收藏名稱、收藏圖片信息并進(jìn)行修改操作，如圖3-1所示。

圖3-1我的收藏管理界面圖

已支付訂單列表：通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、狀態(tài)、地址等信息，進(jìn)行查看操作，如圖3-2所示。

圖3-2已支付訂單列表界面圖

已退款訂單列表：通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、狀態(tài)、地址等信息，進(jìn)行查看、刪除操作，如圖3-3所示。

圖3-3已退款訂單列表界面圖

已發(fā)貨訂單列表：通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、狀態(tài)、地址等信息，進(jìn)行查看操作，如圖3-4所示。

圖3-4已發(fā)貨訂單列表界面圖

已完成訂單列表：通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、狀態(tài)、地址等信息，進(jìn)行查看、刪除操作，如圖3-5所示。

圖3-5已完成訂單列表界面圖

3.2管理員功能模塊

管理員通過用戶名和密碼填寫完成后進(jìn)行登錄，如圖3-6所示。管理員登錄成功后進(jìn)入到系統(tǒng)操作界面，可以對(duì)主頁(yè)、個(gè)人中心、用戶管理、商品分類管理、商品信息管理、系統(tǒng)管理、訂單管理等功能模塊進(jìn)行相對(duì)應(yīng)操作。

個(gè)人中心：通過列表可以獲取原密碼、新密碼、確認(rèn)密碼等內(nèi)容，可以進(jìn)行修改或刪除操作，如圖3-7所示。

圖3-6管理員登錄頁(yè)面

圖3-7個(gè)人中心頁(yè)面

用戶管理：通過列表可以獲取用戶賬號(hào)、用戶姓名、密碼、性別、聯(lián)系電話、電子郵箱、余額等信息，進(jìn)行修改或刪除操作，如圖3-9所示。

圖3-9用戶管理界面圖

商品分類管理：通過列表可以獲取商品分類等信息，進(jìn)行修改或刪除操作，如圖3-10所示。

圖3-10商品分類管理界面圖

商品信息管理：管理員通過列表可以獲取商品編號(hào)、商品名稱、商品分類、數(shù)量、品牌、規(guī)格、封面、價(jià)格、詳情等信息，進(jìn)行修改或刪除操作，如圖3-11所示。

圖3-11商品信息管理界面圖

輪播圖；該頁(yè)面為輪播圖管理界面。管理員可以在此頁(yè)面進(jìn)行首頁(yè)輪播圖的管理，通過新建操作可在輪播圖中加入新的圖片，還可以對(duì)以上傳的圖片進(jìn)行修改操作，以及圖片的刪除操作，如圖3-12所示。

圖3-12輪播圖管理界面圖

新聞資訊：管理員通過列表可以獲取標(biāo)題、圖片、內(nèi)容等信息，進(jìn)行修改或刪除操作，如圖3-13所示。

圖3-13新聞資訊界面圖

已完成訂單：管理員通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、狀態(tài)、地址等信息，進(jìn)行修改或刪除操作，如圖3-14所示。

圖3-14已完成訂單界面圖

已支付訂單列表：管理員通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、

狀態(tài)、地址等信息，進(jìn)行修改或刪除操作，如圖3-15所示。

圖3-15已支付訂單列表界面圖

已完成訂單列表：管理員通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購(gòu)買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、

狀態(tài)、地址等信息，進(jìn)行修改或刪除操作，如圖3-16所示。

圖3-16已完成訂單列表界面圖

3.3前臺(tái)首頁(yè)功能模塊

 會(huì)員管理系統(tǒng)，在會(huì)員管理系統(tǒng)可以查看商品信息、新聞資訊、我的、跳轉(zhuǎn)到后臺(tái)、購(gòu)物車等內(nèi)容，如圖3-17所示。

圖3-17系統(tǒng)首頁(yè)界面圖

登錄、注冊(cè)，通過注冊(cè)填寫用戶賬號(hào)、用戶姓名、密碼、聯(lián)系電話、電子郵箱等信息進(jìn)行注冊(cè)操作，如圖3-18所示。

圖3-18登錄、注冊(cè)界面圖

商品信息，在商品信息頁(yè)面可以查看商品編號(hào)、價(jià)格、數(shù)量、品牌、規(guī)格等信息進(jìn)行立即購(gòu)買，如圖3-19所示。

圖3-19商品信息界面圖

個(gè)人中心，在個(gè)人中心頁(yè)面可以查看用戶賬號(hào)、用戶姓名、密碼、性別、聯(lián)系電話、電子郵箱等如圖3-20所示。

圖3-20個(gè)人中心界面圖

收貨地址添加，在收貨地址添加頁(yè)面可以查看個(gè)人中心、我的訂單、我的地址、我的收藏等如圖3-21所示。

圖3-21收貨地址添加界面圖

確認(rèn)下單，在確認(rèn)下單頁(yè)面可以查看選擇收貨地址、清單列表等信息進(jìn)行支付如圖3-22所示。

圖3-22確認(rèn)下單界面圖