計算機畢業設計 基于微信小程序的場地預約 畢設34

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

4.1 管理員權限的功能模塊實現界面

4.1.1系統登錄功能模塊的界面實現

　　當系統調試運行好后，可以先使用系統登錄功能，本功能相當于系統的屏障。在本界面里可以看到系統的標題和用戶名、密碼的文本框。在登錄界面里還加入了登錄按鈕。系統登錄界面的實現界面如下圖4.1所示：

圖4.1管理員登錄功能的運行實現效果

管理員登錄時會進行輸入信息的驗證，驗證的流程如下圖4.2所示：

圖4.2管理員登錄流程圖

4.1.2個人中心管理功能的實現界面

本功能可以實現管理員信息、登錄密碼的修改，修改密碼時需要原密碼的輸入。密碼信息管理功能的實現效果如下圖4.3所示；

圖4.3密碼信息管理功能的運行效果界面

4.1.3場地公告管理功能的實現界面

　　系統首頁里有很多的場地公告信息，管理員可以在后臺進行添加。在添加場地公告信息時，可以輸入不同的標題。場地公告添加成功后可以刪除。管理員查詢場地公告信息的實現界面如下圖4.4所示：

圖4.4管理員查詢場地資訊信息的實現界面

4.1.4場地類型管理功能的實現界面

場地類型信息為本系統的基本信息，管理員可以根據情況添加和刪除、修改場地類型信息，在添加場地類型信息時需要填寫標題。如果場地類型信息不再使用時可以刪除場地類型。管理員查詢場地類型信息的實現界面如下圖4.5所示：

圖4.5管理員查詢場地類型信息的運行效果界面

4.1.5預約管理功能的實現界面

管理員可以對用戶的預約進行審核和管理，可以看到預約時間和用戶的聯系信息，管理員預約管理功能的實現界面如下圖4.6所示：

圖4.6管理員管理預約信息的實現界面

4.1.6用戶信息管理功能的實現界面

　　管理員可以對注冊用戶的信息進行審核，也可以刪除不需要的用戶信息。在用戶信息管理功能里可以看到用戶的聯系信息。管理員瀏覽用戶信息的實現界面如下圖4.7所示：

圖4.7管理員瀏覽用戶信息的實現效果界面

4.1.7場地信息管理功能的實現界面

管理員可以添加和管理場地信息。管理員添加場地信息的實現界面如下圖4.8所示：

圖4.8管理員添加場地信息的功能實現效果界面

4.1.8場地使用功能的實現界面

管理員可以管理用戶的使用信息，可以查詢用戶的具體使用時間和費用的結算詳情。場地使用功能的實現界面如下圖4.9所示：

圖4.9場地使用功能的實現界面

4.1.9取消申請管理功能的實現界面

此功能可以審核用戶的取消申請信息，并可以退回用戶的押金。實現界面如下圖4.10所示：

圖4.10取消申請功能的實現界面

4.1.10退回押金功能的實現界面

此功能可以查詢退回押金的詳情，并可以進行修改和刪除。實現界面如下圖4.11所示：

圖4.11退回押金功能的實現界面

4.2用戶權限的功能界面實現

4.2.1首頁功能的實現界面

在首頁里可以看到所有的功能和信息，包括場地信息、場地公告信息等，用戶也可以根據場地的類型進行相關場地的搜索。系統首頁的界面實現效果如下圖4.12所示：

圖4.12系統前臺的功能界面實現效果

4.2.2場地信息展示界面的實現

用戶登錄后，可以在場地信息展示功能里查看場地信息。用戶可以預約場地。場地信息的功能界面實現效果如下圖4.13所示：

圖4.13場地信息界面的運行效果界面

4.2.3預約功能界面實現

用戶可以預約場地。預約功能的實現界面如下圖4.14所示：

圖4.14預約功能的實現界面

4.2.4費用支付功能的界面實現

用戶在預約詳情里可以使用場地和支付費用，實現界面如下圖4.15所示：

圖4.15費用支付功能界面實現

4.2.5我的功能界面實現

　　用戶在我的功能里可以管理預約信息、使用信息、收藏信息、取消申請信息、退回押金信息等。我的功能的實現界面如下圖4.16所示：

圖4.16我的功能的實現界面