計算機畢業設計 231的電子競技周邊商城vue 畢設35

第5章 系統實現

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

https://www.bilibili.com/video/BV1Cj41177r2/

三、運行截圖：

3.1登錄模塊的實現

系統登錄模塊可分為前臺登錄模塊和后臺登錄模塊，為確保系統安全性，系統操作員只有在登錄界面輸入正確的管理員名、密碼單擊“登錄”按鈕后才能夠進入本系統的主界面。

管理員登錄流程圖如下所示。

圖3-1管理員登錄流程圖

3.2管理員登錄

管理員通過輸入用戶，密碼、驗證碼信息進行系統登錄，效果如下圖所示3-1所示

圖3-管理員登錄界面

3.2.1用戶信息模塊的實現

用戶信息添加功能主要指對其用戶名、用戶姓名、密碼、性別、年齡、聯系電話等一些基本信息的添加、刪除和修改。用戶信息設置頁面設計效果如下圖所示3-2所示

圖3-3 用戶管理界面

3.2.2商品信息管理模塊

管理員對商品信息添加功能主要指對其商品編號、商品分類、圖片、數量、游戲名稱、價格、簡介等一些基本信息的添加、刪除和修改。商品信息添加頁面設計效效果如下圖所示3-3所示

圖3-3 商品信息添加界面

3.2.3活動公告管理模塊的實現

活動公告管理查詢添加功能主要指對其標題、圖片、發布時間、內容等一些基本信息的添加、刪除和修改。效果如下圖所示3-4所示

圖3-4 活動公告添加界面

3.2.4系統管理模塊的實現

管理員通過系統管理頁面查看輪播圖/新聞資訊/客服等進行上傳圖片進行添加、刪除、修改以及查看并對整個系統進行維護等操作。效果如下圖所示3-5所示

圖3-5系統管理添加界面

3.2.5訂單管理頁面效果如下圖所示。

管理員通過系統管理頁面查看可以查看未支付訂單、已支付訂單、已完成訂單、已取消訂單、已退款訂單、已發貨訂單等信息進行操作或修改刪除，效果如下圖所示3-6所示

圖3-6訂單管理界面

3.1前臺功能模塊

3.3.1前臺首頁

在前臺首頁可以查看首頁、商品信息、活動公告、論壇信息、新聞資訊、我的個人中心、后臺管理購物車、客服等內容，效果如下圖所示3-7所示

圖3-7前臺首頁界面圖

3.3.2前臺用戶注冊、登錄

用戶在前臺進行注冊、登錄操作對用戶名、用戶姓名、密碼、性別、年齡注冊登錄等操作。效果如下圖所示3-8所示

前臺用戶注冊登錄等內容，如圖3-8所示。

 3.3.3我的個人中心

在前臺頁面查看個人中心用戶進行修改個人信息、我的收藏、我的地址、訂單等等，查看用戶名、用戶姓名、密碼、性別、年齡、聯系電話余額?？梢赃M行余額的充值等等操作程序效果如下圖所示3-9所示

。

圖3-9個人中心信息功能界面

3.3.4論壇信息

用戶進入論壇信息頁面查看、發布貼子等操作。程序效果如下圖所示3-10所示

。

圖3-10論壇信息功能界面

3.3.5前臺商品信息管理

用戶查看前臺商品信息瀏覽并購買、支付、評論等操作進行操作，程序效果圖如下圖3-11所示：

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

3.4用戶后臺

3.3.1用戶后臺登錄

 用戶通過輸入用戶名，密碼，權限等信息進行系統登錄，如圖3-12所示。

圖3-12用戶登錄功能界面圖

3.3.2個人中心，

用戶對個人中心進行操作填寫原密碼、新密碼、確認密碼并進行添加、刪除、修改以及查看個人信息等等操作。效果如下圖所示3-13所示

。

圖3-13個人中心界面圖

3.3.3用戶管理

在用戶管理頁面可以通過查看用戶名、用戶姓名、密碼、性別、年齡、聯系電話等內容并進行添加、刪除、修改以及查看個人信息。效果如下圖所示3-14所示

。

圖3-14用戶管理界面圖

3.3.4訂單信息

在訂單信息頁面可以查看未支付訂單、已支付訂單、已完成訂單、已取消訂單、已退款訂單、已發貨訂單并進行支付等，可根據需要對數據信息進行查看詳細內容等操作，效果如下圖所示3-15所示

。

圖3-15訂單信息界面圖