一、技術(shù)路線：

開發(fā)語言：Java

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

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

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

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

二、項(xiàng)目介紹：

https://www.bilibili.com/video/BV1dm4y157d9?t=9.1

三、運(yùn)行截圖：

5.1前臺首頁功能模塊

新能源汽車在線租賃，在新能源汽車在線租賃可以查看首頁、汽車信息、個人中心、后臺管理等內(nèi)容，如圖5-1所示。

圖5-1系統(tǒng)首頁界面圖

登錄、用戶注冊，通過用戶注冊獲取用戶名、密碼、姓名、性別、頭像、身份證、手機(jī)等信息進(jìn)行注冊、登錄，如圖5-2所示。

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

汽車信息，在汽車信息頁面可以填寫汽車編號、汽車名稱、汽車類型、品牌、顏色、車牌號、圖片、租借點(diǎn)地址、日價格、出租狀態(tài)等信息進(jìn)行借車，如圖5-3所示。

圖5-3汽車信息界面圖

我的收藏，在我的收藏頁面可以填寫收藏名稱、收藏圖片等信息進(jìn)行提交如圖5-4所示。

圖5-4我的收藏界面圖

5.2管理員功能模塊

管理員登錄，通過填寫用戶名、密碼、角色等信息，輸入完成后選擇登錄即可進(jìn)入新能源汽車在線租賃，如圖5-5所示。

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

管理員登錄進(jìn)入新能源汽車在線租賃進(jìn)行查看首頁、個人中心、用戶管理，站點(diǎn)管理員管理、汽車信息管理，借車信息管理，我的收藏管理、系統(tǒng)管理等內(nèi)容，如圖5-6所示。

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

站點(diǎn)管理員管理，在站點(diǎn)管理員管理頁面可以查看賬號、密碼、姓名、性別、頭像、聯(lián)系電話、地址等信息，并可根據(jù)需要對站點(diǎn)管理員管理進(jìn)行詳情，修改，刪除操作，如圖5-7所示。

圖5-7站點(diǎn)管理員管理界面圖

管理員在汽車信息管理頁面可以查看汽車編號、汽車名稱、汽車類型、品牌、顏色、車牌號、圖片、租借點(diǎn)地址、日價格、出租狀態(tài)等信息，并可根據(jù)需要對汽車信息管理進(jìn)行詳情、修改、刪除操作，如圖5-8所示。

圖5-8汽車信息管理界面圖

我的收藏管理，在我的收藏管理頁面可以查看收藏ID、表名、收藏名稱、收藏圖片等信息，并可根據(jù)需要對我的收藏管理進(jìn)行詳情、修改、刪除操作，如圖5-9所示。

圖5-9我的收藏管理界面圖

輪播圖；該頁面為輪播圖管理界面。管理員可以在此頁面進(jìn)行首頁輪播圖的管理，通過新建操作可在輪播圖中加入新的圖片，還可以對以上傳的圖片進(jìn)行修改操作，以及圖片的刪除操作，如圖5-10所示。

圖5-10輪播圖管理界面圖

5.3用戶功能模塊

用戶登錄進(jìn)入新能源汽車在線租賃可以查看首頁、個人中心、借車信息管理、還車信息管理、我的收藏管理等內(nèi)容，如圖5-11所示。

圖5-11用戶功能界面圖

借車信息管理，在借車信息管理頁面可以填寫訂單編號、汽車名稱、汽車類型、品牌、車牌號、日價格、租賃天數(shù)、總價格、租賃日期、用戶名、姓名、是否支付、審核回復(fù)等信息進(jìn)行詳情、修改、刪除如圖5-12所示。

圖5-13借車信息管理界面圖

還車信息管理，在還車信息管理頁面可以填寫訂單編號、汽車名稱、汽車類型、品牌、車牌號、照片、還車狀況、還車日期、用戶名、姓名、審核回復(fù)等信息進(jìn)行詳情、修改、刪除如圖5-14所示。

圖5-14還車信息管理界面圖

5.4站點(diǎn)管理員功能模塊

站點(diǎn)管理員登錄進(jìn)入新能源汽車在線租賃可以查看首頁、個人中心、汽車信息管理，借車信息管理、還車信息管理等內(nèi)容，如圖5-15所示。

圖5-15站點(diǎn)管理員功能界面圖

汽車信息管理，在汽車信息管理頁面可以填寫汽車編號、汽車名稱、汽車類型、品牌、顏色、車牌號、圖片、租借點(diǎn)地址、日價格、出租狀態(tài)等信息進(jìn)行詳情、修改、刪除如圖5-16所示。

圖5-16汽車信息管理界面圖

借車信息管理，在借車信息管理頁面可以填寫訂單編號、汽車名稱、汽車類型、品牌、車牌號、日價格、租賃天數(shù)、總價格、租賃日期、用戶名、姓名、是否支付、審核回復(fù)、審核等信息進(jìn)行詳情、修改、刪除如圖5-17所示。

圖5-17借車信息管理界面圖