第四章 系統(tǒng)功能的具體實現(xiàn)

一、技術(shù)路線：

開發(fā)語言：Java

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

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

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

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

二、項目介紹：

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

三、運行截圖：

3.1小程序端

登錄，用戶通過輸入賬號和密碼，并點擊登錄進(jìn)行系統(tǒng)登錄操作，如圖3-1所示。

圖3-1用戶登錄界面圖

用戶注冊，在用戶注冊頁面通過填寫賬號、密碼、確認(rèn)密碼、昵稱、性別、手機等信息進(jìn)行注冊操作；如圖3-2所示。

圖3-2用戶注冊界面圖

用戶登陸小程序端，可以對首頁、學(xué)習(xí)資料、購物車、我的等功能進(jìn)行詳細(xì)操作，如圖3-3所示。

圖3-3小程序端首頁界面圖

學(xué)習(xí)資料，在學(xué)習(xí)資料頁面可以查看資料圖片、資料名稱、價格、資料編號、資料類型、下載鏈接、發(fā)布日期、資料簡介等信息，用戶可根據(jù)自身需要進(jìn)行加入購物車、立即訂購或收藏等操作管理；如圖3-4所示。

圖3-4學(xué)習(xí)資料界面圖

我的訂單，在我的訂單頁面可以查看未支付、已支付、已發(fā)貨、已完成、已取消、已退款訂單等內(nèi)容；并對不同類型的訂單進(jìn)行處理。如圖3-5所示。

圖3-5我的訂單界面圖

用戶，在我的頁面可以對我的收藏管理、用戶充值、購物車、我的訂單等詳細(xì)信息進(jìn)行操作，如圖3-6所示。

圖3-6用戶功能界面圖

用戶信息，在用戶信息頁面通過填寫賬號、密碼、昵稱、性別、手機等內(nèi)容進(jìn)行保存操作，如圖3-7所示。

圖3-7用戶信息界面圖

3.2 后臺管理員功能模塊

管理員登錄，管理員通過輸入賬號、密碼，并點擊登錄進(jìn)行系統(tǒng)登錄操作，如圖3-8所示。

圖3-8管理員登錄界面圖

管理員登錄系統(tǒng)后，可以對首頁、個人中心、用戶管理、資料類型管理、學(xué)習(xí)資料管理、系統(tǒng)管理、訂單管理等功能進(jìn)行相應(yīng)操作，如圖3-9所示。

圖3-9管理員功能界面圖

用戶管理，在用戶管理頁面可以對索引、賬號、昵稱、性別、手機等內(nèi)容進(jìn)行詳情、修改或刪除等操作，如圖3-10所示。

圖3-10用戶管理界面圖

學(xué)習(xí)資料，在學(xué)習(xí)資料頁面可以對索引、資料編號、資料名稱、資料類型、相關(guān)圖片、相關(guān)視頻、下載鏈接、發(fā)布日期、價格等內(nèi)容進(jìn)行詳情，修改，查看評論或刪除等操作，如圖3-11所示。

圖3-11學(xué)習(xí)資料管理界面圖

訂單管理；在已支付訂單頁面可以對索引、訂單編號、商品名稱、商品圖片、購買數(shù)量、價格/積分、折扣價格、總價格/總積分、折扣總價格、支付類型、狀態(tài)、地址、電話、收貨人、商品類型、下單時間等內(nèi)容進(jìn)行詳情和發(fā)貨操作，還可以對已完成訂單、已發(fā)貨訂單、未支付訂單、已取消訂單、已退款訂單等進(jìn)行詳細(xì)操作；如圖3-12所示。

圖3-12訂單管理界面圖

系統(tǒng)管理，在輪播圖頁面可以對索引、名稱、圖片等內(nèi)容進(jìn)行詳情或修改等操作，如圖3-13所示。

圖3-13系統(tǒng)管理界面圖