計算機畢業設計 ssm基于Vue的網頁版電子商城 vue 畢設

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

https://www.bilibili.com/video/BV19u411T7D1?t=8.4

三、運行截圖：

在此部分內容中，主要通過系統功能的運行效果圖展示前面設計的Zui終結果。系統實現對編制人員的技術能力有較高要求，因為需要他們使用編程的方式去實現系統設計的方案。

3.1 管理員功能實現

3.1.1 商品信息管理

管理員權限中的商品信息管理，其運行效果見下圖。管理員在當前頁面增刪改查商品信息，可以對商品進行入庫或者出庫操作，同時，管理員也能查看各個商品對應的評論信息。

圖3.1 商品信息管理頁面

3.1.2 用戶管理

管理員權限中的用戶管理，其運行效果見下圖。管理員在后臺負責對用戶資料進行增刪改查操作。

圖3.2 用戶管理頁面

3.1.3 商品入庫管理

管理員權限中的商品入庫管理，其運行效果見下圖。管理員對商品進行入庫之后，其信息會顯示在本頁面，管理員就能修改，刪除商品的入庫信息。

圖3.3 商品入庫管理頁面

3.1.4 商品出庫管理

管理員權限中的商品出庫管理，其運行效果見下圖。管理員對商品的出庫信息進行修改，刪除，查詢等操作。

圖3.4 商品出庫管理頁面

3.1.5 已支付訂單

管理員權限中的已支付訂單管理，其運行效果見下圖。用戶購買并支付商品之后，管理員需要在當前頁面對訂單商品進行發貨。

圖3.5 已支付訂單頁面

3.2 用戶功能實現

3.2.1 商品信息

用戶權限中的商品信息，其運行效果見下圖。用戶在本頁面可以操作的功能比較多，可以收藏，評論本頁面顯示的商品，可以直接購買，也能暫時加入購物車保存商品。

圖3.6 商品信息頁面

3.2.2 購物車

用戶權限中的購物車，其運行效果見下圖。購物車幫助用戶暫時保存購買的商品，方便用戶一次性下單購買多種商品。

圖3.7 購物車頁面

3.2.3 提交訂單

用戶權限中的提交訂單，其運行效果見下圖。用戶下單支付前，收貨地址和購買的商品需要再次核對清楚，Zui后支付訂單。

圖3.8 提交訂單頁面

3.2.4 已支付訂單

用戶權限中的已支付訂單，其運行效果見下圖。用戶對訂單明細進行查看，可以選擇對某些誤購買的商品進行退款。

圖3.9 已支付訂單頁面

3.2.5 聯系客服

用戶權限中的聯系客服，其運行效果見下圖。用戶在操作基于Vue的電子商城過程中，遇到任何問題可以咨詢客服，客服就負責回答用戶咨詢的問題。

圖3.10 聯系客服頁面