【摘要】伴隨移動智能終端的快速普及，我國移動互聯(lián)網(wǎng)應(yīng)用服務(wù)迅速形成巨大的規(guī)模餐飲行業(yè)作為與人類生活關(guān)的永續(xù)產(chǎn)業(yè)也在做著許多重大的改變電子菜單作存在著諸多遺留的問題和不足之處基于此本根據(jù)對市場數(shù)據(jù)的大量分析以及實 】點餐系統(tǒng)，響應(yīng)式，用戶體TheDesignandImplementationofResponsive SystemBasedonBootstrap 】Withtherapiddevelopmentandpopularizationofmobileinligentterminals,Chinesemobileinternetapplicationservicesquicklytoformahugescale.Asasustainableindustrythatcateringtopeople’slivesisalsongalotofmajorchanges.Foodindustryisundergoingtheinformatizationreform,electronic isasignofthisinformatizationreform，whichisgoodatuserexperienceandresourceconservation.Currently,themobileterminalorderingsystemhasattractedalotofbusiness,buttherearestillsomeproblemsanddeficiencies.Accordingtothemarketysisandthefieldtrips,thethesisdeterminestheprojectgoalandfunctionalrequirements.Inviewofthesitetobeusedinavarietyofcross-platformterminalequipment,theresponsiveordersystemappliedthecurrentrelativelypopularfront-endframework.Itwillachievetheorderingservice,thekitchenservice,thecustomerreviewsserviceandtheshopcartservice.Finally,cross-platformfunctionaltestingcanprovethefunctionofthesystemtomeetthemostcurrentbusinessandcustomer 】orderingsystem,responsive,user目第一章緒 項目背 國內(nèi)外研究現(xiàn) 主要研究內(nèi) 生成技 前端BOOTSTRAP技 點餐系統(tǒng)分析與設(shè) 數(shù)據(jù)庫技 本文的組織結(jié) 第二章基本技術(shù)介 技術(shù)概 簡 生成技 B/S結(jié)構(gòu)與C/S結(jié)構(gòu)簡 SQLSERVER數(shù)據(jù) .NET服務(wù)端框架簡 IIS服務(wù)器簡 AJAX簡 NHibernate技 本章小 第三章系統(tǒng)的分 項目可行性分 經(jīng)濟上的可行 技術(shù)上的可行 法律上的可行 項目需求分 項目性能分 系統(tǒng)結(jié)構(gòu)分 功能性需求分 本章小 第四章系統(tǒng)設(shè)計與實 數(shù)據(jù)庫設(shè) E-R模型設(shè) 數(shù)據(jù)庫表設(shè) 數(shù)據(jù)庫的連接方 系統(tǒng)設(shè) 系統(tǒng)設(shè)計原 系統(tǒng)結(jié) 顧客模 管理員模 系統(tǒng)重點模塊實 顧客界面模 管理員界面模 本章小 第五章系統(tǒng)測 測試計 管理員登陸賬號測 系統(tǒng)功能測 測試用 系統(tǒng)兼容性測 對軟件功能測試的結(jié) 本章小 第六章總結(jié)與展 總 進一步工作展 參考文 附錄一 第一章伴隨特色新發(fā)展中國的經(jīng)濟體制越來越完善經(jīng)濟的急速發(fā)展導(dǎo)致?lián)涿娑贿m應(yīng)和不平衡經(jīng)濟增長的下行壓力與產(chǎn)能相對而言過剩的有所加劇各行各們生活關(guān)的永續(xù)產(chǎn)業(yè)同樣著這些。于是創(chuàng)新中求發(fā)展的行動就此展的問題繁瑣的等待以及紙質(zhì)菜單的資源浪費餐廳工作人員的導(dǎo)致的諸多不便，持所以餐廳需要事先昂貴的硬件設(shè)備和軟件支持另外一些電子菜單則需要顧客使用自己的移動設(shè)備一些應(yīng)用，這就導(dǎo)致顧客排斥這種電子菜單的應(yīng)用。如果將電子菜單制作成網(wǎng)頁形式供給顧客就是傳統(tǒng)的B/S結(jié)構(gòu)顧客只需要掃井有條還可以讓顧客提前進行菜品抉擇對于選擇癥的顧客簡直是本系統(tǒng)前需要針對不同顯示設(shè)備設(shè)計不同系統(tǒng)的繁縟操作輕松解決用戶不愿意各種應(yīng)用困擾。從而進一步提高了餐廳顧客的用戶體驗，具有重大的研究意義。、可以做到從顧客選擇菜品、添加購物車菜品制作詳情、支付訂單等等功能的、單的及時更新僅僅需要管理員上傳或者選擇顏色就可以做到一鍵換膚的效果這是4無線PDA點餐：它是較早出現(xiàn)的無線連接設(shè)備，需要通過PDA顯示命令的API，讓點ISM物進行波段的覆蓋。IPad餐的功能。提前點餐讓顧客未進入餐廳即可開始選擇菜品大大解決了選擇癥顧客的尷尬。有效的節(jié)約了點餐時間，還可以節(jié)約服務(wù)人員的資源為顧客提供的服務(wù)。準(zhǔn)確性：避免了傳統(tǒng)手抄式點餐的本文主要研究的是基于bootstrap的響應(yīng)式點餐系統(tǒng)。該系統(tǒng)的是一個。每一位顧客掃描以后進入點餐系統(tǒng)。該點餐系統(tǒng)則可以實現(xiàn)排隊訂餐、現(xiàn)場點餐、 隊，顧客掃 后，不僅可以得知自己需要等待的時間，還可以自主進行預(yù)點餐bootstrapbootstrap具體一些餐廳的業(yè)務(wù)流程，對點餐系統(tǒng)進行需求分析，然后完成基本的功能需第二章：技術(shù)綜述。本章對bootstrap技術(shù)和 第二章本技術(shù)介本點餐系統(tǒng)是基于Bootstrap技術(shù)開發(fā)設(shè)計的現(xiàn)在紹本系統(tǒng)開發(fā)過用到的相關(guān)技術(shù)和理論。其中包括技術(shù)、B/SSQL開發(fā)框架、IISAjaxNHibernate 來一些信息。然而，它實際上上是由許多幾何的畫面拼湊在一起組成的當(dāng)然內(nèi)部存在著特定的機制體現(xiàn)出來的就是大家常常看到的黑白色的一個個小方格組成的其實它的邏輯與計算機基礎(chǔ)的內(nèi)部邏輯結(jié)構(gòu)相同， 的四個角上的方塊的二維圖 生成技術(shù)主要通過引入ThoughtWorks.QRCode.dll文件來實現(xiàn)它是一個生成B/SC/SB/SB/S結(jié)構(gòu)的全稱叫做瀏覽器/服務(wù)器結(jié)構(gòu)（Browser/Server）。這個結(jié)構(gòu)的就是常說少部分邏輯代碼寫臺頁面上其實就是實現(xiàn)三層模式其中包括客戶應(yīng)用端服務(wù)器、和數(shù)據(jù)庫面的結(jié)合。B/S結(jié)構(gòu)的系統(tǒng)最大的優(yōu)點就是可以通過瀏覽器直接，而不需要安裝各種客戶端應(yīng)用。覽器的解析，而復(fù)雜的邏輯處理則全部放在了服務(wù)器上。C/SC/S稱客戶端服務(wù)器端結(jié)構(gòu)（Client/Server）務(wù)器端。C/S結(jié)構(gòu)的服務(wù)器分為數(shù)據(jù)庫服務(wù)器和Socket服務(wù)器。C/S結(jié)構(gòu)就是通過這兩種方式與異地的客戶端進行數(shù)據(jù)傳輸和Socket連接。C/S結(jié)構(gòu)之所以現(xiàn)在不如B/S結(jié)構(gòu)受歡B/S聯(lián)網(wǎng)技術(shù)的快速發(fā)展，另一方面源于它對于用戶的用戶體驗。B/S輕客戶端：用戶無需安裝龐大的客戶端應(yīng)用程序，只要有瀏覽器就可以進行(3)SQLserverSQLserver數(shù)據(jù)庫是公司推出的一款關(guān)系型數(shù)據(jù)庫。其中SQL是結(jié)構(gòu)化查詢語言（StructuredQueryLanguage）的簡稱。它是一種簡單實用卻應(yīng)用廣泛的查詢SQLSQLserver20002014SQLserver2012，就是一個大的改進，它將各個功能集成在一個service里，方便用戶安裝使用。其中的增強的PowerS支持可以看出微軟對開發(fā)服務(wù)端產(chǎn)品對PowerS的支持。SQLSERVER來一次對其進行簡單介紹首先是Master數(shù)據(jù)庫Master顧名思義它是這個數(shù)configmaster進行備份操作。ModelModel據(jù)庫時所需要的信息。因此，如果新的數(shù)據(jù)庫被創(chuàng)建時，服務(wù)器就會通過Model數(shù)據(jù)Tempdb數(shù)據(jù)庫。Temp顧名思義，它是用來臨時一些信息的。應(yīng)用程序和數(shù)據(jù)庫都需要通過它來臨時數(shù)據(jù)。但需要注意的是，一個實例的所有用戶都僅僅共個Tempdb。而且tempdb只有一個filegroup，不能再額外添加文件組。Tempdb會保存SQLSERVER.net.NET是微軟設(shè)計的獨立于操作系統(tǒng)之上的一個平臺。也就是.NETXMLWebServicesXMLWebServices接網(wǎng)絡(luò)便可進行數(shù)據(jù)通信的功能，才使的任何操作系統(tǒng)都可以安裝.DAL（數(shù)據(jù)層）。其中UI層就是與用戶交互時看到的界面。主要用來接受用戶提供的數(shù)據(jù)和反饋結(jié)果。BLLUIDAL互作用。對數(shù)據(jù)進行一些業(yè)務(wù)邏輯上的處理。DALDAL值得注意的是各層之間的依賴：UIBLL,BLLDAL,IISInternetInformationServices（IIS，互聯(lián)網(wǎng)信息服務(wù)），是由微軟公司提供的基于運行Windows的互聯(lián)網(wǎng)基本服務(wù)。IIS服務(wù)器是微軟公司設(shè)置在windows系統(tǒng)中內(nèi)置的服務(wù)器用戶只需要添加這個組件就可以使用。IIS的全稱是互聯(lián)網(wǎng)信息服務(wù)。它最主要的功能就是通過互聯(lián)網(wǎng)發(fā)布發(fā)布IIS服務(wù)器的版本，一直更新到現(xiàn)在IIS6.0，相較于之前的版本，它集成了.net框IISIIS發(fā)布web時包含了多種服務(wù)器其中有web服務(wù)器FTP服務(wù)器NNTP服SMTP絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。AJAXAJAX（AsynchronousJavascriptXML）JavascriptXML。行通訊的技術(shù)后才日漸火熱后來又因為各種瀏覽器對于XMLHttpRequest的支持AJAXAJAX，javascriptXMLHttpRequest而實際上已經(jīng)與服務(wù)器進行了許多通信。Ajax的。AJAXWEB應(yīng)用程序。NHibernateNHibernate的是.NET平臺的對象關(guān)系映射（ORM）解決方案。它提供了共證下發(fā)布的開源軟件。NHibernate的僅僅是是Hibernate中的一個端口。 的相關(guān)概念通過類庫系統(tǒng)集成到 進入菜單頁面方便快捷然后我們闡述了B/S和C/S結(jié)構(gòu)的區(qū)別以及為什么本系統(tǒng)采用B/S結(jié)構(gòu)和B/S結(jié)構(gòu)的優(yōu)缺點等等。接著，我們介紹了系統(tǒng)所用到的SQLSEVER數(shù)據(jù)庫，最后介紹了一些的技術(shù)例如AJAX技術(shù)來異步獲取數(shù)據(jù)通過NHibernate來連接數(shù)第三章統(tǒng)的分和安裝至于開發(fā)人員的費用以及數(shù)據(jù)錄入的分析和整理所產(chǎn)生的費用也都是可以忽系統(tǒng)安裝、運行和費，非常的復(fù)雜在一般的情況下本系統(tǒng)的升級和的工作也是非常的方便和升級的，內(nèi)存：2G100G操作系統(tǒng)：Windows10數(shù)據(jù)庫：SQLsever開發(fā)環(huán)境：visualstudio開發(fā)語言瀏覽器：chromeB/SIEWEB送請求WEB服務(wù)器在接收到請求后進行處理如果用戶的請求涉及到需要數(shù)據(jù)庫的話WEB服務(wù)器就確定要的是哪一個數(shù)據(jù)庫然后就會操作數(shù)據(jù)庫從數(shù)據(jù)庫中得到戶端進行顯示。B/S行的模式相對容易把握成本也是比較控制的較低這是一次開發(fā)到位的能夠滿足不同的人員在不的地點不同的方式進行和操作著同一個數(shù)據(jù)庫這樣能夠有效的保護數(shù)據(jù)平臺和系統(tǒng)的管理權(quán)限服務(wù)上的數(shù)據(jù)庫中的數(shù)據(jù)也是相對比較安全的。有觸犯在知識方面對他人的勞動成果也沒有任何的地方因此本系統(tǒng)在法律上需求的分析在軟件的開發(fā)過起著非常重要的可以說是決策性的作用為軟件的開發(fā)指明了方向并且也為開發(fā)者致命了開發(fā)帶的策略在軟件開發(fā)以及后期的的過準(zhǔn)確性和及時性及時和正確無誤的處理是系統(tǒng)必須要考慮的系統(tǒng)應(yīng)該確保，對于用戶的輸入的信息能夠的及時的響應(yīng)。電子菜單系統(tǒng)分為用戶和管理員兩個角色分別進行各自的操作管理員在，對用戶、菜品、訂單記錄等進行管理，包括增加、刪除、修改等基本操作。用戶登錄用戶的主線包括、登錄、用戶功能模塊及頁面，管理員的主線包括登錄、管理員功能模塊及頁面，兩者共同的操作是在業(yè)務(wù)層，都對業(yè)務(wù)層進行，業(yè)務(wù)層再調(diào)用DAO層對數(shù)據(jù)庫進行操作。兩者，在系統(tǒng)中都進行各自的操作，互不。本系統(tǒng)的架構(gòu)設(shè)計圖如3-2-23-2-2 3-2-3-1餐廳服務(wù)員可以通過登陸賬號進入管理界面，對用戶訂單進行管理3-2-3-2餐 管理員可以通過賬號登 管理界面， 系統(tǒng)進行相 3-2-3-3本章的主要內(nèi)容介紹了系統(tǒng)的整個分析過程。首先從項目制作的可行性角度進行分最后進行項目的功能性需求分析。詳細(xì)的對本項目的需求進行分析。第四章統(tǒng)設(shè)計與實重要的可以把大批量的數(shù)據(jù)按照既定的數(shù)據(jù)格式進行組織和管理起來很方便對用戶的數(shù)據(jù)進行起來進行查找數(shù)據(jù)和這些大批量的數(shù)據(jù)的能夠讓系統(tǒng)的管理非E-R根據(jù)數(shù)據(jù)庫的需求分析，設(shè)計出本系統(tǒng)的E-R圖如下。主要共有5大實體，分別是顧4-1-1E-RE-R型的結(jié)構(gòu)圖表，基本確定數(shù)據(jù)庫的結(jié)構(gòu)。圖下如是數(shù)據(jù)庫表的設(shè)計圖。根據(jù)E-R圖，（1）Table_UserTable_UserIDUserNamePassWord字段以及Contact字段等字段1423用戶4(2)Table_Waiter廳管理的方式。還有管理模板的登陸賬號和。14234用戶5Table_MealOrderTable_MealOrder1423456Table_DishTable_Dish有菜品的原材料和菜品的展示等等。讓顧客可以輕松的瀏覽各種菜品。14243456Table_Cusine1424345本系統(tǒng)采用所提供的法連接數(shù)據(jù)庫javaHibernateNHibernate理.netSQLADO.NET4-1-3NHibernateXML在將來軟件的更新過要求系統(tǒng)能夠不用費多大耗費的情況下就能夠完成系統(tǒng)的升級和系統(tǒng)的所以在設(shè)計過盡可能的需要對系統(tǒng)的各個模塊都有很好的劃夠針對不同的環(huán)境進行靈活的搭配，也能夠使先前的系統(tǒng)進行更好的升級和。 顧客登錄模塊顧客在此即進行登錄操作必須在此模塊登錄且用戶名和正確無系選擇、菜品選擇，包括瀏覽菜品和菜品制作原料等等。管理員功能模塊管理員在登錄成功后管理員功能模塊在此模塊管理可以4-2-2-2 生成代顧客通過在登陸界面進行輸入用戶名和進入進行菜品預(yù)覽如下顧客登陸界面圖：這 終端設(shè)備登錄后的界面效果圖和電腦設(shè)備上面登錄后的界面效果圖對比這是終端設(shè)備菜單的界面效果圖和電腦設(shè)備上面菜單的界面效果圖對比?？梢栽诖撕艚胁蛷d服務(wù)人員。這能大大的節(jié)省了顧客和服務(wù)人員之間的交流時間。聊天室功能的實現(xiàn)主要依賴于ASP.NETSignalR類庫，在系統(tǒng)中該類庫后，進行一些代碼的管理員通過登錄進入管理模塊即可開始一天的工作。首先是管理模塊的首圖4-3-2-1首管理員通過管理系統(tǒng)可以對餐廳的服務(wù)人員進行管理對服務(wù)人員的信息進行瀏

圖4-3-2-3菜單界SQL語句來調(diào)用數(shù)據(jù)庫的數(shù)據(jù)。大大的節(jié)省了開發(fā)工作的時間，提高了開發(fā)圖：4-3-2-4數(shù)據(jù)操第五章統(tǒng)測的軟件相比，WEB服務(wù)有很多先進的地方，這包括和測試相關(guān)的幾個方面：能夠?qū)Ψ浅６嗟挠脩舻倪M試，即同時響應(yīng)很多的用戶的，并且對用總的來說，WEBB/SWEB服務(wù)和硬件之間的依賴關(guān)系不是那么的緊針對本電子菜單系統(tǒng)主要是進行了登錄界面的測試和系統(tǒng)的安全性進試功能進試，端的兼容性進試等。當(dāng)管理員輸入賬號和后便可跳轉(zhuǎn)到管理界面管理員可對管理頁面進行登出登入功能如果賬號和二者有任何一個不正確均不能達到進入管理頁面主要檢測用戶通 掃描后，是否能登陸到本系統(tǒng)亮亮測試類型測試人員亮測試編碼1Pc動一部。IIS服務(wù)無無無2打開IIS服務(wù)器和VS2015，將準(zhǔn)備的項目發(fā)布IIS服務(wù)器上。通過電腦瀏覽器進行本地訪移動設(shè)備需要連接內(nèi)網(wǎng)進行電腦和手機都可以正確的訪問到網(wǎng)站電腦和無3通過打開首頁，點擊“進入”按鈕；通過電腦打開首頁，點擊“進入”按鈕訪問的頁面可以跳轉(zhuǎn)到無4回到首頁點擊“登錄”按鈕在登錄頁面填入賬號：leo以及頁面的顯示可以正常輸入漢字和字的賬號和密碼后可以進和后無5涉及到的壓菜品可以添購物車列表面顯示正無6可以準(zhǔn)確的進入聊天室室發(fā)言狀態(tài)無7安全性測試檢測網(wǎng)站是否可以正常檢測是無85.51122各種顯示設(shè)備的頁面展無器、基于FireFox內(nèi)核的火狐瀏覽器中，進行兼容性檢測。將本系統(tǒng)分別在平板電腦等不同尺寸顯示屏上試用檢測的響應(yīng)式功能WEBB/S模式，采用的是人性化的設(shè)計方案，簡單的操作，容易上手的設(shè)計，幫助服第六章結(jié)與展本是相對于目前一些餐飲行業(yè)的實際狀況。對其進行深度的剖析，發(fā)現(xiàn)就目前而言餐飲行業(yè)的點餐方式存在的諸多問題其中包括餐飲實體店的較為傳統(tǒng)的HTML5Bootstrap的響應(yīng)式設(shè)備都可以輕松我們的系統(tǒng)而管理員也可以在隨時隨地輕松的完成工作本系這種方式解決（3）的進入餐飲行業(yè)，的了解餐飲各個流程。對于支付流程，本系統(tǒng)暫時沒有涉及 。過，思維不甚縝密和語言相對貧乏的我，由衷的感謝我的導(dǎo)師—尊敬的老師。是她在忙碌的教學(xué)時間中還抽身出來幫助我、修改。正因為有指引和鼓勵，我才能如此順利的完成這次畢業(yè)設(shè)計老師本著嚴(yán)謹(jǐn)?shù)慕虒W(xué)態(tài)度在畢業(yè)