<article itemscope="itemscope" itemtype="http://schema.org/Article" data-entry-id="7536319090877693993" data-draft-id="7536157649580359716" data-original-type="0" class="article" data-v-61fb5e44="" data-v-539963b4="">
基于springboot+vue開發(fā)的校園食堂評價系統(tǒng)【源碼+sql+可運行】【50809】.zip
下載地址：
環(huán)境準備：
- JDK1.8+
- maven3.6+
- nodejs14+
- mysql5.6+
技術(shù)棧
- 后臺：springboot+mybatisPlus
- 前臺：vue3+elementUi+Axios+Vite
- 開發(fā)工具: idea、navicate
功能列表
前臺（用戶端）
賬號: 注冊、登錄（JWT 持久化，本地存儲）
導航: 顯示用戶名、登錄/退出；僅當角色為 ADMIN 時展示“后臺管理”入口
首頁/食堂列表: 搜索（名稱/位置）、分頁；卡片網(wǎng)格自適應列，桌面端寬屏適配
食堂詳情: 基本信息、位置/簡介展示；綜合評分統(tǒng)計；菜品列表；發(fā)布評價（評分、可選菜品、內(nèi)容）；評價列表卡片化展示、相對時間、分頁
我的評價: 查看本人評價、刪除評價；響應式網(wǎng)格卡片、分頁
請求與鑒權(quán): 全局請求攔截（自動附帶 Bearer Token）、統(tǒng)一返回碼處理
UI/樣式: 統(tǒng)一主題（圓角卡片、陰影、品牌漸變）、響應式布局、桌面端大屏優(yōu)化
后臺（管理端）
訪問控制: 路由守衛(wèi)與菜單權(quán)限，只有 ADMIN 可進入后臺各頁
布局與導航: 左側(cè)菜單（食堂管理/菜品管理/評價管理）、頂部工具區(qū)，統(tǒng)一留白/高度占滿
食堂管理: 列表、創(chuàng)建、編輯、刪除；高表格自適應高度占滿視口
菜品管理: 列表、按食堂篩選、關(guān)鍵字搜索、創(chuàng)建、編輯、刪除；高表格自適配
評價管理: 列表、按用戶/食堂/菜品篩選、刪除；評分展示、分頁；高表格自適配
UI/樣式: 統(tǒng)一卡片化風格、柵格與內(nèi)邊距規(guī)范，盡量利用全屏寬高顯示內(nèi)容
項目使用步驟
前置條件
已安裝 JDK 11+、Maven 3.8+、Node.js 18+（含 npm）
數(shù)據(jù)庫已可用（/src/main/resources/application.yml 默認連 MySQL，必要時先改成你自己的連接與賬號）
啟動后端（Spring Boot）
開發(fā)運行（推薦）：
Windows PowerShell:
cd backend
mvn spring-boot:run
或打包運行：
cd backend
mvn -DskipTests package
java -jar target/canteen-eval-backend-1.0.0.jar
默認端口：8080（可在 application.yml 修改）
啟動前端（Vite + Vue 3）
開發(fā)運行：
cd frontend
npm i
npm run dev
已配置代理到后端 http://localhost:8080（見 frontend/vite.config.js）
賬號
管理員：用戶名：admin，密碼：admin123
說明：
如登錄失敗且數(shù)據(jù)庫存在舊管理員，可刪掉后端會自動重建：DELETE FROM users WHERE username='admin'; 重啟后端即可。
生產(chǎn)前端構(gòu)建：cd frontend && npm run build（產(chǎn)物在 dist/，可用 Nginx/靜態(tài)服務器托管）
界面展示：
