基于Java的連鎖餐飲管理系統(tǒng)設(shè)計(jì)

作者簡(jiǎn)介：施海濤（2001— ），男，湖南醴陵人，學(xué)士；研究方向：計(jì)算機(jī)科學(xué)與技術(shù)。

摘要：隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，餐飲行業(yè)也迎來(lái)了有力的發(fā)展契機(jī)。文章采用Java技術(shù)構(gòu)建了一個(gè)連鎖餐飲管理系統(tǒng)，系統(tǒng)采用的Web服務(wù)器是Tomcat，開發(fā)平臺(tái)是Eclipse。在整個(gè)開發(fā)過(guò)程中，首先對(duì)餐飲管理系統(tǒng)進(jìn)行需求分析，得出系統(tǒng)的主要功能和總體框架。接著對(duì)系統(tǒng)進(jìn)行相關(guān)技術(shù)分析和設(shè)計(jì)實(shí)現(xiàn)，相關(guān)技術(shù)主要包括界面展示層、業(yè)務(wù)邏輯層和數(shù)據(jù)訪問(wèn)層技術(shù)。系統(tǒng)的具體實(shí)現(xiàn)包括餐飲App主頁(yè)面、購(gòu)物車模塊和消費(fèi)場(chǎng)景模塊。最后對(duì)系統(tǒng)進(jìn)行總結(jié)，用戶可在該系統(tǒng)進(jìn)行訂餐、消費(fèi)場(chǎng)景訂購(gòu)和雙主場(chǎng)選擇等操作。

關(guān)鍵詞：Java；餐飲；管理系統(tǒng)；Eclipse；Web

中圖分類號(hào)：TP311? 文獻(xiàn)標(biāo)志碼：A

0? 引言

由于人們生活方式的不斷進(jìn)步，越來(lái)越多的人開始追求便捷高效、足不出戶的網(wǎng)絡(luò)生活，在餐飲上只要通過(guò)手機(jī)App進(jìn)行快餐點(diǎn)單，餐飲企業(yè)便能與用戶進(jìn)行供需交流，實(shí)現(xiàn)了互聯(lián)網(wǎng)餐飲模式的開拓［1-2］。近幾年來(lái)，陸續(xù)推出的幾款利用手機(jī)App形式進(jìn)行外賣點(diǎn)單的系統(tǒng)，其中餓了么、百度外賣和淘寶口碑外賣是當(dāng)前比較熱門的應(yīng)用軟件［3-4］。本文基于上述餐飲軟件，嘗試從新的角度設(shè)計(jì)實(shí)現(xiàn)一款連鎖餐飲管理系統(tǒng)。

1? 分析與設(shè)計(jì)

1.1? 需求分析與總體框架

通過(guò)前期調(diào)研，筆者對(duì)互聯(lián)網(wǎng)上的餐飲管理進(jìn)行了需求分析，了解到目前餐飲系統(tǒng)在供求、技術(shù)等方面存在的問(wèn)題。一方面，大部分餐飲管理系統(tǒng)并沒有實(shí)現(xiàn)線上線下雙主場(chǎng)，要么針對(duì)堂食，要么只有外賣，沒有零售和外帶的模式。隨著消費(fèi)的碎片化和時(shí)段的隨機(jī)性，餐飲企業(yè)的餐點(diǎn)不再像過(guò)去那樣涇渭分明，而是變得更加靈活。疫情更是催化外賣成為重要的分發(fā)方式，經(jīng)營(yíng)好餐飲管理系統(tǒng)的雙主場(chǎng)成為基本能力模型，讓系統(tǒng)實(shí)現(xiàn)涉及堂食、外賣、外帶、零售等多種業(yè)態(tài)才是正確的技術(shù)方向。另一方面，人們?cè)诓惋嫻芾硐到y(tǒng)點(diǎn)餐時(shí)，沒有用餐場(chǎng)景的選擇，包括在家、到店、辦公室、便利店、野外露營(yíng)等。消費(fèi)者對(duì)產(chǎn)品形態(tài)的需求多樣化，情感和體驗(yàn)需求也有所增加。為了滿足需求，在餐飲管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)中，應(yīng)該讓餐飲品類融合發(fā)展，提供多樣化體驗(yàn)，讓品類之間界限清晰，提供必要的技術(shù)服務(wù)。為緩解這一難題，筆者開發(fā)的系統(tǒng)提供對(duì)同一用戶個(gè)性化點(diǎn)餐的信息化管理，此設(shè)計(jì)極大提升了用戶點(diǎn)餐的體驗(yàn)，增加了餐飲行業(yè)的利潤(rùn)，有助于解決上述就餐難題。本系統(tǒng)的基本框架如圖1所示。

1.2? 系統(tǒng)的相關(guān)技術(shù)分析

本文實(shí)現(xiàn)的連鎖餐飲管理系統(tǒng)，前端主要采用Webpack搭建Vue框架，后端Web服務(wù)器采用node.js的MVVM開發(fā)模式，以及Mongodb數(shù)據(jù)庫(kù)等相關(guān)技術(shù)。系統(tǒng)的開發(fā)工具是Tomcat和Eclipse。

1.2.1? 界面展示層技術(shù)

在界面展示層，筆者使用Webpack來(lái)搭建一個(gè)Vue-cil框架。具體方法是，首先安裝Webpack的環(huán)境，搭建開發(fā)和生產(chǎn)環(huán)境，創(chuàng)建一個(gè)生產(chǎn)環(huán)境和開發(fā)環(huán)境分開的結(jié)構(gòu)。其次，創(chuàng)建這個(gè)結(jié)構(gòu)需要webpack.base.js、webpack.dev.js、webpack.prod.js 3個(gè)文件。分別用來(lái)放置Webpack公共文件、開發(fā)環(huán)境所需要的配置、生產(chǎn)環(huán)境所需要的配置等信息。還需要public/index.html、src/main.js兩個(gè)文件，分別代表一個(gè)html模板文件和一個(gè)webpack的入口文件。最后，在3個(gè)文件中做配置。在公共文件中配置entry打包入口文件和output打包出口文件以及安裝HtmlWebpackPlugin插件處理打包后的html文件。在webpack.dev.js文件中配置開發(fā)環(huán)境，引入公共文件安裝webpack-merge、webpack-dev-server插件，將此文件合并到公共文件中并開啟本地服務(wù)。在webpack.prod.js文件中配置生產(chǎn)環(huán)境，引入公共文件并安裝webpack-merge、clean-webpack-plugin插件，將此文件合并到公共文件中。筆者針對(duì)每次打包都會(huì)清除上一次的緩存文件。當(dāng)這些基礎(chǔ)設(shè)施搭建好后，即可構(gòu)建系統(tǒng)所需的業(yè)務(wù)邏輯層框架。

1.2.2? 業(yè)務(wù)邏輯層技術(shù)

業(yè)務(wù)邏輯分為兩個(gè)模塊，一個(gè)是管理員模塊，一個(gè)是商家模塊。不同的角色進(jìn)入的業(yè)務(wù)管理層界面有所不同，這個(gè)功能主要通過(guò)全局的導(dǎo)航定位BeforeEach技術(shù)來(lái)實(shí)現(xiàn)。用戶登錄之后，系統(tǒng)直接獲取帶有用戶信息的token字段，將用戶的信息儲(chǔ)存到VueX狀態(tài)管理工具中。如果沒有token字段，會(huì)重新跳轉(zhuǎn)到登錄頁(yè)。然后，檢查用戶信息的角色字段，通過(guò)用戶的角色來(lái)動(dòng)態(tài)生成用戶角色可以訪問(wèn)的路由，路由里面的字段可以控制管理系統(tǒng)左邊的導(dǎo)航信息。有些界面只有管理員才會(huì)顯示，有些界面只有商家才會(huì)顯示。管理系統(tǒng)主要用來(lái)管理商家餐飲的審核、商家的權(quán)限等。商家使用管理系統(tǒng)主要是用來(lái)上傳餐飲信息、編輯修改信息等。

1.2.3? 數(shù)據(jù)訪問(wèn)層技術(shù)

本系統(tǒng)的數(shù)據(jù)訪問(wèn)層主要涉及數(shù)據(jù)庫(kù)中數(shù)據(jù)表的設(shè)計(jì)。在餐飲管理系統(tǒng)中，所有數(shù)據(jù)的訪問(wèn)都要以登錄為基礎(chǔ)。商家登錄后，根據(jù)賬號(hào)權(quán)限會(huì)進(jìn)入商家界面，可以通過(guò)點(diǎn)擊最上方的查詢按鈕來(lái)搜餐飲，點(diǎn)擊新增按鈕增加餐飲，點(diǎn)擊單條餐飲編輯按鈕編輯餐飲信息。因?yàn)閿?shù)據(jù)是重要的信息資源，所以上傳過(guò)的餐飲不允許刪除，點(diǎn)擊刪除后不會(huì)顯示在客戶端，但是還會(huì)留在數(shù)據(jù)庫(kù)中，只是將餐飲狀態(tài)置位-1。管理員登錄賬號(hào)后，可以在餐飲列表查看所有餐飲，如果商家上傳的餐飲信息合格，則可以通過(guò)點(diǎn)擊審核按鈕給予通過(guò)。管理員點(diǎn)擊左側(cè)用戶管理，可以查看并管理所有的商戶。如商戶有違規(guī)行為，可以通過(guò)點(diǎn)擊禁用按鈕禁止操作，還可以通過(guò)點(diǎn)擊新增按鈕，在彈出的提示框中添加用戶信息，也可以通過(guò)點(diǎn)擊搜索按鈕來(lái)查詢商家的信息。

筆者針對(duì)具體的需求，將系統(tǒng)設(shè)計(jì)為8個(gè)基本數(shù)據(jù)表模型，分別是用戶集合模型、餐飲品類模型、購(gòu)物車模型、消息集合模型、消費(fèi)場(chǎng)景模型、多主場(chǎng)模型、角色分類模型和數(shù)據(jù)分析模型。

2? 連鎖餐飲管理系統(tǒng)的實(shí)現(xiàn)

系統(tǒng)具體的硬軟件環(huán)境設(shè)計(jì)如下。要實(shí)現(xiàn)移動(dòng)端App項(xiàng)目的功能，首先需要一個(gè)支持Vue技術(shù)的框架以及運(yùn)行JS環(huán)境的平臺(tái)。因此，筆者在上述技術(shù)基礎(chǔ)上搭建了一個(gè)Webpack-Vue框架，并在Vue框架上安裝移動(dòng)端App平臺(tái)的組件庫(kù)和后端管理系統(tǒng)的組件庫(kù)。在安裝好Node和Koa框架后，后端即可連接數(shù)據(jù)庫(kù)，并實(shí)現(xiàn)數(shù)據(jù)庫(kù)接口等功能。其次，筆者在后端創(chuàng)建MongoDB數(shù)據(jù)庫(kù)集合模型，將接口傳入數(shù)據(jù)并自動(dòng)創(chuàng)建數(shù)據(jù)庫(kù)集合。最后，筆者在安裝好Git后，將每次修改的代碼上傳到云倉(cāng)庫(kù)儲(chǔ)存，方便查看每次代碼的修改，避免失誤操作。

2.1? 餐飲App主頁(yè)面的實(shí)現(xiàn)

移動(dòng)端App的界面效果主要是由Vant-ui組件庫(kù)實(shí)現(xiàn)，在Visual studio Code 搭建好Vue框架之后，即可開始使用組件庫(kù)界面的渲染以及動(dòng)態(tài)交互。當(dāng)用戶直接打開移動(dòng)端，即可直接跳轉(zhuǎn)到首頁(yè)。筆者設(shè)計(jì)移動(dòng)端App用戶的登錄驗(yàn)證是token的鑒權(quán)方式。服務(wù)端通過(guò)Jwt的Createtoken方法在登錄方獲取用戶的信息，生成token，然后在需要token鑒權(quán)的路由上添加路由鑒權(quán)Checktoken方法，在HTTP請(qǐng)求頭信息中帶上token。每次HTTP請(qǐng)求服務(wù)端都會(huì)反解析token信息從而獲取用戶信息。只有通過(guò)Jwt反解析token成功的路由，才能成功訪問(wèn)請(qǐng)求路徑。當(dāng)用戶通過(guò)點(diǎn)擊不同的路由跳轉(zhuǎn)到不同的頁(yè)面時(shí)，登錄注冊(cè)驗(yàn)證以及路由跳轉(zhuǎn)頁(yè)面有不同的操作流程。

2.2? 購(gòu)物車模塊的實(shí)現(xiàn)

購(gòu)物車是整個(gè)模塊當(dāng)中邏輯最復(fù)雜的模塊，涉及價(jià)格的計(jì)算、餐飲和餐飲場(chǎng)景的全選或者單選、餐飲數(shù)量的選擇以及地址的選擇等，每一次選擇之后都要重新計(jì)算餐飲的價(jià)格。當(dāng)用戶選擇好餐飲之后，確認(rèn)自己的收貨地址，點(diǎn)擊提交訂單即可結(jié)算這個(gè)訂單。購(gòu)物車的更新價(jià)格總數(shù)的核心代碼如下所示。

static async updCartCount（ctx） {

let { cart_id， new_num }=ctx.request.query

await cartModel.updateOne（{_id： cart_id}， {num： new_num}）

ctx.body={ err： 0， msg： 'success'， data： }

static async submitCart（ctx） {

const arr=ids.split（';'）.filter（ele=>ele） }}

如果地址不正確，用戶可以通過(guò)點(diǎn)擊修改地址進(jìn)入地址修改頁(yè)面，然后選擇想要送達(dá)的地址。如果所有的地址里面不包含用戶想要送達(dá)的地址，可以通過(guò)點(diǎn)擊新增地址進(jìn)入到新增地址頁(yè)面，填寫好必填基本信息，通過(guò)地區(qū)選擇框選擇地址，系統(tǒng)會(huì)對(duì)所有的信息進(jìn)行前端校驗(yàn)，驗(yàn)證通過(guò)保存修改即可。

2.3? 消費(fèi)場(chǎng)景模塊的實(shí)現(xiàn)

此模塊的設(shè)計(jì)是從新的角度出發(fā)，考慮用戶對(duì)消費(fèi)場(chǎng)景的體驗(yàn)而增加的功能模塊。實(shí)現(xiàn)的主要方法是采用Eclipse的API流程為接口定義，注解參數(shù)，驗(yàn)證Retrofit2.0網(wǎng)絡(luò)框架。如果場(chǎng)景渲染失敗，則繼續(xù)驗(yàn)證；如果場(chǎng)景渲染成功，則結(jié)束。而且，在管理員登錄后臺(tái)之后，可進(jìn)入首頁(yè)左邊的導(dǎo)航菜單欄下點(diǎn)擊消費(fèi)場(chǎng)景模塊進(jìn)行場(chǎng)景管理。管理員可以在該模塊對(duì)場(chǎng)景分類的基本信息進(jìn)行增刪改查的操作。比如要修改或刪除場(chǎng)景的信息時(shí)，只需要點(diǎn)擊該條場(chǎng)景信息最后的修改和刪除按鈕即可完成對(duì)應(yīng)的操作功能。點(diǎn)擊該場(chǎng)景信息最后的詳情按鈕可以查看該場(chǎng)景的信息詳情。在頁(yè)面上方的搜索框中填入場(chǎng)景分類名可以對(duì)場(chǎng)景分類的信息進(jìn)行查詢操作。搜索框下方的添加場(chǎng)景分類的按鈕，點(diǎn)擊此按鈕可以進(jìn)行添加場(chǎng)景的功能操作。

3? 結(jié)語(yǔ)

本文設(shè)計(jì)實(shí)現(xiàn)的連鎖餐飲管理系統(tǒng)采用了穩(wěn)定性強(qiáng)的Vue框架，從而改善了系統(tǒng)的性能，提高了系統(tǒng)的維護(hù)性，優(yōu)化了用戶體驗(yàn)。平臺(tái)的網(wǎng)頁(yè)設(shè)計(jì)合理，簡(jiǎn)潔大方，標(biāo)注合適的提示，方便用戶進(jìn)行各種餐飲、消費(fèi)場(chǎng)景和雙主場(chǎng)等功能的操作，不存在過(guò)多的廣告、活動(dòng)等信息。系統(tǒng)設(shè)計(jì)符合軟件Web工程設(shè)計(jì)的基本流程。

參考文獻(xiàn)

［1］項(xiàng)春，李少瓊，谷鑫.跨園區(qū)在線餐飲一體化管理系統(tǒng)的設(shè)計(jì)與應(yīng)用［J］.中國(guó)醫(yī)院建筑與裝備，2022（3）：55-59.

［2］鐘良堂，譚昊，廖瑾睿，等.基于圖像識(shí)別的智慧餐飲管理系統(tǒng)［J］.信息與電腦，2022（6）：175-179.

［3］張金鳳.餐飲管理系統(tǒng)的統(tǒng)計(jì)模塊設(shè)計(jì)［J］.福建電腦，2022（9）：90-93.

［4］張健.餐飲系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)［J］.信息與電腦，2021（8）：135-138.

（編輯? 沈? 強(qiáng)）

Design of chain catering management system based on Java

Shi? Haitao

（School of Information Engineering， Hunan University of Science and Engineering， Yongzhou 425199， China）

Abstract： With the rapid development of Internet technology， the catering industry has also ushered in a strong development opportunity. This paper uses Java technology to build a chain catering management system. The Web server used in the system is Tomcat， and the development platform is Eclipse. In the whole development process， first of all， the demand analysis of the catering management system is carried out， and the main functions and overall framework of the system are obtained. Then the related technical analysis and design of the system are carried out. Related technologies mainly include interface display layer， business logic layer and data access layer technology. The specific implementation of the system includes the main page of the catering App， the shopping cart module and the consumption scene module. Finally， the system is summarized， and users can order food， order consumption scene and double home selection in the system.

Key words： Java; catering; management system; Eclipse; Web