1. 項(xiàng)目背景與意義

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展與移動(dòng)支付的普及，傳統(tǒng)餐飲行業(yè)正經(jīng)歷著深刻的數(shù)字化轉(zhuǎn)型。外賣(mài)訂餐已成為現(xiàn)代都市生活的重要組成部分，為消費(fèi)者提供了極大的便利。對(duì)于餐飲商家而言，高效管理線上訂單、庫(kù)存、客戶信息以及配送流程，成為提升競(jìng)爭(zhēng)力的關(guān)鍵。傳統(tǒng)的電話訂餐或簡(jiǎn)單的手工記錄方式已難以應(yīng)對(duì)日益增長(zhǎng)的訂單量和對(duì)效率的要求。因此，開(kāi)發(fā)一套功能完善、操作便捷、穩(wěn)定可靠的外賣(mài)訂餐餐飲管理系統(tǒng)，對(duì)于餐飲企業(yè)優(yōu)化運(yùn)營(yíng)、提升服務(wù)質(zhì)量、增加營(yíng)業(yè)收入具有重要的現(xiàn)實(shí)意義。本畢業(yè)設(shè)計(jì)旨在結(jié)合當(dāng)前主流的前后端技術(shù)，構(gòu)建一個(gè)貼合實(shí)際需求的系統(tǒng)原型。

2. 系統(tǒng)核心技術(shù)棧

本系統(tǒng)采用前后端分離的架構(gòu)模式，以提升開(kāi)發(fā)效率、系統(tǒng)可維護(hù)性和可擴(kuò)展性。

• 后端技術(shù)：SpringBoot
• 框架選擇：采用SpringBoot作為后端核心框架。它簡(jiǎn)化了Spring應(yīng)用的初始搭建和開(kāi)發(fā)過(guò)程，通過(guò)自動(dòng)配置和起步依賴，使得開(kāi)發(fā)者能夠快速構(gòu)建獨(dú)立運(yùn)行、生產(chǎn)級(jí)別的基于Spring的應(yīng)用程序。

• 優(yōu)勢(shì)：內(nèi)嵌Tomcat服務(wù)器，無(wú)需打包成WAR文件部署；提供了豐富的“Starter”依賴來(lái)簡(jiǎn)化構(gòu)建配置；與Spring生態(tài)無(wú)縫集成，便于實(shí)現(xiàn)業(yè)務(wù)邏輯、數(shù)據(jù)訪問(wèn)和安全性控制。

• 關(guān)鍵組件：Spring MVC處理Web請(qǐng)求，Spring Data JPA或MyBatis-Plus進(jìn)行數(shù)據(jù)庫(kù)操作，Spring Security用于權(quán)限認(rèn)證與授權(quán)。

• 前端技術(shù)：Vue.js
• 框架選擇：采用Vue.js作為前端主流框架。Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，核心庫(kù)只關(guān)注視圖層，易于上手并能與其它庫(kù)或已有項(xiàng)目整合。

• 優(yōu)勢(shì)：響應(yīng)式的數(shù)據(jù)綁定和組件化的開(kāi)發(fā)思想，使得前端代碼結(jié)構(gòu)清晰、易于維護(hù)；豐富的生態(tài)系統(tǒng)（如Vue Router、Vuex、Axios）能夠完美支持單頁(yè)面應(yīng)用開(kāi)發(fā)。

• 工程化：通常使用Vue CLI搭建項(xiàng)目，配合Webpack進(jìn)行模塊打包，并選用Element-Plus或Ant Design Vue等UI組件庫(kù)加速頁(yè)面開(kāi)發(fā)。

• 其他技術(shù)
• 數(shù)據(jù)庫(kù)：MySQL，關(guān)系型數(shù)據(jù)庫(kù)，用于存儲(chǔ)用戶、菜品、訂單、庫(kù)存等結(jié)構(gòu)化數(shù)據(jù)。

• 項(xiàng)目管理：Maven或Gradle（后端），npm或yarn（前端）。

• 接口交互：RESTful API設(shè)計(jì)風(fēng)格，前后端通過(guò)JSON格式數(shù)據(jù)進(jìn)行通信。

• 版本控制：Git。

3. 系統(tǒng)功能模塊設(shè)計(jì)

系統(tǒng)主要分為三大角色視角：平臺(tái)管理員、餐飲商家和消費(fèi)者用戶。

3.1 平臺(tái)管理后臺(tái)

• 商家管理：審核入駐商家信息，管理商家賬戶狀態(tài)（啟用/禁用）。
• 用戶管理：查看和管理注冊(cè)的消費(fèi)者用戶。
• 系統(tǒng)監(jiān)控：查看平臺(tái)整體運(yùn)營(yíng)數(shù)據(jù)（如訂單總量、交易額）。
• 公告管理：發(fā)布平臺(tái)公告或活動(dòng)信息。

3.2 商家管理后臺(tái)

• 店鋪信息管理：維護(hù)店鋪名稱、Logo、公告、配送范圍、營(yíng)業(yè)時(shí)間等。
• 菜品管理：對(duì)菜品進(jìn)行分類(lèi)（如熱銷(xiāo)、主食、飲料），進(jìn)行菜品的增刪改查，設(shè)置價(jià)格、圖片、描述、庫(kù)存狀態(tài)。
• 訂單管理：實(shí)時(shí)接收并處理用戶訂單，包括接單、拒單、出餐完成、訂單詳情查看。提供訂單統(tǒng)計(jì)與查詢功能。
• 促銷(xiāo)管理：設(shè)置滿減優(yōu)惠、折扣菜品、優(yōu)惠券等活動(dòng)。
• 數(shù)據(jù)統(tǒng)計(jì)：查看店鋪銷(xiāo)量統(tǒng)計(jì)、收入報(bào)表、熱門(mén)菜品分析等。

3.3 用戶客戶端

• 用戶注冊(cè)與登錄：支持手機(jī)號(hào)驗(yàn)證碼或密碼登錄。
• 首頁(yè)與商家瀏覽：根據(jù)地理位置或分類(lèi)展示附近商家，支持搜索商家或菜品。
• 菜品展示與選購(gòu)：瀏覽商家菜單，將菜品加入購(gòu)物車(chē)，修改購(gòu)物車(chē)內(nèi)容。
• 訂單流程：提交訂單、選擇配送地址與支付方式（模擬支付）、查看訂單實(shí)時(shí)狀態(tài)（待付款、待接單、制作中、配送中、已完成）。
• 個(gè)人中心：管理收貨地址，查看歷史訂單，收藏喜歡的商家，查看優(yōu)惠券。

4. 數(shù)據(jù)庫(kù)設(shè)計(jì)核心表（示例）

1. 用戶表 (user)：用戶ID、用戶名、手機(jī)號(hào)、密碼、頭像、注冊(cè)時(shí)間。
2. 商家表 (merchant)：商家ID、店鋪名、登錄賬號(hào)、密碼、聯(lián)系方式、地址、營(yíng)業(yè)執(zhí)照、狀態(tài)。
3. 菜品表 (dish)：菜品ID、所屬商家ID、分類(lèi)ID、名稱、價(jià)格、圖片、描述、月銷(xiāo)量、狀態(tài)。
4. 訂單表 (orders)：訂單ID、訂單號(hào)、用戶ID、商家ID、總金額、配送地址、狀態(tài)、創(chuàng)建時(shí)間。
5. 訂單明細(xì)表 (order_detail)：明細(xì)ID、訂單ID、菜品ID、數(shù)量、菜品單價(jià)。
6. 購(gòu)物車(chē)表 (cart)：購(gòu)物車(chē)項(xiàng)ID、用戶ID、菜品ID、數(shù)量、選中狀態(tài)。
7. 地址表 (address)：地址ID、用戶ID、聯(lián)系人、電話、詳細(xì)地址、是否默認(rèn)。

5. 系統(tǒng)特色與創(chuàng)新點(diǎn)

• 前后端分離架構(gòu)：清晰的責(zé)任劃分，便于團(tuán)隊(duì)協(xié)作與獨(dú)立部署。
• 響應(yīng)式前端設(shè)計(jì)：用戶端可適配手機(jī)、平板等不同屏幕尺寸，提升用戶體驗(yàn)。
• 實(shí)時(shí)訂單通知：商家后臺(tái)通過(guò)WebSocket或定時(shí)輪詢實(shí)現(xiàn)新訂單的實(shí)時(shí)提醒。
• 簡(jiǎn)單的數(shù)據(jù)可視化：為商家提供直觀的銷(xiāo)售數(shù)據(jù)圖表，輔助經(jīng)營(yíng)決策。
• 完整的業(yè)務(wù)流程：涵蓋了從用戶下單、商家處理到訂單完成的完整閉環(huán)，具備高度的實(shí)踐性。

6. 畢業(yè)設(shè)計(jì)實(shí)現(xiàn)建議

1. 需求分析與規(guī)劃：明確系統(tǒng)邊界，繪制用例圖，撰寫(xiě)詳細(xì)的需求規(guī)格說(shuō)明書(shū)。
2. 技術(shù)選型與環(huán)境搭建：配置好Java、Node.js開(kāi)發(fā)環(huán)境，初始化前后端項(xiàng)目。
3. 數(shù)據(jù)庫(kù)設(shè)計(jì)與實(shí)現(xiàn)：使用PowerDesigner等工具完成E-R圖設(shè)計(jì)，并在MySQL中建表。
4. 后端開(kāi)發(fā)：從實(shí)體類(lèi)(Entity)開(kāi)始，逐步完成數(shù)據(jù)訪問(wèn)層(DAO/Repository)、業(yè)務(wù)邏輯層(Service)、控制層(Controller)的開(kāi)發(fā)，并編寫(xiě)RESTful API接口。注意異常處理與日志記錄。
5. 前端開(kāi)發(fā)：使用Vue CLI創(chuàng)建項(xiàng)目，配置路由(Vue Router)，設(shè)計(jì)頁(yè)面組件，使用Axios調(diào)用后端API，利用Vuex管理全局狀態(tài)（如用戶登錄狀態(tài)、購(gòu)物車(chē)）。
6. 接口聯(lián)調(diào)與測(cè)試：使用Postman等工具測(cè)試后端接口，確保前后端數(shù)據(jù)交互正確。進(jìn)行功能測(cè)試和基礎(chǔ)性能測(cè)試。
7. 部署與演示：將后端打包為JAR文件運(yùn)行，前端構(gòu)建靜態(tài)文件部署于Nginx。準(zhǔn)備畢業(yè)設(shè)計(jì)答辯的演示材料與文檔。

7.

本畢業(yè)設(shè)計(jì)提出的基于SpringBoot和Vue.js的外賣(mài)訂餐餐飲管理系統(tǒng)，緊跟當(dāng)前Web開(kāi)發(fā)技術(shù)潮流，實(shí)現(xiàn)了餐飲業(yè)務(wù)線上化管理的基本功能。通過(guò)完成該項(xiàng)目，學(xué)生能夠綜合運(yùn)用軟件工程、數(shù)據(jù)庫(kù)、Java Web開(kāi)發(fā)、前端開(kāi)發(fā)等多門(mén)課程的知識(shí)，全面提升全棧開(kāi)發(fā)能力、系統(tǒng)設(shè)計(jì)能力和解決實(shí)際問(wèn)題的能力。該系統(tǒng)不僅具有學(xué)術(shù)研究?jī)r(jià)值，也具備一定的實(shí)際應(yīng)用潛力，可作為餐飲小店數(shù)字化轉(zhuǎn)型的參考解決方案。