計算機畢業設計 ssm基于Vue.js的在線購物系統 vue 畢設55

一、技術路線：

開發語言：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訂單列表界面圖

3.2管理員功能模塊

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

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

圖3-6管理員登錄頁面

圖3-7個人中心頁面

個人信息：通過列表可以獲取用戶名等信息，進行刪除或修改操作，如圖3-8所示。

圖3-8個人信息界面圖

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

圖3-9用戶管理界面圖

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

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