一、項(xiàng)目簡(jiǎn)介智慧停車管理系統(tǒng)是一套基于 Spring Boot 3 Vue 3 MySQL 的前后端分離項(xiàng)目面向商業(yè)停車場(chǎng)、小區(qū)物業(yè)等場(chǎng)景提供從車位管理、車輛進(jìn)出、預(yù)約停車到違規(guī)處理、訪客管理、在線充值、消息通知及實(shí)時(shí)聊天的一體化解決方案。系統(tǒng)整體架構(gòu)為前后端分離后端提供 RESTful API前端通過 Vue Router 管理頁(yè)面路由并配合 Axios 調(diào)用接口。系統(tǒng)包含三個(gè)角色普通用戶C 端操作、管理員全局配置與數(shù)據(jù)管理、員工日常運(yùn)營(yíng)操作三者權(quán)限邊界清晰適合作為畢業(yè)設(shè)計(jì)或企業(yè)級(jí)項(xiàng)目的二次開發(fā)基礎(chǔ)。二、技術(shù)棧技術(shù)說明后端框架Spring Boot 3.xORMMyBatis-Plus 3.5.x內(nèi)置分頁(yè)插件權(quán)限認(rèn)證JWT自定義攔截器 角色校驗(yàn)前端框架Vue 3Composition API前端路由Vue Router 4History 模式 路由守衛(wèi)狀態(tài)管理Pinia構(gòu)建工具Vite數(shù)據(jù)庫(kù)MySQL 8.x工具庫(kù)HutoolMD5 加密、Lombok三、功能模塊管理員端儀表盤統(tǒng)計(jì)展示用戶數(shù)、員工數(shù)、車位總數(shù)及空閑/占用/已預(yù)約/維護(hù)中數(shù)量、車輛數(shù)、停車記錄數(shù)、預(yù)約數(shù)、違規(guī)數(shù)含待處理、訪客數(shù)等核心 KPI便于快速掌握系統(tǒng)運(yùn)行狀態(tài)。管理員/員工/用戶管理對(duì)三類賬號(hào)進(jìn)行新增、編輯、刪除操作支持按姓名模糊搜索與分頁(yè)。用戶名唯一密碼使用 MD5 加密存儲(chǔ)角色字段固定ADMIN/EMPLOYEE/USER。車位管理支持新增、編輯、刪除車位車位編號(hào)唯一可設(shè)置區(qū)域、樓層、類型關(guān)聯(lián)基礎(chǔ)數(shù)據(jù)中的車位類型支持按編號(hào)/區(qū)域/狀態(tài)篩選。車輛管理查看全部車輛列表按車牌號(hào)模糊搜索支持新增、編輯、刪除車輛記錄車牌號(hào)、品牌、顏色、車輛類型。停車記錄管理查看所有車輛的入場(chǎng)/出場(chǎng)記錄支持按車牌號(hào)、狀態(tài)篩選可手動(dòng)新增入場(chǎng)記錄執(zhí)行出場(chǎng)結(jié)算操作系統(tǒng)自動(dòng)按小時(shí)計(jì)費(fèi)并扣款支持編輯與刪除。預(yù)約管理查看所有預(yù)約記錄按狀態(tài)篩選可編輯預(yù)約信息手動(dòng)取消預(yù)約車位狀態(tài)恢復(fù)為空閑。違規(guī)管理新增違規(guī)記錄車牌號(hào)、違規(guī)類型、描述、罰款金額處理違規(guī)時(shí)將狀態(tài)改為已處理系統(tǒng)自動(dòng)從車主余額扣除罰款并發(fā)送站內(nèi)信通知車主。訪客車輛管理新增訪客車輛入場(chǎng)記錄車牌、訪客姓名、電話、來(lái)訪事由、分配車位執(zhí)行出場(chǎng)操作釋放車位支持編輯與刪除。公告管理發(fā)布、編輯、刪除公告可設(shè)置啟用狀態(tài)支持按標(biāo)題模糊搜索前端按發(fā)布時(shí)間倒序展示啟用公告。輪播圖管理管理前臺(tái)輪播圖標(biāo)題、圖片鏈接、跳轉(zhuǎn)鏈接、排序號(hào)、啟用狀態(tài)支持增刪改?；A(chǔ)數(shù)據(jù)管理維護(hù)車位類型名稱、描述、每小時(shí)價(jià)格與車輛類型名稱、描述支持分頁(yè)與增刪改。充值管理查看所有用戶的充值記錄支持按用戶 ID 篩選可手動(dòng)為指定用戶充值。消息群發(fā)與充值提醒向所有用戶群發(fā)系統(tǒng)通知自動(dòng)生成站內(nèi)信向指定用戶發(fā)送自定義充值提醒消息。在線客服聊天與普通用戶進(jìn)行實(shí)時(shí)消息溝通查看完整聊天歷史。個(gè)人中心管理員修改本人資料與登錄密碼。普通用戶端用戶注冊(cè)與登錄通過用戶名密碼注冊(cè)新賬號(hào)選擇“用戶”角色登錄系統(tǒng)JWT 認(rèn)證后訪問受保護(hù)接口。個(gè)人信息管理查看與編輯個(gè)人資料姓名、手機(jī)、郵箱、頭像修改登錄密碼需驗(yàn)證原密碼。車輛管理添加本人車輛填寫車牌號(hào)、品牌、顏色、車輛類型查看名下所有車輛列表。車位實(shí)時(shí)查看瀏覽所有車位列表按車位編號(hào)排序查看車位狀態(tài)空閑/占用/已預(yù)約/維護(hù)及區(qū)域、樓層信息。車位預(yù)約選擇一個(gè)空閑車位發(fā)起預(yù)約系統(tǒng)自動(dòng)將車位狀態(tài)改為“已預(yù)約”可查看本人預(yù)約記錄。取消預(yù)約對(duì)已預(yù)約但未使用的記錄執(zhí)行取消操作車位狀態(tài)恢復(fù)為“空閑”。車輛入場(chǎng)登記選擇本人車輛和空閑車位記錄入場(chǎng)時(shí)間并自動(dòng)將車位狀態(tài)設(shè)為“占用”。車輛出場(chǎng)結(jié)算對(duì)入場(chǎng)中的車輛執(zhí)行出場(chǎng)操作按停車時(shí)長(zhǎng)按小時(shí)計(jì)費(fèi)不足 1 小時(shí)按 1 小時(shí)和車位類型單價(jià)計(jì)算費(fèi)用從用戶余額自動(dòng)扣款并生成扣費(fèi)記錄。賬戶充值在線充值賬戶余額填寫充值金額后余額即時(shí)更新并生成充值記錄。充值記錄查詢查看本人的所有充值記錄金額、類型、余額變化、時(shí)間。消息中心查看系統(tǒng)消息充值提醒、違規(guī)通知等支持單條已讀與一鍵全部已讀。公告瀏覽查看管理員發(fā)布的啟用狀態(tài)公告按發(fā)布時(shí)間倒序排列。在線客服聊天與在線員工進(jìn)行實(shí)時(shí)消息溝通查看聊天歷史記錄。輪播圖查看瀏覽前臺(tái)展示的啟用狀態(tài)輪播圖按排序字段升序展示。員工端系統(tǒng)登錄使用員工賬號(hào)角色 EMPLOYEE登錄后臺(tái)管理界面權(quán)限控制與管理員隔離。儀表盤統(tǒng)計(jì)查看與管理員相同的系統(tǒng)核心數(shù)據(jù)概覽便于日常運(yùn)營(yíng)決策。車位管理查看車位列表按編號(hào)/區(qū)域/狀態(tài)篩選支持新增、編輯、刪除車位。車輛管理查看所有車輛列表支持新增、編輯、刪除車輛記錄。停車記錄管理查看停車記錄手動(dòng)新增入場(chǎng)記錄執(zhí)行出場(chǎng)結(jié)算編輯與刪除記錄。預(yù)約管理查看所有預(yù)約記錄按狀態(tài)篩選編輯預(yù)約信息手動(dòng)取消預(yù)約。違規(guī)管理新增違規(guī)記錄處理違規(guī)狀態(tài)改為已處理自動(dòng)扣款并發(fā)送通知。訪客車輛管理新增訪客入場(chǎng)/出場(chǎng)編輯與刪除訪客記錄。在線客服聊天與用戶進(jìn)行實(shí)時(shí)消息溝通查看聊天歷史。個(gè)人中心員工修改本人資料與密碼。四、項(xiàng)目總結(jié)本項(xiàng)目技術(shù)選型主流且版本新Spring Boot 3 Vue 3 MyBatis-Plus前后端分離結(jié)構(gòu)清晰JWT 權(quán)限模型覆蓋三種角色業(yè)務(wù)功能覆蓋停車場(chǎng)運(yùn)營(yíng)的完整閉環(huán)預(yù)約、入場(chǎng)、計(jì)費(fèi)、結(jié)算、違規(guī)、訪客、消息。代碼注釋完整附帶數(shù)據(jù)庫(kù)初始化腳本與萬(wàn)字文檔適合作為學(xué)習(xí) Spring Boot 3 與 Vue 3 整合開發(fā)的實(shí)戰(zhàn)項(xiàng)目也便于在此基礎(chǔ)上擴(kuò)展支付對(duì)接、車位鎖控制或大屏可視化等高級(jí)功能。界面展示交付內(nèi)容本項(xiàng)目為完整交付包含完整后端源碼完整前端源碼數(shù)據(jù)庫(kù)初始化腳本SQL萬(wàn)字項(xiàng)目文檔設(shè)計(jì)文檔 / 論文可作課程設(shè)計(jì)、畢業(yè)設(shè)計(jì)參考獲取完整源碼完整前后端源碼 數(shù)據(jù)庫(kù)腳本 萬(wàn)字項(xiàng)目文檔見 Gitee 倉(cāng)庫(kù)https://gitee.com/kangxihuang/src-K267