網絡編程技術課程論文作者：孫玉虎學號:學院（系）:計算機科學與工程學院網絡工程指導教師基于SSH實現的點餐管理系統呂建勇指導教師2017年1月摘要二十一世紀是一個集數字化、網絡化、信息化的，以網絡為核心的社會。中國的網民充分領略到“暢游天地間，網絡無極限”所帶來的暢快。隨著Internet的飛速發展，使得網絡的應用日益的廣泛。如電子商務，電子政務，網上醫療，網上娛樂，網絡游戲，網絡教學等。隨著web2.0時代的到來，社會的發展引來了新的模式，社會的各個行業都走上了互聯網的道路，而此時此刻，為適應社會的發展，商家必須跟得上時代的步伐才可以在信息化的社會得以發展下去。在此基礎上，并且應網絡編程課程的需要，此文根據現行快餐連鎖店管理的需要，模仿小肥羊商家的實現了點餐系統。運用軟件工程的思想進行系統的分析與設計，使用MyEclipse和Tomcat編程，并運用實用的SSH框架實現。通過本系統的應用實現點餐和管理系統化。本論文首先介紹使用的開發工具以及相關的開發技術，然后再介紹了開發背景，最后通過截圖和具體代碼來說明該系統的開發與實現過程。設計充分利用JAVA易于使用和快速開發的特性，提高了編程效率和可靠性。同時對系統的開發原理、系統的功能特點和設計方案進行了介紹。利用其提供的各種面向對象的開發工具，開發出的產品不但能完成小型飯店點餐中的基本操作，而且具有程序設計合理、操作簡單、運行可靠、保密性強等特點。通過該系統實現點餐的網頁化，方便管理和提高實用性。關鍵字：框架點餐管理AbstractThe21stcenturyisasetofdigital,network,informationtechnology,network-centricsociety.China'sInternetusersfullyappreciatethe"tourofheavenandearth,thenetworkwithoutlimit"broughtaboutbythecarefree.WiththerapiddevelopmentofInternet,theapplicationofnetworkisbecomingmoreandmoreextensive.Suchasecommerce,e-government,onlinemedical,onlineentertainment,onlinegames,networkteaching.Withtheadventofweb2.0era,thedevelopmentofsocietyhasattractedanewmodel,thevarioussectorsofsocietyhaveembarkedontheroadtotheInternet,andatthismoment,inordertoadapttosocialdevelopment,businessesmustkeepupwiththepaceofthetimesItcanbeintheinformationsocietytodevelop.Onthebasisofthis,andaccordingtotheneedsofthenetworkprogrammingcourse,thisarticleimitatestherealizationoftheorderingsystemofsmallfatsheepselleraccordingtotheneedsofthecurrentfastfoodchainmanagement.Usingtheideaofsoftwareengineeringsystemanalysisanddesign,theuseofMyEclipseandTomcatprogramming,andtheuseofSSHframeworktoachievepractical.Throughtheapplicationofthesystemtoachieveorderingandmanagementsystematization.Thispaperfirstintroducesthedevelopmenttoolsusedandtherelateddevelopmenttechnology,thenintroducesthebackgroundofthedevelopment,andfinallythroughthescreenshotsandspecificcodetoillustratethesystemdevelopmentandimplementationprocess.DesignedtotakefulladvantageofJAVAeasytouseandrapiddevelopmentfeaturestoimprovetheprogrammingefficiencyandreliability.Atthesametime,thedevelopmentprincipleofthesystem,thefunctioncharacteristicanddesignschemeofthesystemareintroduced.Theuseofitsvariousobject-orienteddevelopmenttoolstodevelopproductsnotonlytocompletethesmallmealsinthebasicoperationofthemeal,butalsoareasonableprogramdesign,simpleoperation,reliableoperation,confidentialityandothercharacteristics.ThroughthesystemtoachievetheorderingoftheWebpage,tofacilitatethemanagementandimprovethepracticality.Keywords:frameorderingmanagement目錄TOC\o"1-5"\h\z1弓I言6\o"CurrentDocument"項目背景與意義6項目背景6項目意義6\o"CurrentDocument"項目建設目標7\o"CurrentDocument"開發設計思想7\o"CurrentDocument"本文檔組織結構7\o"CurrentDocument"2相關技術簡介以及數據庫的設計8\o"CurrentDocument"2.1相關技術簡介8JSP8Structs28\o"CurrentDocument"Spring9\o"CurrentDocument"Hibernate10\o"CurrentDocument"2.2數據庫的相關設計113項目實現過程133.1前臺實現過程133.1.1登錄界面的實現13\o"CurrentDocument"3.1.2登錄成功界面163.1.3管理員管理界面16\o"CurrentDocument"3.1.4管理員添加界面17\o"CurrentDocument"3.1.5菜品添加界面17\o"CurrentDocument"3.1.6管理員編輯界面18\o"CurrentDocument"3.1.7菜品編輯界面19\o"CurrentDocument"4總結以及反思23\o"CurrentDocument"4.1相關問題23\o"CurrentDocument"4.2課設報告的總結241引言1.1項目背景與意義1.1.1項目背景在當今世界，以計算機技術、軟件技術為核心的技術取得了迅速發展，不僅廣泛滲透到社會、經濟、軍事、交通和通信等相關行業，而且深入到家電、娛樂、藝術、社會文化等領域。現代控制技術、多媒體技術與Internet的應用與普及，促使消費電子、計算機、通信一體化趨勢步伐加快，網絡編程技術一度成為一個研究熱點。網絡系統是以應用為中心，軟硬件可裁剪，適應應用系統對功能、可靠性、成本、體積、功耗等綜合性嚴格要求的專用計算機系統。嵌入式操作系統將進入一個快速發展時期，嵌入式系統的應用將越來越多樣化，當前是餐飲業由傳統操作方式向信息化管理模式轉換的時期，對信息化產品的需求量很大。根據其對產品要求小型化、低功耗、專用性等特點，可以斷言網絡編程技術將在餐館信息化的過程中發揮重要作用。1.1.2項目意義當今社會生活節奏越來越快，人們對餐飲的要求也越來越高，不僅要求色香味俱全，而且對于就餐的時間和方式也有了更高的要求，許多顧客由于工作繁忙無法抽出時間來享受美餐，或者是很多的年輕的白領們在城市奮斗目前還是單身一個人生活，一個人也不太喜歡自己做飯，更傾向于在外吃快餐，但同時又不想到餐館里面吃，他們更喜歡在辦公室里面吹著空調享受美餐，這樣就產生了快捷訂餐的要求，最快的方式莫過于利用計算機網絡，將餐飲業和計算機網絡結合起來，就形成了網上訂餐系統。這不僅可以提高餐飲業的服務質量，擴大知名度，也是為最終用戶提供方便快捷的食品服務。在國內，中國的信息產業實現了快速發展，電子信息產業的規模居世界前列，網絡事業也得到逐步提高，互聯網產業正在逐步形成。互聯網在中國正在改變著人們的工作和生活方式，在促進經濟發展，推動社會進步和提高人民生活質量方面，發揮著越來越重要的作用。基于我國互聯網的新形勢，我們要抓住機遇，適應互聯網的新發展，積極應用新技術，努力開發新業務，滿足網民的網絡需求，網上購物的互聯網用戶已經達到了兩千萬，在最近半年，網上購物的成交金額累計達到了一百億元，通過網絡購買的手機在300萬臺以上。與此同時，互聯網產業價值鏈也在逐漸延伸并不斷的完善。具有自主知識產權的技術研發得到加強，網絡設備、終端產品，正在逐步實現國產化，一個以市場需求為導向，以通訊技術企業、信息產業制造企業，廣大信息提供者共同參與的互聯網產業價值鏈正在形成，并日漸發展壯大中介機構和傳播媒介，電子商務對于分析評價傳統的經濟學有很大的理論意義。1.2項目建設目標能夠滿足顧客方便快捷地在網上訂餐，同時在訂餐的同時可以在網上瀏覽菜樣菜式等等，還有顧客的網上評價等等相關的信息。同時對于企業來講，要能夠滿足企業快速高效地處理訂單，從而可以真正的滿足顧客方便快捷的需要，而且通過系統企業可以更好的與顧客進行交互，及時處理顧客用餐意見及關于口味菜樣菜式等等方面的建議。企業可以進行菜品管理，原料采購、菜品信息更新等，盡可能提高企業效率，減少企業的運營成本，達到企業關鍵性能指標如成本、效益、質量和速度等方面有較大的提高。能夠吸引更多客戶，為客戶提供滿意的服務。1.3開發設計思想本系統用JSP語言來編寫網絡訂餐系統，數據庫用MYSQL來連接系統，通過編寫Action，Service以及DAO來進行后臺業務邏輯控制，即JSP+SSH+MYSQL三層模式完成整個設計工作。本系統全部基于Internet網絡，以JSP語言對網站進行開發，注重用戶與網站的交互性。因此在這樣的背景下，針對當前Internet網絡發展趨勢來計網絡訂餐系統就成為了當今應用軟件的首選體系結構。1.4本文檔組織結構本文共4章，本章節為引言，介紹背景、項目意義、項目內容、項目建設目標等內容。其余各章主要內容如下：第二章：介紹本項目的相關技術以及數據庫的設計等內容。第三章：介紹本項目的具體開發過程以及各個模塊的具體實現過程。2相關技術簡介以及數據庫的設計2.1相關技術簡介JSPJSP全名為JavaServerPages，中文名叫Java服務器頁面，其根本是一個簡化的Servlet設計，它是由SunMicrosystems公司倡導、許多公司參與一起建立的一種動態網頁技術標準。JSP技術有點類似ASP技術，它是在傳統的網頁HTML(標準通用標記語言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和丁5?標記(tag)，從而形成JSP文件，后綴名為(*.JSP)。用JSP開發的Web應用是跨平臺的，既能在Linux下運行，也能在其他操作系統上運行。它實現了Html語法中的java擴展(以＜%,%＞形式)。JSP與Servlet一樣，是在服務器端執行的。通常返回給客戶端的就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽。JSP技術使用Java編程語言編寫類XML的Tags和Scriptlets，來封裝產生動態網頁的處理邏輯。網頁還能通過Tags和Scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網頁邏輯與網頁設計的顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發變得迅速和容易JSP(JavaServerPages)是一種動態頁面技術，它的主要目的是將表示邏輯從Servlet中分離出來。JavaServlet是JSP的技術基礎，而且大型的Web應用程序的開發需要JavaServlet和JSP配合才能完成。JSP具備了Java技術的簡單易用，完全的面向對象，具有平臺無關性且安全可靠，主要面向因特網的所有特點。2相關技術簡介Structs2Struts2是一個基于MVC設計模式的Web應用框架，它本質上相當于一個servlet，在MVC設計模式中，Struts2作為控制器(Controller)來建立模型與視圖的數據交互。Struts2是Struts的下一代產品，是在struts1和WebWork的技術基礎上進行了合并的全新的Struts2框架。其全新的Struts2的體系結構與Struts1的體系結構差別巨大。Struts2以WebWork為核心，采用攔截器的機制來處理用戶的請求，這樣的設計也使得業務邏輯控制器能夠與ServletAPI完全脫離開，所以Struts2可以理解為WebWork的更新產品。雖然從Struts1到Struts2有著太大的變化，但是相對于WebWork，Struts2的變化很小。2.2.3SpringSpring是一個開源框架，是為了解決企業應用程序開發復雜性而創建的。框架的主要優勢之一就是其分層架構，分層架構允許您選擇使用哪一個組件，同時為J2EE應用程序開發提供集成的框架。Spring框架是一個分層架構，由7個定義良好的模塊組成。Spring模塊構建在核心容器之上，核心容器定義了創建、配置和管理bean的方式，如下圖所示。組成Spring框架的每個模塊(或組件)都可以單獨存在，或者與其他一個或多個模塊聯合實現。每個模塊的功能如下：核心容器：核心容器提供Spring框架的基本功能。核心容器的主要組件是BeanFactory，它是工廠模式的實現。BeanFactory使用控制反轉(I0C)模式將應用程序的配置和依賴性規范與實際的應用程序代碼分開。Spring上下文：Spring上下文是一個配置文件，向Spring框架提供上下文信息。Spring上下文包括企業服務，例如JNDI、EJB、電子郵件、國際化、校驗和調度功能。SpringA0P:通過配置管理特性，SpringA0P模塊直接將面向方面的編程功能集成到了Spring框架中。所以，可以很容易地使Spring框架管理的任何對象支持AOP。SpringAOP模塊為基于Spring的應用程序中的對象提供了事務管理服務。通過使用SpringAOP，不用依賴EJB組件，就可以將聲明性事務管理集成到應用程序中。SpringDAO：JDBCDAO抽象層提供了有意義的異常層次結構，可用該結構來管理異常處理和不同數據庫供應商拋出的錯誤消息。異常層次結構簡化了錯誤處理，并且極大地降低了需要編寫的異常代碼數量（例如打開和關閉連接）。SpringDAO的面向JDBC的異常遵從通用的DAO異常層次結構。SpringORM：Spring框架插入了若干個ORM框架，從而提供了ORM的對象關系工具，其中包括JDO、Hibernate和iBatisSQLMap。所有這些都遵從Spring的通用事務和DAO異常層次結構。SpringWeb模塊：Web上下文模塊建立在應用程序上下文模塊之上，為基于Web的應用程序提供了上下文。所以，Spring框架支持與JakartaStruts的集成。Web模塊還簡化了處理多部分請求以及將請求參數綁定到域對象的工作。SpringMVC框架：MVC框架是一個全功能的構建Web應用程序的MVC實現。通過策略接口，MVC框架變成為高度可配置的，MVC容納了大量視圖技術，其中包括JSP、Velocity、Tiles、iText和POI。Spring框架的功能可以用在任何J2EE服務器中，大多數功能也適用于不受管理的環境。Spring的核心要點是：支持不綁定到特定J2EE服務的可重用業務和數據訪問對象。毫無疑問，這樣的對象可以在不同J2EE環境（Web或EJB）、獨立應用程序、測試環境之間重用。2.2.4HibernateHibernate是一個開放源代碼的對象關系映射框架，它對JDBC進行了非常輕量級的對象封裝，使得Java程序員可以隨心所欲的使用對象編程思維來操縱數據庫。Hibernate可以應用在任何使用JDBC的場合，既可以在Java的客戶端程序使用，也可以在Servlet/JSP的Web應用中使用，最具革命意義的是，Hibernate可以在應用EJB的J2EE架構中取代CMP，完成數據持久化的重任。Hibernate的核心接口一共有5個，分別為：Session、SessionFactory、Transaction、Query和Configuration。這5個核心接口在任何開發中都會用到。通過這些接口，不僅可以對持久化對象進行存取，還能夠進行事務控制。下面對這五的核心接口分別加以介紹。?Session接口：Session接口負責執行被持久化對象的CRUD操作（CRUD的任務是完成與數據庫的交流，包含了很多常見的SQL語句。）。但需要注意的是Session對象是非線程安全的。同時，Hibernate的session不同于JSP應用中的HttpSession。這里當使用session這個術語時，其實指的是Hibernate中的session，而以后會將HttpSesion對象稱為用戶session。?SessionFactory接口：SessionFactroy接口負責初始化Hibernate。它充當數據存儲源的代理，并負責創建Session對象。這里用到了工廠模式。需要注意的是SessionFactory并不是輕量級的，因為一般情況下，一個項目通常只需要一個SessionFactory就夠，當需要操作多個數據庫時，可以為每個數據庫指定一個SessionFactory。?Configuration接口:Configuration接口負責配置并啟動Hibernate，創建SessionFactory對象。在Hibernate的啟動的過程中，Configuration類的實例首先定位映射文檔位置、讀取配置，然后創建SessionFactory對象。?Transaction接口:Transaction接口負責事務相關的操作。它是可選的，開發人員也可以設計編寫自己的底層事務處理代碼。?Query和Criteria接口:Query和Criteria接口負責執行各種數據庫查詢。它可以使用HQL語言或SQL語句兩種表達方式。2.2數據庫的相關設計本項目的數據庫是使用navicat數據庫可視化工具建立的數據庫為：diancan。各個表如下所示：admin表

admin^,ieldTypeExtraPaidint(11)AutoIncrementanamevs.rchar(20)AllowNullapassword.varchar(20)AllowNullateleptionev^Eirchar(11)AllowNulldish表dishyieldTypeExtraP(11)AutoIncrementdisurnamevarc?iar(20)Al1CTWMill]<31si￡)rj8<]OIJt>lHAl1OWNulldtypenoint(11)AllowNulldishpicvarchar(50}AllowNullIndexFieldsExtraFK2F0D9A928B4BD3dtypenodishtype表dishtypeFieldTypeExtrapdtypeidint1)AutcTnciementd.typenamevarc:ha.r(20)AllowNullorderdetail表

orderdeta.ilFieldTypeZxtra.Podetailidint(11)AutoIncrementnumberint(11)AllowNullorderpricedoubleAllowNulld1shncint(1])Al]owFJul1IndexFieldsExtrcid1shncri1shnc-UniqueFK7D606D1FC0696AS5diohnc-3項目實現過程3.1前臺實現過程3.1.1登錄界面的實現3.1.1登錄界面的實現@勝客簡介I吝—:400-675-12513yrleht⑥如0G-辨17也|生有眼很所有京]CP音內網花34號^[CPifBlOG^-0373-^南豆市心歹音某紜號i]：3456T891那可值珂的

KffliTin可值珂的

KffliTin登錄界面通過jsp技術實現，并且通過JavaScript技術實現登錄名以及密碼的驗證，關鍵界面實現的代碼如下：<divclass="headerBar"><divclass="/ogoBarlogin_logo"><divc\ass="comWidth"><divclass='7ogofl"><ahref="#"><imgsrc="img/logo.png"></a></div><h3class="welcome_title">小肥羊后臺登錄系統</h3></div></div></div><!--提交表單開始--><s:formaction="admin_login"method="post"namespace='/"><divclass="loginBox"><center><s:actionerror/></center><divclass="login_cont"><ulclass="login"><liclass="l_tit">用戶名</li><liclass="mb_ZO"><inputtype="text"class="login_inputuser_icon"name="aname"></li><liclass="l_tit">密碼</li><liclass="mb_10"><inputtype="password"class="login_inputuser_icon"name="apassword"></li><li><inputtype="submit"value=""class="login_btn"></li></ul><divclass="login_partners"><pclass="l_tit">使用合作方賬號登陸網站</p><ulclass="login_listclearfix"><li><ahref="#">QQ</a></li><li><span>|</span></li><li><ahref="#">網易</a></li><li><span>|</span></li><li><ahref="#">新浪微博</a></li><li><span>|</span></li><li><ahref="#">騰訊微薄</a></li><li><span>|</span></li><li><ahref="#”>新浪微博</a></li><li><span>|</span></li><li><ahref="#">騰訊微博</a></li></ul></div></div></div></s:form><!--提交表單結束--><divclass="hj25”></div><divclass=7boter"><p><ahref="#”>必勝客簡介</a><i>|</i>客服熱線：400-675-1234</p><p>Copyright©2006-2017必勝客版權所有   京ICP備09037834號   蘇ICP證B1034-8373號   南京市公安備案編號：123456789123</p><pclass="web"><ahref="#"><imgsrc="images/webLogo.jpg"alt="logo"></a></p></div>其中通過在Action類中添加Login()函數實現登錄的跳轉。孝登錄執杼的方法IpublicString1呢System.DLrfr.printIn("login枷丁JAdminexistAdmin=adminService.login(admir)5if(existAdniin==null)-^r'■登錄失敗this,addictionErrorC."fl口蕓戒者密'2錯'謾！")；returnINPUT;//登豆其偵ActionC□ntext.getContext()-getSession{).put("existAdmin",exi￡tAdtnin)jL553.1.2登錄成功界面取迎照：Eun^iilni4后當諄|￡矗燒＞口1「口SBUEsa?i￡&日訂里司甘＞口1訂?vi￡通過在login()函數中調用如下函數'=登錄執行的方法*您return*/publicStringlogi.n()(System.Dut.println("login執行r"〃調用業務層的類AdminexistAdmin=adminService.loginfadniin)'if(exi5tAdmin==null){//春泉尖也this.addflrtionError('用戶名或者密碼銷誤!returnINPUT\〃苔Mh)二ActionContext.getContext<).getSes^ionO.put{''existAdmin1'existAdrain)實現在登錄成功界面中顯示session中所存的用戶名3.1.3管理員管理界面關鍵代碼如下:<tabl?cellh&Kin匚="&"*twrder="l"「1圓x'ufrlcd，ctr>時居理員姓％:.心>IdtkFSlF清理黃電iS<Wi>?5widtK="450-Bcalspfln-"?"^Il■-ftliS-</tr></UlEdd>cs:iteratorvilue=Bl(jt"4七「》<tda]jEn-B?wteram-rprapentyvaluie?"4ki_cniffww''"ctdalign-■cwter^j^s-Lprapertyv-alurf-,!#fl.iitelqrfKineB/>c/tdierd噸朝hr?-P=-,lf.{gugACMit4xt.^oi>>c>Git.g■■pop*--tylulla—jfei.isE"八％都改打re-F=!id：&*geccnitiKt.re?*e&taccniiteKtPathi>/?MH_^e￡?te.Kt￡(?=<s[ncptvalu*="ffl./>'，圈除：門，4口<1*v，t「*</s:iterBtnr></tl>ady>小MM*

3.1.4管理員添加界面管理員添加保存退巨言理員姓名：|管理員密詩：」.，.，管理員康"||具體實現代碼如下:3.1.4管理員添加界面管理員添加<s:-Formaction="admin_eqve"method='fpo￡t,rnatne￡pace=V，rid="^aveFormtheme="simpLe"><center><tableborder=-,lHcellpadding=,r0,fcellspacings19,f><tr><t.~aLigr=,,c￡nter,J>管理一節姓名：</td><td><E:textfieIdname="nname"</tr><tr><tdalifin="center">管理員密碼：Wtd》<tdxs:passwordname=,rapassivord"/></td></tr><tr><tdalien="center">管理員電話：</td><tdxs:textfieldname="ateLephone"</tr></table></center></s:foni>3.1.5菜品添加界面具體實現代碼如下:具體實現代碼如下:■?:tflbletwrder-"S-<tr><r：1wJJsrcW^reL5tyJle=w-Fonc-&iZ€:皿山已*!泡*君品:€/EP>CtO<td翰lhne-ir-',jarairCT,Ej?trd'acu,wnt.prfFi-mwitB^Jdf*sswForr*j.上根律U/wM^stjAnbsp;<■?h「時■■javrrsb讓驊心</td></tr></tdble>■d-ci-FarwxtlaftzLdfjrj^ugj^Lbd=*'iA?^dr?#a5白昭蜘M%ccefitsr>鹽Bbktor*-p.ujucellpaddinR-'BEf''曠〉4tdMg.:t?rtflaidn占g="玳cfvuw"*</trxrtr><td*lUj>--centerffcfttfl格D：ih<td>cs:teortfieldn”E?"i/ij：MEw-'/>c</tr><tdMEgTeiH：財％辛諾圖HWE：n<tdxL：t^rtf1idldnA?6='l￡ft￡.h^il€"/n/td></tr>rtr><td*iip*--center■：fitinS^-32■=.,?'td?i+cHs:selectnase-■(/i5ht>￥H.df,jv>e,iJulist-w-List'listKe^-^dftjYwi<1rtlistV^lue-^crtypentm!■hmdmEEy-*hrrfe-rvalue-"-—-——u/>c/tc></tr>■￡/￡!-Fof￥d^3.1.6管理員編輯界面管理員編輯-存盤回罷'理員姓名：sunyuhu涉理員密碼：??,?++?賓'理員皂話體實現代碼如下:<￡：forttiid="g日upFo廣腫"acticm=''adfffin_ijpdate"methods"po^t"namespate=H'/，rthenie="5Lmple,r><s;hiddenriairiE-,Jaia'*rvalue-"Ximodet.aid}"x/s:hidden*<table5tyle="-Font-5ize:26px"><tr><td*管理員姓名?c/teb<td><E：tejttfieldrame="'□Mtjrfie,rumli正=""to血-tint麗習"/></td><tdelign=七印tr廠管理員密碼：</td><td><5passv.'orsname-trpassi^ord"valuer<y%{modeL.apassword}"5hnwPas5word=/x/td></tr><tr><tdalign=,,center,',>管理員電話:■ztd><td><5:textfieldname=Ir[iteLephone"v&Aue="%(fJiocieL.ateLephone}11/></td></tr></table></s:forn>/body*3.1.7菜品編輯界面菜品編輯退回12.5菜品名稱Q彈景暖仍荼菜品價格12.5菜品圖片image/yinliao/Qtan.jpg菜品類型好多初酩1火鈉具體實現代碼如下:th?,-"5r>p(e"s-■cfiihldda-nnaK^^d^Efttd"vaIija-^oddfi-J..JhMtai>■ctable5tyle-Rfont-alie:??ftd、首品房粗*d*■ctdT'CSJtextfleldnaaK"H[Hj/MaK"UBLK"RJf-fKidrL.cHshnEBrJ-^<tdBlicn-.'centcr'^Sp.品皆帝?:4td>€K.:MM='di：tiJ^￡￡dn1A1L^=頃.廿舊時#刃.5ll&HPa515*iKr--d-'itfUeri<td白11耕■?■《如&頃、蒙品由片力心，■ctd><5.：t?rtfiel^irMo'tfis■加k，$*</td><tdmil鏟《**wn史時―圭品盤皿:/tJ、ftd>ts:selectgK^diih即pe.dtyx'd"li,trz：dtygd"llitVtii>e?Btft>￥wrawBhffrferKey-^''心胃fiWdeL.cK功tjpff.dtyp亡?iej“^/tr>^/s;f9ni>3.1.8類型管理界面^；TgM~~初m箜*11*料坂官?l21U總記城Sh(5房可顯示:3-F一頁邛促成具體實現代碼如下：ce11s&i>cbnrx>Er"-J"'class"'C<iSC?J._>■thewb<tr>■｛廿iNkdth-^519n:>j^S￡探Ht心<ttiwLdth-'JSS-tolsfan-'J</tr>^/thep^X<tb(Kly>皿！it*ratw卜氣irkzZE^tr><tcalifin-'Brc,inter,J?-c5:praperti'v-?hue"B^.rftypcinanff'1/j-c/td?<Ualicn-rtrc^te^"><5href■rti-：pjfle<CTtext.reqiws-t:.cc?ntextPBt：li]/dt?rCiCT?iMty1peirf-<:■iprcptH^value-^*ddtypricT.「—薄改■：?>?：."必■tb:：311眼=%掉>『由5，”hrW="MyeC睥起歡，仲誠戲font典tPmEMdisA中!娉■曲油:邸時「=5：?■■■-iy明1噸/*ddiyi?eE?W：劇陽N-m/W<Jtr>c/ulte-ratcf?</tbad>'>Hi/teble?-心/?3.1.9類型編輯界面類型編輯勺肯俱三類型名稱；ar具體實現代碼如下:<tableborder=''3'rwidth=,r600px"><tr><tdalieri="center"style-'font-size:24px;color:#S56~>類型編</tr><tr><tdalign='right"xahref=11javascript；doctttnent.getELetnentByld(1saveFonp1).submit()',>^.存&nbip; j<ahref="jova^cript:hvstory.go(-l)">5^回《/日)</td></tr></trfble><s:fcrmid-,rsc?L>eFo?iraction="dishtype_叩廿method-,rpDitHnam匹pmE=7*theme=,,5-infpt.e<s:hiddennane=Mdtypeid"value="^fmocfet.dtjjpeid^s^E:hidden><tablestyle=n-Font-sise:16px"><tp>類型名稱:</td><tdxs:textfieldname=,rdtypename,rvalue='rTfwdeL.dtypename}"/</tr></table></s:form>3.1.10訂單詳情界面事晶崩新卅玫由梆??S15]25.0Hi是皆土日圾嘔攜#112.D1jHEl:簞|9蟲嘗泌前：+每蟲顯示溥__二.具體代碼如下:-celkiMcifuc-^*4borfer-'J*-己兇隊性曲”％吊七「>"hidWrtMDqcii品豐和"Th、HhiiMm-七瑚湖訪HthvHhwidtMPST：■與忱<th.I就fczPJS-<slspsn="2"5sfitf：/th>■C/theiril?-<tbody>mid-zsrwalu*="￡.1j"r~力』「=七％<tr>"jEn/rwitb%";pmfwtyvb1iH"?w#w.rfish.dEjftnawr-〈td#1i|；n=J，rf^t,€i~">,(5:lirtp^r-tyVfilw—"*17■nijri^rr?<tdaJign?rg>|:時由：；！口網村rtyghrf■'策■耳oMh、ctd?kli即■■"rEtcrfwhrtf-'SlposeC-DrteMt.nw?t.iDfrtcxtFathMimdffrdPtirU—MH.irMkMi.'odettndJd-。％:「「叩r「t由odptaitid*/>B：?U故"<td*liEn-^1re^■><hhref-.'Ifpp^cntewt.rewH-t.contortth}/pHde,.r^etriC<irLebe.artiwiiWetoiCid-<s:priipi?rtyid?/>■■：H/s-iitcratorj</tnblc>心/>3.1.11訂單編輯界面訂單詳情編輯宰存退回□蚌懸砌i茶北美特蘭機靖翅花樣十翅天團美故二豆苫糧玻蘆蛤容擊糧披芋兩類》艮國情窟肉拽薩杳理很芒兵汁江券年牽三兄勞荼款瞄1沃食［厭御的4瓠；/amid■七*cAje'酢七1叫?”5*用<±€1讓_仲亂^廣fethod-^poj^"Fntjpxx"""thaw二■"<pl己■>gil.ul%!iPE=爺我tHttd"Wdvt/XrHK尤L巾血tMH寸尸x，、:ld<ifc<.>xtaA>9?-stylfc-^fant-slzft:I-Sa?">ctr>\Baifin-cen^r-zaffi^S.■r/tda-ftGP<5：selEcenirw--di5ih.di5Wriulist-'iist-littfCe^-udisMd,JlistValuE-^ertthnciw^herferKey-■uh?3dErVHluff--XZHMk,l.tfish.(riilinnw}-v臥-<td><5：teKt#iEldvalue-"%{wdEl.dis^.^ishrwt)"/></td>--S>■CtrfaliEn-^Entfr"^^--c/td>:texTfieL：ictdflign-*cent-?rrt:?ill?■</td>:idxtfi±ldnBf>e--a￡xrdff/price,_M^lue-^Jt^rtraeiT^-^rdsrprlce}M$></tr></<.：女?抽卜通過調用模型驅動，將菜品名稱，份數以及價格輸出出來。3.1.12用戶首頁界面關鍵代碼如下:<ul><lixahre-F="choosediftcrbt如腳址「=1iJ><imesrc=11網/t曲4.e_im.s/i.png"on^totiseOver=tathis，-src=1img/botto?2-pngonf*to>u5e0urt="this,src='img/table_img/l,png'"/></ex/li><lixahire-F=''choosedish.jspftcrfttenuffibemximgsrc=1.png"onMou&eOver=,'thii.src=1img/bottomZpngDnr5ouseout=,,,thisJ.src=Bifflg/tabl^ifflg/Z-png'"/></ax/li>href='^hoosedzsh.Jsp?tabtenL/mber=J0><imgsrc="iirtg/tabLe_irr\g/3.png"onMauseOver=Hthis.src='img/bottami?pngDnrBtaiu&eOut=lithi&.src="img/table_inig/3.|png*"/><lixahre-F="choosedish-jspIenumb&r-=41,1><irngsrc="f.n?g/ti7tile_im.g/4.pngr"on^tou5e0ver=*'thi&-arc=1img/bottoi*2-pngseOurt="this-rsrc='img/ta-ble_img/49png'"/><lixa="rWoowediEgM,J5#》tcrfitencwibe「=5m><imgsrc="ijitg/ttjfjle_txfig/5.pngiJ,on^tou§已Over="thii?src='img/bottom2pngDnf*touseOut="this.src=■img/ta]ble_img/5-png'"/>c/ax/li></ul><ul><li><ahref=u€hoQsedish.jsp?tabtenL/mber=611Ximgsrc=Hui^/tcrjbLe_ung/^.pngJ,on^knuseOver=Hthit.5rc=1img/bottom2.pngonNo?：seOLrt:=littiis.src=aimg/tiable_ime/6.png""/></ex/li><lixahre-F="choosedis/iaJspftabt..enu^ber=7"><Imgsrc-"2項w/7,pr\g"on^touseOver-Rthi&-src-