最近在做項(xiàng)目,花了一周的時(shí)間搭建了一個(gè)十分完備的汽車租賃后端管理系統(tǒng)。頁面采用純Vue2+Element-ui搭建,后端采用Springboot+Mybatis搭建,數(shù)據(jù)庫采用Mysql。包括了登錄驗(yàn)證,根據(jù)不同權(quán)限進(jìn)入不同界面、數(shù)據(jù)增刪改查、表格分頁、表格excel導(dǎo)出等等功能。已開源至git,在文末有提取鏈接。
?一、展示與功能介紹
(一)后臺(tái)登錄界面展示
(二)后臺(tái)登錄界面實(shí)現(xiàn)功能
實(shí)現(xiàn)功能如下:
1、用戶鑒權(quán)
- 非管理員,即登錄不成功:無法跳轉(zhuǎn)到管理界面,即使改變地址欄訪問后臺(tái)也不行
- 普通管理員,登錄成功:成功跳轉(zhuǎn)到管理員界面,但會(huì)少一些只有超級(jí)管理員才能操作的功能(對(duì)管理員賬號(hào)密碼的管理),即使改變地址欄訪問超級(jí)管理員后臺(tái)也不行
- 超級(jí)管理員,登錄成功:成功跳轉(zhuǎn)到超級(jí)管理員界面,擁有所有后臺(tái)操作權(quán)限
2、密碼加密——MD5加密
所有管理員登錄都會(huì)對(duì)密碼進(jìn)行加密,然后再傳輸?shù)綌?shù)據(jù)庫。采用的是MD5加密,MD5加密是一種不可逆加密,你可以轉(zhuǎn)成MD5的哈希值,但你無法從這個(gè)哈希值轉(zhuǎn)回到原始數(shù)據(jù)。所以,100%不用擔(dān)心登錄密碼在傳輸中被竊取,目前沒有任何手段進(jìn)行破解。你能搜到的MD5破解工具只能對(duì)一些非常簡單的字符串進(jìn)行對(duì)比(你以為是解出來的,實(shí)際上,呵呵,只是拿這常用的那些字符串去數(shù)據(jù)庫對(duì)比而已,復(fù)雜的字符串是解不出來的)。
(三)后臺(tái)管理系統(tǒng)界面展示
1、主界面
- 首頁顯示實(shí)時(shí)數(shù)據(jù),數(shù)據(jù)庫有多少數(shù)據(jù),就會(huì)展示多少數(shù)據(jù),實(shí)時(shí)更新
- 導(dǎo)航欄可以實(shí)現(xiàn)全屏,收起側(cè)邊欄,刷新,退出登錄等功能
還可以全屏等等
?2、員工管理界面
拿著超級(jí)管理員的賬號(hào)密碼登錄可見。使用純element-ui實(shí)現(xiàn),沒用什么引入,一個(gè)html頁面寫下來的??稍鰟h改,分頁,導(dǎo)出excel表格,還可以搜索。當(dāng)然這里的增加和修改密碼,依舊采用了加密。
?3、用戶管理界面
功能類似,頁面上顯示出來的所有功能,我都做了。
4、汽車管理界面
我加入了圖片添加,修改的功能。
5、訂單管理界面
實(shí)現(xiàn)功能如下:
- 當(dāng)添加訂單,所添加的汽車會(huì)自動(dòng)從待出租狀態(tài)變?yōu)橐殉鲎鉅顟B(tài)
- 當(dāng)修改訂單狀態(tài)為已完成,又會(huì)將汽車狀態(tài)自動(dòng)從已出租狀態(tài)變?yōu)閹С鲎鉅顟B(tài)
- 添加時(shí),當(dāng)輸入的汽車編號(hào)不存在給出提示,當(dāng)輸入的人不存在給出提示
- 價(jià)格自動(dòng)計(jì)算不需要輸入,公式為:(結(jié)束時(shí)間-開始時(shí)間)*? 汽車價(jià)格(¥/天)+押金。以上任意一個(gè)屬性被修改,值會(huì)自動(dòng)改變。不滿一天設(shè)置成立自動(dòng)算作一天。
- 當(dāng)在用戶管理處,修改用戶相關(guān)信息時(shí),訂單對(duì)應(yīng)用戶信息發(fā)生改變
- 當(dāng)在汽車管理處,修改汽車相關(guān)信息時(shí),訂單對(duì)應(yīng)汽車信息發(fā)送改變
- 其他什么搜索、增刪改、分頁、導(dǎo)出都實(shí)現(xiàn)了,不做過多贅述
6、損壞信息界面
實(shí)現(xiàn)功能:
- 添加時(shí)如果合同編號(hào)在訂單中查不到,給出提示
?
7、違章信息界面
實(shí)現(xiàn)功能:
- 添加時(shí)如果合同編號(hào)在訂單中查不到,給出提示
(四)項(xiàng)目結(jié)構(gòu)展示
你沒看錯(cuò),頁面就只有三個(gè),使用的是v-if判斷,顯示不同div。
源碼等這幾天有空了上傳github~文章來源:http://www.zghlxwxcb.cn/news/detail-699749.html
_____________________________________________________________________________2023/9/10 已開源,上傳至git :?Vue2+element-ui+SpringBoot搭建后端汽車租賃系統(tǒng): 采用純vue+element-ui搭建系統(tǒng)界面,springboot+mybatis搭建后端,實(shí)現(xiàn)了登錄權(quán)鑒,MD5加密,分頁,導(dǎo)出excel,增刪改、搜索、動(dòng)態(tài)計(jì)算等功能 (gitee.com)文章來源地址http://www.zghlxwxcb.cn/news/detail-699749.html
到了這里,關(guān)于Vue+Element-ui+SpringBoot搭建后端汽車租賃管理系統(tǒng)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!