第五章系統(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/BV1Ra4y1d7WA/

三、運行截圖：

3.1用戶功能模塊

用戶點擊進(jìn)入到系統(tǒng)操作界面，可以對首頁、個人中心、民宿信息管理、房間信息管理、房間預(yù)訂管理、房間退訂管理、投訴反饋管理、我的收藏管理等功能模塊并進(jìn)行操作，如圖3-1所示。

圖3-1用戶首頁界面圖

民宿信息管理：通過民宿信息管理列表可以獲取商家編號、民宿編號、民宿名稱、民宿地址、民宿圖片、民宿簡介等信息，進(jìn)行詳情查看操作，如圖3-2所示。

圖3-2民宿信息管理界面圖

房間預(yù)訂管理：通過房間預(yù)訂管理列表可以獲取預(yù)定編號、商家編號、民宿名稱、房間類型、房間價格、天數(shù)、已收金額、預(yù)訂時間、入住時間、備注、賬號、姓名、手機(jī)、是否支付等信息，進(jìn)行詳情、修改、刪除等操作，如圖3-3所示。

圖3-3房間預(yù)訂管理界面圖

房間退訂管理：通過房間退訂管理列表可以獲取退訂編號、商家編號、民宿名稱、房間類型、房間價格、天數(shù)、已收金額、退訂時間、備注、賬號、姓名、手機(jī)、是否支付、審核回復(fù)、審核狀態(tài)等信息，進(jìn)行詳情、修改、刪除操作，如圖3-4所示。

圖3-4房間退訂管理界面圖

3.2管理員功能模塊

管理員通過用戶名和密碼、角色填寫完成后進(jìn)行登錄，如圖3-5所示。管理員登錄成功后進(jìn)入到系統(tǒng)操作界面，可以對首頁、個人中心、用戶管理、商家管理、民宿信息管理、房間類型管理、房間信息管理、房間預(yù)訂管理、房間退訂管理、投訴反饋管理、我的收藏管理、系統(tǒng)管理等功能模塊進(jìn)行相對應(yīng)操作。

管理員商家管理：通過商家管理列表可以獲取商家編號、密碼、商家名稱、聯(lián)系電話、頭像、備注等內(nèi)容，可以進(jìn)行修改或刪除操作，如圖3-6所示。

圖3-5管理員登錄頁面

圖3-6管理員商家管理頁面

管理員用戶管理：通過用戶管理列表可以獲取賬號、密碼、姓名、性別、手機(jī)、郵箱、圖片、備注等信息，進(jìn)行刪除或修改操作，如圖3-7所示。

圖3-7用戶管理界面圖

管理員民宿信息管理：通過民宿信息管理列表可以獲取商家編號、民宿編號、民宿名稱、民宿地址、民宿圖片、民宿簡介等信息，進(jìn)行修改或刪除操作，如圖3-8所示。

圖3-8民宿信息管理界面圖

管理員房間類型管理：通過房間類型管理列表可以獲取索引、房間類型、操作等信息，進(jìn)行詳情、修改或刪除操作，如圖3-9所示。

圖3-9房間類型管理界面圖

管理員房間信息管理：通過房間信息管理列表可以獲取商家編號、民宿編號、房間類型、圖片、房間設(shè)施、房間價格、收取金額等信息，進(jìn)行詳情、查看或刪除操作，如圖3-10所示。

圖3-10房間信息管理界面圖

管理員房間預(yù)訂管理：通過房間預(yù)訂管理列表可以獲取預(yù)定編號、商家編號、民宿名稱、房間類型、房間價格、天數(shù)、已收金額、預(yù)訂時間、入住時間、備注、賬號、姓名、手機(jī)、是否支付等信息，進(jìn)行備注或刪除操作，如圖3-11所示。

圖3-11房間預(yù)訂管理界面圖

3.3商家用戶功能模塊

商家用戶點擊進(jìn)入到系統(tǒng)操作界面，可以對首頁、個人中心、民宿信息管理、房間信息管理、房間預(yù)訂管理、房間退訂管理、投訴反饋管理、我的收藏管理等功能模塊，如圖3-12所示。

圖3-12商家用戶界面圖

商家用戶民宿信息管理：通過民宿信息管理列表可以獲取商家編號、民宿編號、民宿名稱、民宿地址、民宿圖片、民宿簡介等信息，進(jìn)行查詢、新增、刪除操作，如圖3-13所示。

圖3-13民宿信息管理界面圖

3.4前臺首頁功能模塊

前臺首頁，在系統(tǒng)首頁可以查看首頁、民宿信息、房間信息、個人中心、后臺管理、在線客服等內(nèi)容，如圖3-14所示。

圖3-14前臺首頁功能界面圖

用戶登錄，在登錄頁面通過填寫賬號、密碼等信息完成登錄，如圖3-15所示。在民宿信息頁面通過查看商家編號、民宿編號、民宿名稱、民宿地址、民宿圖片、民宿簡介等信息進(jìn)行購買操作，如圖3-16所示。

圖3-15用戶登錄界面圖

圖3-16民宿信息界面圖