計算機畢業設計 257的共享充電寶管理系統vue 畢設3

第5章系統詳細設計

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

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

三、運行截圖：

5.1管理員功能模塊

管理員登錄，通過填寫用戶名、密碼、角色等信息，輸入完成后選擇登錄即可進入共享充電寶管理系統，如圖5-1所示。

圖5-1管理員登錄界面圖

管理員登錄進入共享充電寶管理系統可以查看首頁、個人中心、用戶管理、維護人員管理、區域信息管理、合作商戶管理、充電寶投放管理、租賃訂單管理、歸還訂單管理、費用訂單管理、充電寶維護管理、公告欄管理、系統管理等內容，如圖5-2所示。

圖5-2管理員功能界面圖

用戶管理，在用戶管理頁面可以查看用戶賬號、密碼、用戶姓名、性別、年齡、頭像、用戶手機等信息，并可根據需要對用戶管理進行詳情，修改，刪除或查看詳細內容等操作，如圖5-3所示。

圖5-3用戶管理界面圖

維護人員管理，在維護人員管理頁面可以查看人員賬號、人員姓名、性別、年齡、照片、聯系方式、維護區域等信息，并可根據需要對維護人員管理進行詳情，修改、刪除或查看詳細內容等操作，如圖5-4所示。

圖5-4維護人員管理界面圖

合作商戶管理，在合作商戶管理頁面可以查看商戶編號、商戶名稱、區域、詳細地址、聯系人、聯系方式、商戶圖片等信息，并可根據需要對合作商戶管理進行詳情，修改、刪除或查看詳細內容操作，如圖5-5所示。

圖5-5合作商戶管理界面圖

租賃訂單管理，在租賃訂單管理頁面可以查看租賃編號、充電寶編號、圖片、區域、商戶編號、商戶名稱、每小時費用、開始時間、用戶賬號、用戶姓名、用戶手機等內容，并可根據需要對租賃訂單管理進行查看詳情，修改，刪除或查看詳細內容等操作，如圖5-6所示。

圖5-6租賃訂單管理界面圖

充電寶維護管理，在充電寶維護管理頁面可以查看充電寶編號、商戶編號、商戶名稱、圖片、區域、品牌、故障描述、處理結果、處理時間、人員賬號、人員姓名等信息，并可根據需要對充電寶維護管理進行詳情，修改、刪除或查看詳細內容等操作，如圖5-7所示。

圖5-7充電寶維護管理界面圖

公告欄管理，在公告欄管理頁面可以查看公告標題、封面圖片、發布日期、發布人等內容，并可根據需要對公告欄管理進行詳情，修改，刪除和查看詳細內容等操作，如圖5-8所示。

圖5-8公告欄管理界面圖

5.2用戶功能模塊

用戶登錄，用戶通過填寫用戶名、密碼、角色等信息，輸入完成后選擇登錄即可進入共享充電寶管理系統，如圖5-9所示。

圖5-9用戶登錄界面圖

用戶登錄進入共享充電寶管理系統可以查看首頁、個人中心、租賃訂單管理、歸還訂單管理、費用訂單管理等內容，如圖5-10所示。

圖5-10用戶功能界面圖

租賃訂單管理，在租賃訂單管理頁面可以查看租賃編號、充電寶編號、圖片、區域、商戶編號、商戶名稱、每小時費用、開始時間、用戶賬號、用戶姓名、用戶手機等詳細進行詳情、刪除，如圖5-11所示。

圖5-11租賃訂單管理界面圖

5.3維護人員功能模塊

維護人員登錄，維護人員通過填寫用戶名、密碼、角色等信息，輸入完成后選擇登錄即可進入共享充電寶管理系統，如圖5-12所示。

圖5-12維護人員登錄界面圖

維護人員登錄進入共享充電寶管理系統可以查看首頁、個人中心、充電寶投放管理、租賃訂單管理、歸還訂單管理、費用訂單管理、充電寶維護管理等內容，如圖5-13所示。

圖5-13維護人員功能界面圖

充電寶維護管理，在充電寶維護管理頁面通過查看充電寶編號、商戶編號、商戶名稱、圖片、區域、品牌、故障描述、處理結果、處理時間、人員賬號、人員姓名等信息，并可根據需要對充電寶維護管理進行詳情、修改、刪除，如圖5-14所示。

圖5-14充電寶維護管理界面圖

5.4前臺首頁功能模塊

共享充電寶管理系統，在系統首頁可以查看首頁、合作商戶、充電寶投放、公告欄、個人中心、后臺管理等內容，如圖5-15所示。

圖5-15系統功能界面圖

用戶登錄、用戶注冊，通過輸入用戶賬號、密碼、用戶姓名、性別、手機號碼等信息進行登錄、注冊，如圖5-16所示。

圖5-16用戶登錄、用戶注冊界面圖

充電寶投放，在充電寶投放進行查看充電寶編號、商戶編號、詳細地址、品牌、區域、每小時費用、剩余電量、投放時間等信息進行租賃如圖5-17所示。

圖5-17充電寶投放界面圖

公告欄，在公告欄頁面可以查看公告標題、發布日期、發布人等內容進行評論，如圖5-18所示。

圖5-18公告欄界面圖