1、基于MVC的點(diǎn)餐系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要：本文分析了傳統(tǒng)餐飲的現(xiàn)狀和問題，發(fā)現(xiàn)傳統(tǒng)的服務(wù)模式已經(jīng)不能適應(yīng)市場發(fā)展的需要。隨著網(wǎng)絡(luò)技術(shù)的普及，方便快捷的網(wǎng)上訂餐服務(wù)正在走進(jìn)人們的生活。針對此類問題，本文規(guī)劃了一套最合適的服務(wù)模式，為餐飲店提供區(qū)域網(wǎng)絡(luò)入口，以適應(yīng)不同的客戶群體。本設(shè)計(jì)是一個(gè)基于MVC模型的在線點(diǎn)餐系統(tǒng)，可以提供網(wǎng)絡(luò)選菜瀏覽、點(diǎn)菜點(diǎn)餐等服務(wù)。為管理員提供智能服務(wù)平臺，管理客戶信息和客戶訂單，從而提高服務(wù)質(zhì)量。目的和意義現(xiàn)代社會，人們的生活節(jié)奏越來越快，有些人甚至不能抽出時(shí)間出去吃飯。該系統(tǒng)的目的是滿足消費(fèi)者只要使用互聯(lián)網(wǎng)，足不出戶就能點(diǎn)到自己喜歡的菜肴，改變傳統(tǒng)的商業(yè)交易方式。 ，在互

2、聯(lián)網(wǎng)上進(jìn)行交易，實(shí)現(xiàn)網(wǎng)上購買食品。在點(diǎn)餐系統(tǒng)中，除了用戶注冊和用戶登錄功能外，核心功能是點(diǎn)餐部分的功能。下單模塊的特點(diǎn)是：用戶只需輸入數(shù)量并點(diǎn)擊確認(rèn)按鈕即可完成下單，并可在購物車中查看自己的購物信息。本系統(tǒng)在本模塊的操作方式：在頁面顯示食物信息，包括食物名稱、食物價(jià)格、食物圖片等。當(dāng)用戶找到自己喜歡的食物后，輸入自己訂購的數(shù)量后，點(diǎn)擊確定按鈕訂購食物。然后在購物車中，您可以查看您當(dāng)前的訂購狀態(tài)，刪除不需要的食物，或者修改訂購數(shù)量。此外，本系統(tǒng)還開發(fā)了管理員的管理功能，如用戶的查詢、刪除、修改和添加，事物的查詢、刪除、修改和添加，以及訂單的查詢刪除和修改。理論基礎(chǔ)與技術(shù)路線本系統(tǒng)采用MVC的開發(fā)

3、模式，結(jié)合JSP和少量的AJAX技術(shù)。MVC（模型、視圖、控制器）模式實(shí)現(xiàn)了業(yè)務(wù)模型和用戶視圖的分離。在本系統(tǒng)中，MVC的處理流程：首先點(diǎn)擊視圖表單中的提交按鈕，然后通過表單中的method值獲取傳輸方法，通過action值在web.xml中找到對應(yīng)的servlet，然后調(diào)用servlet中的業(yè)務(wù)處理數(shù)據(jù)，最后將數(shù)據(jù)返回給視圖。視圖層和業(yè)務(wù)層的這種分離內(nèi)容在不重新編譯模型和控制器代碼的情況下更改視圖層代碼。同樣，業(yè)務(wù)流程或業(yè)務(wù)規(guī)則的改變只需要改變模型層。JSP是一種基于JavaServlet和整個(gè)Java系統(tǒng)的Web開發(fā)技術(shù)。將腳本片段和JSP標(biāo)簽（Tag）添加到傳統(tǒng)網(wǎng)頁HTML文件（*.ht

4、m、*.html）中，形成JSP網(wǎng)頁（*.jsp） 。 JSP 技術(shù)提供了一種簡單的方法來創(chuàng)建顯示動態(tài)生成的內(nèi)容的網(wǎng)頁。 JSP作為Java家族的一員，繼承了Java的特性，即跨平臺特性，即一次編譯，到處運(yùn)行。在這個(gè)系統(tǒng)中，通過大量的插入java代碼片段，從數(shù)據(jù)庫中讀取信息，然后將數(shù)據(jù)顯示在頁面上。AJAX 技術(shù)是一種異步數(shù)據(jù)傳輸功能，無需刷新頁面即可更新頁面信息。在本系統(tǒng)中，該技術(shù)主要用于注冊頁面。用戶注冊時(shí)，通過 JavaScript 的 XML Request 對象向服務(wù)器致異步數(shù)據(jù)請求，從數(shù)據(jù)庫中檢索輸入的用戶名是否存在。返回可以注冊的消息。三、模塊整體設(shè)計(jì)用例圖：客戶用例圖（主要是添

5、加和修改訂單）Admin用例圖（主要檢查、添加、刪除、修改用戶、訂單、食物）數(shù)據(jù)流程圖：模塊圖：系統(tǒng)總功能模塊注冊模塊圖：登錄模塊圖：ER圖：系統(tǒng)圖數(shù)據(jù)庫表：客戶表屬性數(shù)據(jù)類型內(nèi)容空諾varchar (3)不為空主鍵密碼varchar(10)不為空干部varchar(10)不為空手機(jī)varchar(10)不為空極好的varchar(1)不為空訂單表屬性數(shù)據(jù)類型內(nèi)容空小野varchar(3)不為空主鍵諾varchar(3)不為空無varchar(3)不為空價(jià)格整數(shù)不為空數(shù)字整數(shù)不為空餐桌屬性數(shù)據(jù)類型內(nèi)容空名稱varchar( 10 )不為空主鍵類型varchar(3)圖像varchar( 20

6、)價(jià)格整數(shù)（3）不為空四、系統(tǒng)實(shí)現(xiàn)這部分主要是截圖，包括開發(fā)環(huán)境截圖（ MyEclipse或者Eclipse J2EE項(xiàng)目文件夾），系統(tǒng)運(yùn)行截圖，也可以貼一兩段核心代碼，但是所有出現(xiàn)的代碼和截圖都必須附上文字.闡明。Eclipse J2EE的項(xiàng)目文件夾部分：用戶注冊界面：使用ajax判斷用戶名是否可以注冊。代碼的JavaScript部分如下：/本節(jié)通過XML Request對象的狀態(tài)設(shè)置頁面中id為msg的div元素的內(nèi)容。函數(shù)回調(diào)（）var msg = document.getElementById(msg);msg.innerHTML=;if (xml Request.readyState

7、 = 4)if (xml Request.status = 200)var data =xml Request.responseText;如果（數(shù)據(jù)=“真”）msg.innerHTML = 用戶已存在;msg.style.color=紅色;document.getElementById(用戶名).select();其他msg.innerHTML = 好的;msg.style.color=綠色;/本節(jié)創(chuàng)建一個(gè)XML Request對象，并設(shè)置傳入的用戶名、處理器的url等參數(shù)函數(shù)checkUserExists()var username = document.getElementById(use

8、rname);var url = checkUserServlet;var param = username= + encodeURIComponent(username.value);xml 請求 = createXml 請求（）；xml Request.onreadystatechange = 回調(diào)；xml Request.open(POST,url, true );xml Request.setRequestHeader(Content-type,application/x-form-urlencoded);xml Request.send(參數(shù));下面使用正則表達(dá)式來判斷用戶名是否有效

9、：函數(shù)檢查（）var regm1 =/a-zA-Z_+a-zA-Z0-9_+$/;if (form.username.value = | form.username.value=用戶名)alert(名字為空.);form.username.focus();返回假；if (!form.username.value.match(regm1)alert(名字不對.);form.username.focus();返回假；用戶登錄界面：用戶訂購界面：顯示食物零件代碼（圖片使用相對路徑）：/本節(jié)通過java代碼從數(shù)據(jù)庫中檢索食物表的信息，并顯示在頁面上。正宗小吃img src=input type=tex

10、t value= class=fno name=fnoinput type=text value= class=fno name=price 數(shù)量：點(diǎn)餐下單成功界面：購物車界面：管理員管理界面：添加用戶：添加后跳轉(zhuǎn)到用戶顯示信息界面：添加食物（圖片為默認(rèn)圖片）：添加后跳轉(zhuǎn)到食物信息界面：添加訂單：添加后跳轉(zhuǎn)到查看訂單界面：按號碼查找用戶：搜索完成后，跳轉(zhuǎn)到用戶信息展示頁面：修改信息后顯示所有用戶信息（修改c01的密碼為c02）：五、總結(jié)本系統(tǒng)是一個(gè)基于MVC的點(diǎn)餐系統(tǒng)，只實(shí)現(xiàn)了幾個(gè)功能，還有很大的改進(jìn)空間。今后我會盡我所能改進(jìn)我的訂購系統(tǒng)。在制作系統(tǒng)的過程中，用到了很多知識，比如JSP、MYSQL、XML、 HTML、CSS、 JAVASCRIPT等，極大的豐富了我的知識，也復(fù)習(xí)和對比了一些自己學(xué)過的知識.應(yīng)用。在制作系統(tǒng)的過程中，我們遇到了很多問題。例如，一個(gè)頁面的參數(shù)不能傳遞到另一個(gè)頁面。后來查了資料，不斷嘗試，終于用session的方法解決了這個(gè)問題。另外，通過這個(gè)系統(tǒng)的