基于BS的餐厅管理系统设计与实现毕业设计.pdf

《基于BS的餐厅管理系统设计与实现毕业设计.pdf》由会员分享，可在线阅读，更多相关《基于BS的餐厅管理系统设计与实现毕业设计.pdf（35页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、摘要21世纪，是一个信息化，数字化，共享经济化飞速发展的社会,在这个大数据时代，通过对现代社会上的餐厅信息化管理系统的调 查发现，传统的餐厅管理理念不能满足现在的顾客。在中国，“吃 穿玩乐”吃排第一，“国以民为主，民以食为天”。俗话说，民以 食为天。任何人都不能不吃饭。但是，吃饭，也讲究，不能到了餐 厅三四个小时都还没吃上饭吧，这样让顾客很容易产生不好的情绪。如果在餐厅吃的都不开心，那谁还会来餐厅消费呢！针对传统的餐厅管理的合理性、实效性和信息的准确性的不足 和结合现代化的发展理念，设计了一套基于B/S架构的餐厅管理系 统。将系统分为多个模块合理管理，一个开放对顾客，让顾客可以 实时的点餐，一

2、个对内，让员工合理的管理存放在Oracle数据库中 所有的餐桌信息和菜品信息等，保证餐厅信息的准确性。通过这样 的一个设计方案及解决了顾客在吃上面的烦恼，同时也极大的提高 餐厅的工作效率和服务质量。关键字：餐厅管理；B/S架构；Oracle数据库；系统Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion目录一绪论.11.1开发背景与意义.11.2系统需求分析.2二系统相关技术.32.1 B/S架构介绍.32.2开发环境.

3、6三系统设计.83.1系统功能设计.83.2 Oracle数据库设计.93.3开发环境的搭建.12四系统后台功能实现.154.1系统后台首界面的实现.154.2系统餐桌管理模块的实现.164.3系统菜系管理模块的实现.184.4菜品管理模块的实现.204.5餐厅订单模块设计.24五系统前台功能实现.265.1系统前台首界面的实现.265.2系统前台点菜界面的实现.27总结.30致谢.31Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more inf

4、ormat ion参考文献32Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion绪论1.1开发背景与意义开发背景与意义“安身之本，必资于食。”在古代就有说，安心养身的根本，必须凭借食物。由此可见人们在古代就很重视饮食，在春秋战国时 餐厅才有雏形，到了唐朝的时候才开始完善。那时的餐厅不叫餐厅,而是叫酒肆一一吃饭喝酒的地方。但在古代，贫富差距特别大，能 够到酒肆去消费的基本上都是一些达官显贵。当有客人来店里了，都是直接叫小

5、二上菜，但在这个过程中，顾客有时点的菜店里要不 没有，要不就是已经没了食材，这样还需要小二去跟顾客去讲解缘 由，请求谅解。古往今来，在现今的21世纪，同样有许多的餐厅，都是把菜品 罗列在清单上，让来餐厅点餐的顾客看着清单点餐，但随着历史的 发展，中国成为了发展经济大国，人们的生活水平也越来越高了，来餐厅消费了顾客也是越来越多，如果一个餐桌让一个人去记录顾 客点的餐桌信息，但餐桌顾客出现很多的时候，就需要动用到许多 服务员，同时还需要动用很多上菜的服务人员，这是一种对人力的 消耗和浪费，而且有时还会出现漏上菜，或者上错了菜。如果这样 的事情经常性的发生，回直接影响到顾客对餐厅的满意度，这样间 接

6、的影响到了餐厅的发展。在21世纪，无论是国力、经济还是科技力量，都是一个质的飞 跃。计算机技术更是炉火纯青，电子计算机被广泛的应用在各大公 司的网站和信息管理中，科技服务代替人工服务的理念更是今后发1Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion 展的一种方向，针对于现在餐桌市场存在的问题，我设计了一套基 于B/S架构的餐厅管理系统，这样的一套系统，分为前后台，前台 给顾客提供当日菜单供选择，后台由员工管理我们的菜

7、谱和管理餐 桌的信息以及还可以达到餐桌预约的功能，供顾客和员工一起使用,顾客只需要通过平板电脑在餐桌上点餐，我们后台的员工就能看到 点餐信息，打印信息给后厨马上上菜。这样及解决了餐厅投入大量 劳动力，也可以解决出现餐桌信息错误的现象，同时还在上菜上提 高了效率。通过这样的一个系统可以快速的达到一举多得的结果，同时也是跟上时代的脚步，让顾客的体验感更舒适。顾客的满足就 是对餐厅的肯定，餐厅的生意更会是蒸蒸日上。1.2系统需求分析系统需求分析基于B/S的餐厅管理系统，是按照现实情况的要求来实现的一 款软件，随着信息系统的不断完善，餐厅管理系统也是越来越依赖 信息化管理，通过此系统能够精确的获取和推

8、出数据，从而达到餐 厅管理的信息化，科学化。让我们的顾客能在信息飞速的发展的节 奏下跟上时代的脚步，同时也让我们的餐厅和系统运营的模式跟上 潮流，使得我们的餐厅和顾客得到双赢。现今是一个信息化的时代，一个庞大的世界，信息量是庞大的,只有通过信息系统的合理管理才能提高我们的办公效率，所有，餐 厅的信息化管理的运营势在必行，这样的一个设计里面也是今后的 一个重要的发展方向，拥有一个很好的前景。2Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more i

9、nformat ion二系统相关技术2.1 B/S架构介绍架构介绍2.1.1 B/S架构选择架构选择在这个信息急剧膨胀的社会，人类正在进入一个崭新的时代一 一信息时代。信息时代的一个主要而显著的特征就是计算机网络的 应用。计算机网络从最初的集中式计算，经过了 C/S(Client/Server)阶段，已发展到目前流行的B/S(Browser/Server)计算的模式。C/S 架构是一个比较早的软件架构，主要应用于局域网内。经过长期的 时间检验，人们发现C/S存在以下几个不足：只能处理一些功能单一的多系统。C/S架构适用于局域网，对网速的要求比较高。由于需要安装客户端，安装部署困难，所以不易扩展

10、。若客户端使用的系统不同，就要针对这些系统分别编写程序。客户端界面缺乏通用性，且当业务更改时就需要更改界面，重新编写。客户端需要专门的客户端程序，比较麻烦，针对多面广且不 具备网络条件的拥护群体，不能够实现快速部署安装和配置。图2-1 C/S架构图3Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion随着I nternet和W W W的流行，以往的主机/终端和C/S都无法 满足当前的全球网络开放、互连、信息随处可见和信息

11、共享的新要 求，于是就出现了 B/S型模式，即浏览器/服务器架构。它是C/S架 构的一种改进，可以说属于三层C/S架构。只要是利用了不断成熟 的www浏览器技术，用通过浏览器就实现了原来需要复杂专用软件 才能实现的强大功能，并节约了开发成本，是一种全新的软件系统 构造技术。2.1.2 B/S架构的原理B/S(Browser/Server)结构即浏览器/服务器结构。用户可以 通过浏览器去访问I nternet上的由W eb服务器产生的文本、数据、图像、动画、视频点播和声音等信息，而每个W eb服务器又可以通 过各种方式与数据库服务器连接，大量的数据实际存放在数据库服 务器中。从W eb服务器上下

12、载程序找到本地来执行，在下载过程中 若遇到与数据库有关的指令，由W eb服务器交给数据库服务器来解 析执行，并返回W eb服务器，W eb服务器又返回给用户。在这种结构Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion 中，将许许多多的网连接到一块，形成了一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的I nterneto B/S架构 分为三个层：表示层、应用层和数据层，三个层相互独立又相互联 系。表示

13、层，跟用户息息相关，是用户可以看见的，这层就是用来 显示用户请求的数据的。应用层，是一个业务逻辑处理层，一个W eb 程序不可能只有一个请求，也不可能只请求这样一个数据，他处理 的是许多千奇百态的数据，那怎么去根据用户不同的求情来执行不 同的业务，这就是业务逻辑层即应用层的。数据层也成为持久层，保存数据的持久化管理。2.1.3 B/S的工作执行流程I.用户通过计算机（客户机）安装的浏览器输入一个网址或者 说是一个指定的UR L,浏览器便会向网址指向W eb服务器发送请求。I I.W eb服务器接收到浏览器的请求后，把UR L转换成页面所在 服务器上的文件路径名。I I I.如果页面是动态数据，

14、W eb服务器需要访问数据库服务器，拿到访问结果填充到页面。I V.W eb服务器响应用户发送的请求，把检索到的数据返回给用 户，通过浏览器解析再呈现给用户。5Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion发送请求发送请求浏览器发送:的请求信息图2-3B/S工作流程图2.2开发环境开发环境2.2.1开发语言W eb应用程序开发最优选一一JAVA,在W eb软件开发中也有使用 P H P、P ython、ASP.NE

15、T等开发语言。但这些开发当前的大型W eb项 目存在诸多的问题，例如，使用P H P,效率不高，没有全局缓存，使 用P ython,速度慢，性能差，格式强制。相比使用Java,优点：性 能好，适合大型项目，跨平台，稳定可靠，运行效率高，不易犯错;适用度：提升性能和吞吐能，能规避安全问题；确定：开发复杂，维护成本高，开发人员费用高。JAVA运行体系，如图2-4所示。图2-4 JAVA运行体系图6Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more

16、informat ion2.2.2 Tomcat 服务器服务器Apache是W eb服务器，Tomcat是Apache的一个扩展，并还是 一个完全免费的软件，它可以作为一个独立的W eb服务器来运行。Tomcat可以解析java程序，能够动态的生成资源并返回到客户端。2.2.3 Oracle 数据库数据库Oracle数据库，是一款大型的企业级的关系型数据库，是Oracle 公司的核心产品。其在数据安全性与安整性控制方面的优越性能，以及跨操作系统、跨硬件平台的数据操作能力。基于“客户端/服务 器”系统架构。7Th is doc ument is produc ed by free version

17、 of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion三系统设计3.1系统功能设计系统功能设计本毕业设计是设计一个餐厅管理系统，目的是为了解决以前存 在的写菜单，上错菜，时效满等弊端，从而设计了一个，给顾客提 供一个舒适的，便捷的用餐环境，给员工提供一个方便的，实效的 工作方式的一个系统，最终到达在顾客和工作上的共赢。让顾客吃 的开心，让员工更加舒心，让老板管理放心。根据此次需求的目的和在实际生活中餐厅的管理流程，制作出 了一个系统的流程图，分为前后端。如图3-1,图3-2所示。图3-1系统后台员工管理流程图

18、8Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion图3-2系统前台点餐流程图3.2 Oracle数据库设计数据库设计餐厅管理系统分为前台和后台，前台主要是面向顾客，让顾客 点餐用的，用程序的语言来说其作用就是让顾客来产生订单的；后 台是给餐厅员工用的，主要就是负责对菜品的管理和订单的管理。为了实现不让数据的遗漏或者数据的错误和遗失，就需要用到 持久化的数据库来存储我们的数据。根据项目的需求和数据的存储 类型及其量的多

19、少，此系统共设计了六个数据库表。以下是个表的 具体描述。餐桌信息表餐桌信息表是用来保存餐厅所有的餐桌信息，这里主要是餐桌 的I D和餐桌的状态及其餐桌的预约时间。餐桌I D在后期顾客下单Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion 和结账时用到，餐桌状态是用来显示此餐桌是否有预约，达到餐桌 预约的功能，后面的时间，就是用来存放预约的当前时间。表3-1餐桌信息数据表结构序号列名数据类型长度主键允许 空外键说明1ID

20、Number3V餐桌ID2NAMEVarc h ar220餐桌名3STATUSVarc h ar220V餐桌状态4SCHEDULETIMEDat eV预约时间(D菜系表在此W eb系统中，菜的管理是至关重要的，哪些菜有哪些菜还 未推出，哪些菜已经卖完了，这都是要反馈给顾客的，让顾客看见 一目了然，不需要服务解释。但不同地区的人，饮食习惯是不同的,这就要根据地域的不同，给菜分区了系别，比如湖南这边的就叫湘 菜，如果为了让顾客根据自己喜爱的口味选择菜品，于是我们把菜 分流类别，通过此表来存放数据。结构如表3-2所示。表3-2菜系数据表结构序号列名数据类型长度主键允许 空外键说明1I DNumber

21、3菜系I D2NAMEVarchar220菜系类别菜品数据表菜品数据表是用来存每个菜品的具体信息的，譬如菜的名称，菜的价格，还有菜的一些介绍都是存放在这个数据库表中，还可以 看清楚这个菜的图片。当用户点击这个菜品进入的时候，就可以看 到这个才的详细信息，后台也可以根据实际的具体情况来调整菜品 的价位。10Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion表3-3菜品数据库表结构序号列名数据类型长度主键允许 空外键说明1

22、I DNumber3V菜品I D2NAMEVarchar220菜品名字3DI SH CLSI DNumber3V菜品类别4P R I CENumber8,2菜品价格5VI P R I CENumber8,2VI P价格6COMMENTSVarchar250V菜品说明7P I CTUR EClobV菜品图片订单数据库表订单数据表是用户点玩菜之后，如果点击了下单，但就会生成 一个跟餐桌相关联的订单表，此表记录的是这个餐桌的消费情况和 结算情况，具体此餐桌的消费情况是存放在订单详细表中的。表3-4订单数据库表序号列名数据类型长度主键允许 空外键说明1I DNumber11V订单I D2BOAR DL

23、I STI DNumber3餐桌I D3OR DER DATEDate订单时间4TOTALAMOUNTNumber16,2订单总额5STATUSNumber2订单状态订单详细数据表订单详细表，用来显示顾客具体的消费情况，订单详细表是在 订单表产生后再产生此表的。表3-5订单详细数据表结构序号列名数据类型长度主键允许 空外键说明1I DI nt20V订单详情I D2BOAR DLI STI Dvarchar20V餐桌I D3DI SH I DVarchar20V菜品I D4NUMSVarchar10菜品数量11Th is doc ument is produc ed by free versio

24、n of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion3.3开发环境的搭建开发环境的搭建第一步：准备开发工具（一台W indowsl0的台式电脑、官网下 载最新版本的JDK、官网下载最新版本的I DEEclipse、下载 Tomcat服务器、下载相关jar包）。第二步：配置JDK的环境变量；通过W indows+R输入cmd进入 DOS命令，数据java-version或者javac,出现如下现象表示配置 成功。如图3-3所示。C iW ind owssyste m3 2cmd.e xe XMici-oso

25、ft.W indows版本 10.0.17134.523(c)2018 Microsoft Corporation 保留所有权利.C:UsersAdministratorjava-versionjava version L 8.Java(TM)SE R untims Erwironment(build 1.8.0_191bl2)Java H otSpotCTM)64-Bit Server VM(bui 1 d 25.191-bl2,mixed inode)C:Usei,sAdininistiatoi图3-3 JDK成功安装效果图第三部：配置Tomcat服务器。配置过程入下所示。Add,re m

26、oveS e rve r ru nti nSjj P references 1,1|type filte r te xt J ava S cri pt J S O N Mave n Mylyn O omphPlug-in De ve lopme nt Re mote S yste msRun/De bugI v S e rve r 1AudioLaunchingO ve rlaysProfile rs SA ARuntime Environm Te rminal V alidation W e bW e b S e rvice s XMLName 囹 ApacheServer RuntServ

27、er RuntNe w S e rve r Runtime Environme ntNew Server Runtime EnvironmentNew Server Runtime EnvironmentDe fine a ne w se rve r runtime e nvironme ntS e le ct the type of runtime e nvironme nt:ApacheApacheApach etype fiIte r te xtApache Tomcat v8.0 supports J2EE 1.2,1.3,1,4,and Java EE 5,6,and 7 W e b

28、 module s.I I C re ate a ne w local se rve r(2)v BackNe xt Finish|1 C ance l5H12Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ionNe w S e rve r Runtime Environme ntce/ImpO rde rS e rvice java-EclipseTomcat S e rve rS pe cify the instal

29、lation dire ctoryS e le ct Tomcat installation dire ctory.Name:I Apache Tomcat v8.0(2)Tomcat installation dire ctory:Browse.3Download aind Irsstall.E:N e w file apa ch e-tomcat-8.0.5 2IRE:jre 1.8.0_12l JInstalle d JREs.文件夹F）：backup bin conflibdcimH NC FNe w_file36O S afe览器下裁a pa ch e-tom cat-8.0.5 2

30、apache-tomcat-8.0.52新建文件夹（MJfTJl华1石，总lean deleteOrderDetai图3-4 Tomcat配置流程图第四步：在Eclipse中创建一个W eb工程，搭建项目结构。O rde rS yste m晟 De ployme nt De scriptor:O rde rS yste mLoading de scriptor for O rde rS yste m.由 JAX-W S W e b S e rvice sy 浑 Java Re source sv 狎 srcy 田 com.hnoracle.ssmy JJ-backstag e.I B田田由日a

31、.recontrolle rs控制器e xce ptions异常处理filte rs过滤器liste ne rs监听器mode l数据模型se rvice s服务层utils e ption工具包配置文件 configte st 鼻 Librarie s:*JavaS cript Re source s?M Re fe re nce d Librarie s B build 3 W e b C o nt e nt测试包图3-5项目架构图13Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.prin

32、t 2fl ash.c om for more informat ion第五步：配置项目环境。V 皇壬 O rde rS yste m?宾 De ployme nt De scriptor:O rde rS yste m Loading de scriptor for O rde rS yste m.点 JAX-W S W e b S e rvice sv 挥 Java Re source s7 律 srcV 击 com.hnoracle.ssmv 田 backstag e controlle rs e xce ptions filte rs liste ne rs mode l se rvi

33、ce s utils&B-jJj jJj e-l H一日日 tn 3 H 3 rv 涉.configX app licatio-nContext.cml昌 db.prope rtie s国 Iog 4j prope rti&x mybati5_generator.ml*springmvc.xmlrfj sqlC onfig.xmlLibrarie s图3-6配置文件图14Th is doc ument is produc ed by free version ofPrint 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion

34、四系统后台功能实现4.1系统后台首界面的实现系统后台首界面的实现4.1.1功能介绍在项目中，我们使用的页面都是jsp格式的动态页面。根据功 能的需求，我们对后台页面总共设计了四个大的页面通过 frameset和frame标签设置在一个indexbg.jsp中。通俗来说，就是一个首页面分为上、下、左、右四个部分组成。上是用来显示 系统的一些信息和log。的；下是用来显示系统的版权信息的；左是 用来导航菜单的；中是显示导航菜单的详细信息的。如图4-1所示。4.1.2主界面设计伊犁酒家信息管理平台欢迎使用无线点餐平台后台管理土菜肱管理卷厅可箪图4-1首界面图4.1.3具体实现代码c Framespa

35、cirg=0 bo rde r*=0 Frameborder=0 c-Fname noresize name=stratrus_bat-sc r*olling=no s r c=backs t:age/detrai.L/boiriro 你的 iiU览器不支持框架布局，推荐你使用 a hne-F=h-t-frp:/tvivw.f-i.n& I a h re-F=http / L/zh-CN/chr-ome/rT sty le=text-decoration 15Th is doc ument is produc ed by free version of Print 2Fl ash.Visit

36、w w w.print 2fl ash.c om for more informat ion 图4-2后台首界面代码实现图4.2系统餐桌管理模块的实现系统餐桌管理模块的实现4.2.1功能描述餐桌管理，是员工用来管理餐桌的，在此模块中，顾客可以向 我们的员工点击预约餐桌，员工可以实现对餐桌数据的添加和餐桌 的删除。当顾客预约餐桌了，员工点击预约按钮，界面异步刷新，更新餐桌信息，添加预定预定时间，预定按钮改变成退桌按钮。当 需要添加餐桌时，点击界面的添加按钮跳转到添加餐桌页面，填写 餐桌的信息，当验证数据的没问题时，点击添加跳转到餐桌列表清 单界面，当在此添加餐桌界面不想添加时，点击返回返回到餐桌

37、列 表界面。4.2.2界面设计魂耕后至雯 x+-邙 X C 127,0.0.t:8090/O rde rS y$te m/lnde xbg.jsp 0:：S ffi S-即廨 0 H TML5g g|S i o X 简历4 Goog le麟 0 天就 ZTO3巍伊霍酒家信息管理平台*噩3繇管理.响订单&宣屋员C eyrie kt2O l!伊枣系统(Attp：/127.0.0 l：80S 0/O rdrS ystM)反协稍 IC F15013096-1 闽音 35020302033314图4-3餐桌管理图16Th is doc ument is produc ed by free version

38、 of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion0招球后9 G 127.0.0.1:809C/O rde rS yste m/lnde xbg.jsp Q:应用 S sa-T a isfiia.),；n asia-B-htmlskis.o 药工it代码wl x as-*E 尊 Gg g i。至建 c；天鼠童-人人蓄芷用专 轸 zTostjs粤剽e 图4-4餐桌添加界面图4.2.3代码具体实现/-update sche dulte time.actionRe que stMapping(update sc

39、he dulte time.action)public public Re sponse Body BoardList update sche dultime(Re que stBody int int id)根据当前餐桌ID更新餐桌信息boolean boolean status=impBoardS e rvice.update ByPrimaryKe yToC urre nt(id);BoardList boardList=null;null;if if(status)(status)/获取当前预定时间信息boardList=impBoardS e rvice.que ryByPrimar

40、yKe y(id);返回更新的数据return return boardList;/添加餐桌信息RequestMapping(addBoard.action)public public String insentBoard(String bName)/测试System.out,println(添加餐桌信息 addBoard.action);/检测请求的数据System.out.println(bName);创建餐桌列表对象BoardList boardList=new new BoardList();boardList.setName(bName);餐桌数据插入boolean boolean

41、status=impBoardService.insentBoard(boardList);/界面跳转return return backstage/detail/saveBoard.jsp;)17Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion4.3系统菜系管理模块的实现系统菜系管理模块的实现4.3.1功能描述此模块是用来对菜品进行分类管理的，顾客来自五湖四海，口 味各有不同，因地域的不同，喜欢吃的食物也不同，于是

42、根据不同 的地域分出不同的菜系提供给顾客选择。点击菜单列表的菜系管理，就会在右边显示出菜系列表界面，员工根据餐厅的要求可以使用对 菜系的添加、更新、搜索、删除。4.3.2界面设计回无W 4S后&胡 x+一 母 一 母 XC 127X.0.1:8090/O rde!S y5te m/incfe xbg.jsp。:；：应用&色色 唯n 砌IS 程净员E-H TML5勰 I 朝E O 期工具姬旺也 X S S IS-*E Of Goog le&C 夭G ZTO S JS S S勃胞 图4-5菜系管理界面4.3.3子功能概述当点击菜系列表界面的添加时，跳转到添加菜系界面，如果表 单验证通过，在添加菜系

43、界面点击添加就可以保存到数据库了，如 果不想添加了，直接点击返回到菜系列表界面。添加的实现代码如 下图所示。18Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion/添加菜系Re que stMapping C ddDishC ls.action)public S tring addDishC lassInfo(S tring name)DishC ls dishC ls=ne w DishC ls();dishC ls

44、.se tName(name);boolean status=impDishC lsS e rvice.inse rtDishC ls(dishC ls);return backstag e/de tail/save C uisine.jsp11;图4-6菜系添加代码当点击菜系列表上某条餐桌数据的删除按钮是，它先是把字表 的菜系字段设置为Null,再删掉此菜系的信息。/删除菜系信息 de ldishclsinfo.actionRe que stMapping(de ldishclsinfo.action)public Re sponse Body S tring de lboardinfo(R

45、e que stBody int id)boolean status=impDishC lsS e rvice.de le te ByPrimaryKe y(id);S yste m.out.printin(status);return O k;图4-7菜系删除代码搜索框，实现的是一个根据I D或者是菜系名称的模糊查询，即也可 以说是一个单搜索框的综合模糊查询，拿到查询结果后重绘菜系列 表中的数据。搜索菜系Re que stMapping(se archdishcis.action)public S tring se archDishC ls(Re que stParam(ke yword)S

46、 tring conditionjMode l mode 测试S yste m.out.println(搜索菜系 se archdishcis,action);List dishC lss=impDishC lsS e rvice.que ryByUnce rtainC ondition(conditi mode l.addAttribute C dishC lss,dishC lss);re turn backstag e/de tail/cuisine List.jsp;图4-8菜系搜索代码19Th is doc ument is produc ed by free version of

47、Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat ion区1枷裙后台5理 X+-3 X-C 127.0.0J:8090/O rde rS y5te m/inde xbg.Jsp 0!：S S-T C)BI&Jg(*-,)=：E3在嵯工具-程序员白-H TML5点？|秦鸟i O房工昌-代码砌2 X W S 5-ttg 尊Gg g le箭遂，天鼠萱-人人曜侬=昏2TO S啤赚脸 图4-9搜索效果图0无斑W后纣5理 x+c 127X3.0.1:8090/O rde rS yste m/lnde xbg Jsp j：应用 s

48、KT Q 眸JS晔瑾-)=：n/魏工且程序耕-H TMI5IK程I兼隼 O 码工B代码醐J X 4 Goog le i C 天鼠查-人人咬果-令ZTO S nS S S理暗 s菜系管理 荣系信皂“菜品辞S fifl j 通回=、=、1 由，.箜:E：-WR：；.：m=图4-10菜系新增界面设计图4.4菜品管理模块的实现4.4.1功能介绍此模块是管理餐厅所有的菜品的，保存所有菜品信息的修改和 菜品的删除，和菜品的添加以及菜品的更新。20Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2

49、fl ash.c om for more informat ion+凝守装后S鼻 e:ES 海百虞一下（3弊鲫址、-）=困丘践工且-酬翊 H TML5S#S|C语:IB-什玛段I X简用-赣1区 A Goog le踮 C天早有-人人曜定：ZTC搭骂娅图4-11菜品管理列表界面4.4.1.1添加菜品点击菜品管理列表下方的添加按钮，跳转到添加新菜品界面，在此界面需要填写添加菜品的相关信息，在这个菜品新增页面，最 具有特点的是一个菜品照片的上传，通过类型为file的input标 签来实现文件选择上传，在通过异步请求把图片存放到服务器本地 的固定地址，而数据库则只需要存放上传图片的名称。4.4.1.2

50、修改菜品在菜品管理列表，拿到的所有菜品数据都是通过EL表达式中的 C:forEach标签遍历显示在table表格中。在遍历的每行tr中 得最后一个td标签中都存放了一个更新按钮和删除按钮及其他的 监听事件。通过点击更新按钮，获取到点击这行tr的菜品所有数 据，跳转到跟新界面。在更新菜品页面，最具特色的就是一个图片 的回显，这里需要先在服务器映射出图片存放在服务器的根路径。21Th is doc ument is produc ed by free version of Print 2Fl ash.Visit w w w.print 2fl ash.c om for more informat