計算機畢業設計 ssm電腦配件銷售系統 jsp 畢設87

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

3.1用戶功能模塊

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

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

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

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

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

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

已發貨訂單列表：通過列表可以獲取訂單id、用戶id、商品id、商品名稱、商品圖片、購買數量、價格/積分、折扣價格、總價格/總積分、折扣總價格、支付類型、狀態、地址等信息，進行查看操作，如圖3-4所示。

圖3-4已發貨訂單列表界面圖

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

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

3.2管理員功能模塊

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

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

圖3-6管理員登錄頁面

圖3-7個人中心頁面

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

圖3-9用戶管理界面圖

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

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

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

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

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

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

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

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

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

狀態、地址等信息，進行修改或刪除操作，如圖3-15所示。

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

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

狀態、地址等信息，進行修改或刪除操作，如圖3-16所示。

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

3.3前臺首頁功能模塊

 電腦配件銷售系統，在電腦配件銷售系統可以查看商品信息、我的、跳轉到后臺、購物車等內容，如圖3-17所示。

圖3-17系統首頁界面圖

登錄、注冊，通過注冊填寫用戶賬號、用戶姓名、密碼、聯系電話、電子郵箱等信息進行注冊操作，如圖3-18所示。

圖3-18登錄、注冊界面圖

商品信息，在商品信息頁面可以查看商品編號、價格、數量、品牌、規格等信息進行立即購買，如圖3-19所示。

圖3-19商品信息界面圖

個人中心，在個人中心頁面可以查看用戶賬號、用戶姓名、密碼、性別、聯系電話、電子郵箱等如圖3-20所示。

圖3-20個人中心界面圖

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

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

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

圖3-22確認下單界面圖