源碼 前后端分離實(shí)戰(zhàn))
一、項(xiàng)目簡介智慧果園日常管理監(jiān)控系統(tǒng)是一套面向果園經(jīng)營者的數(shù)字化管理平臺采用 Spring Boot 3 Vue 3 前后端分離架構(gòu)。系統(tǒng)圍繞果園日常管理中的核心業(yè)務(wù)場景將果園/地塊基礎(chǔ)信息、農(nóng)事任務(wù)分配、病蟲害記錄、農(nóng)資庫存與使用、數(shù)據(jù)可視化看板以及 AI 智能問答助手整合為一個閉環(huán)管理工具。系統(tǒng)內(nèi)置普通管理員MANAGER與超級管理員ADMIN兩種角色普通管理員負(fù)責(zé)日常業(yè)務(wù)數(shù)據(jù)的錄入與維護(hù)超級管理員額外擁有用戶管理、操作日志查看與系統(tǒng)配置維護(hù)的權(quán)限。前端通過 Vue Router 實(shí)現(xiàn)基于角色的路由守衛(wèi)后端通過 JWT 自定義攔截器完成接口鑒權(quán)適合作為 Spring Boot 3 Vue 3 全棧項(xiàng)目的學(xué)習(xí)與二次開發(fā)參考。二、技術(shù)棧技術(shù)說明后端框架Spring Boot 3.2ORMMyBatis-Plus 3.5.5權(quán)限認(rèn)證JWT 自定義攔截器基于 ADMIN/MANAGER 角色前端框架Vue 3Composition API路由與守衛(wèi)Vue Router基于角色路由守衛(wèi)UI 組件庫Element Plus圖表庫ECharts 5構(gòu)建工具Vite數(shù)據(jù)庫MySQL 8HTTP 客戶端OkHttp用于調(diào)用 DeepSeek AI 接口三、功能模塊普通用戶端登錄/注冊支持用戶名密碼登錄新用戶注冊后自動分配普通管理員角色MANAGER登錄成功返回 JWT Token。工作臺概覽以卡片形式展示果園數(shù)量、地塊數(shù)量、待執(zhí)行任務(wù)數(shù)、進(jìn)行中任務(wù)數(shù)、治療中病害數(shù)、庫存預(yù)警數(shù)等關(guān)鍵指標(biāo)便于快速掌握園區(qū)整體狀態(tài)。農(nóng)事任務(wù)分布圖以 ECharts 餅圖展示澆水、施肥、修剪、噴藥、采收等任務(wù)類型的數(shù)量占比支持按當(dāng)前用戶可見數(shù)據(jù)動態(tài)渲染。病蟲害嚴(yán)重度分布圖以玫瑰圖展示輕微、中等、嚴(yán)重三個等級的病蟲害記錄占比輔助判斷園區(qū)健康風(fēng)險分布。農(nóng)資使用量統(tǒng)計圖以柱狀圖展示各農(nóng)資物料的使用總量按物料維度聚合使用記錄。果園管理支持新增果園字段含名稱、地址、面積、水果類型、描述、圖片分頁列表展示支持編輯、刪除及按名稱關(guān)鍵詞搜索。地塊管理新增地塊需關(guān)聯(lián)所屬果園字段含名稱、面積、水果類型、植株數(shù)量、定植日期、狀態(tài)列表支持按果園篩選與關(guān)鍵詞搜索。農(nóng)事任務(wù)管理新增任務(wù)需填寫標(biāo)題、類型澆水/施肥/修剪/噴藥/采收等、關(guān)聯(lián)果園與地塊、執(zhí)行日期、狀態(tài)待執(zhí)行/進(jìn)行中/已完成、內(nèi)容、備注列表支持按果園、地塊、類型、狀態(tài)及關(guān)鍵詞組合篩選支持標(biāo)記完成。病蟲害記錄管理新增記錄需填寫病害名稱、嚴(yán)重度輕微/中等/嚴(yán)重、描述、治療方案、治療日期、治療結(jié)果、圖片列表支持按果園、地塊、嚴(yán)重度及關(guān)鍵詞篩選。農(nóng)資庫存管理新增物料字段含名稱、類別、單位、庫存量、預(yù)警庫存、單價、供應(yīng)商、描述列表支持按類別與名稱搜索支持編輯與刪除。農(nóng)資使用記錄新增使用記錄時選擇物料、關(guān)聯(lián)果園/地塊填寫用量、使用日期、用途與備注提交后系統(tǒng)自動扣減對應(yīng)物料庫存量。庫存預(yù)警列表自動篩選出當(dāng)前庫存量小于等于預(yù)警庫存的物料清單便于及時安排補(bǔ)貨。數(shù)據(jù)統(tǒng)計匯總展示果園數(shù)、地塊數(shù)、任務(wù)總數(shù)、待執(zhí)行任務(wù)數(shù)、進(jìn)行中任務(wù)數(shù)、病害記錄數(shù)、治療中病害數(shù)、物料總數(shù)、庫存預(yù)警數(shù)等概覽數(shù)據(jù)。果智 AI 助手調(diào)用 DeepSeek 大模型接口支持發(fā)送果園管理相關(guān)問題如修剪時間、病蟲害防治、施肥方案、灌溉技術(shù)、農(nóng)資優(yōu)化、采收時機(jī)等AI 以專業(yè)果園顧問身份返回建議。個人中心可查看個人信息支持修改真實(shí)姓名、手機(jī)、郵箱、頭像支持修改密碼需驗(yàn)證原密碼。文件上傳支持上傳圖片等文件后端返回可訪問的 URL 地址供果園圖片、病蟲害圖片等場景使用。管理員端用戶管理分頁查看所有用戶列表支持按用戶名/姓名關(guān)鍵詞搜索、按角色篩選支持新增用戶、編輯用戶信息、啟用/禁用賬號、刪除用戶。操作日志分頁查看系統(tǒng)操作日志支持按操作內(nèi)容/用戶名搜索記錄用戶登錄等關(guān)鍵操作行為。系統(tǒng)配置以鍵值對形式查看系統(tǒng)配置項(xiàng)支持編輯配置值并即時生效。四、項(xiàng)目總結(jié)本項(xiàng)目技術(shù)亮點(diǎn)在于完整覆蓋了從基礎(chǔ) CRUD 到數(shù)據(jù)可視化、再到 AI 集成的全棧開發(fā)鏈路。后端基于 Spring Boot 3 MyBatis-Plus 提供清晰的 RESTful API前端采用 Vue 3 Composition API Element Plus ECharts 實(shí)現(xiàn)數(shù)據(jù)驅(qū)動的管理界面JWT 與角色路由守衛(wèi)保證了接口與頁面兩級權(quán)限控制。業(yè)務(wù)上農(nóng)資使用記錄自動扣減庫存、病蟲害與農(nóng)事任務(wù)的多維篩選統(tǒng)計、以及 DeepSeek AI 助手的接入均具有較強(qiáng)的實(shí)用性與擴(kuò)展性。該項(xiàng)目非常適合作為 Spring Boot 3 Vue 3 前后端分離開發(fā)的實(shí)戰(zhàn)學(xué)習(xí)項(xiàng)目也可作為果園、農(nóng)場、種植基地等農(nóng)業(yè)管理系統(tǒng)的二次開發(fā)基礎(chǔ)。界面展示交付內(nèi)容本項(xiàng)目為完整交付包含完整后端源碼完整前端源碼數(shù)據(jù)庫初始化腳本SQL萬字項(xiàng)目文檔設(shè)計文檔 / 論文可作課程設(shè)計、畢業(yè)設(shè)計參考獲取完整源碼完整前后端源碼 數(shù)據(jù)庫腳本 萬字項(xiàng)目文檔見 Gitee 倉庫https://gitee.com/kangxihuang/src-K269