基于MVC的订餐系统的设计与实现

1、基于MVC的点餐系统的设计与实现摘要：本文分析了传统餐饮的现状和问题，发现传统的服务模式已经不能适应市场发展的需要。随着网络技术的普及，方便快捷的网上订餐服务正在走进人们的生活。针对此类问题，本文规划了一套最合适的服务模式，为餐饮店提供区域网络入口，以适应不同的客户群体。本设计是一个基于MVC模型的在线点餐系统，可以提供网络选菜浏览、点菜点餐等服务。为管理员提供智能服务平台，管理客户信息和客户订单，从而提高服务质量。目的和意义现代社会，人们的生活节奏越来越快，有些人甚至不能抽出时间出去吃饭。该系统的目的是满足消费者只要使用互联网，足不出户就能点到自己喜欢的菜肴，改变传统的商业交易方式。 ，在互

2、联网上进行交易，实现网上购买食品。在点餐系统中，除了用户注册和用户登录功能外，核心功能是点餐部分的功能。下单模块的特点是：用户只需输入数量并点击确认按钮即可完成下单，并可在购物车中查看自己的购物信息。本系统在本模块的操作方式：在页面显示食物信息，包括食物名称、食物价格、食物图片等。当用户找到自己喜欢的食物后，输入自己订购的数量后，点击确定按钮订购食物。然后在购物车中，您可以查看您当前的订购状态，删除不需要的食物，或者修改订购数量。此外，本系统还开发了管理员的管理功能，如用户的查询、删除、修改和添加，事物的查询、删除、修改和添加，以及订单的查询删除和修改。理论基础与技术路线本系统采用MVC的开发

3、模式，结合JSP和少量的AJAX技术。MVC（模型、视图、控制器）模式实现了业务模型和用户视图的分离。在本系统中，MVC的处理流程：首先点击视图表单中的提交按钮，然后通过表单中的method值获取传输方法，通过action值在web.xml中找到对应的servlet，然后调用servlet中的业务处理数据，最后将数据返回给视图。视图层和业务层的这种分离内容在不重新编译模型和控制器代码的情况下更改视图层代码。同样，业务流程或业务规则的改变只需要改变模型层。JSP是一种基于JavaServlet和整个Java系统的Web开发技术。将脚本片段和JSP标签（Tag）添加到传统网页HTML文件（*.ht

4、m、*.html）中，形成JSP网页（*.jsp） 。 JSP 技术提供了一种简单的方法来创建显示动态生成的内容的网页。 JSP作为Java家族的一员，继承了Java的特性，即跨平台特性，即一次编译，到处运行。在这个系统中，通过大量的插入java代码片段，从数据库中读取信息，然后将数据显示在页面上。AJAX 技术是一种异步数据传输功能，无需刷新页面即可更新页面信息。在本系统中，该技术主要用于注册页面。用户注册时，通过 JavaScript 的 XML Request 对象向服务器致异步数据请求，从数据库中检索输入的用户名是否存在。返回可以注册的消息。三、模块整体设计用例图：客户用例图（主要是添

5、加和修改订单）Admin用例图（主要检查、添加、删除、修改用户、订单、食物）数据流程图：模块图：系统总功能模块注册模块图：登录模块图：ER图：系统图数据库表：客户表属性数据类型内容空诺varchar (3)不为空主键密码varchar(10)不为空干部varchar(10)不为空手机varchar(10)不为空极好的varchar(1)不为空订单表属性数据类型内容空小野varchar(3)不为空主键诺varchar(3)不为空无varchar(3)不为空价格整数不为空数字整数不为空餐桌属性数据类型内容空名称varchar( 10 )不为空主键类型varchar(3)图像varchar( 20

6、)价格整数（3）不为空四、系统实现这部分主要是截图，包括开发环境截图（ MyEclipse或者Eclipse J2EE项目文件夹），系统运行截图，也可以贴一两段核心代码，但是所有出现的代码和截图都必须附上文字.阐明。Eclipse J2EE的项目文件夹部分：用户注册界面：使用ajax判断用户名是否可以注册。代码的JavaScript部分如下：/本节通过XML Request对象的状态设置页面中id为msg的div元素的内容。函数回调（）var msg = document.getElementById(msg);msg.innerHTML=;if (xml Request.readyState

7、 = 4)if (xml Request.status = 200)var data =xml Request.responseText;如果（数据=“真”）msg.innerHTML = 用户已存在;msg.style.color=红色;document.getElementById(用户名).select();其他msg.innerHTML = 好的;msg.style.color=绿色;/本节创建一个XML Request对象，并设置传入的用户名、处理器的url等参数函数checkUserExists()var username = document.getElementById(use

8、rname);var url = checkUserServlet;var param = username= + encodeURIComponent(username.value);xml 请求 = createXml 请求（）；xml Request.onreadystatechange = 回调；xml Request.open(POST,url, true );xml Request.setRequestHeader(Content-type,application/x-form-urlencoded);xml Request.send(参数);下面使用正则表达式来判断用户名是否有效

9、：函数检查（）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();返回假；用户登录界面：用户订购界面：显示食物零件代码（图片使用相对路径）：/本节通过java代码从数据库中检索食物表的信息，并显示在页面上。正宗小吃img src=input type=tex

10、t value= class=fno name=fnoinput type=text value= class=fno name=price 数量：点餐下单成功界面：购物车界面：管理员管理界面：添加用户：添加后跳转到用户显示信息界面：添加食物（图片为默认图片）：添加后跳转到食物信息界面：添加订单：添加后跳转到查看订单界面：按号码查找用户：搜索完成后，跳转到用户信息展示页面：修改信息后显示所有用户信息（修改c01的密码为c02）：五、总结本系统是一个基于MVC的点餐系统，只实现了几个功能，还有很大的改进空间。今后我会尽我所能改进我的订购系统。在制作系统的过程中，用到了很多知识，比如JSP、MYSQL、XML、 HTML、CSS、 JAVASCRIPT等，极大的丰富了我的知识，也复习和对比了一些自己学过的知识.应用。在制作系统的过程中，我们遇到了很多问题。例如，一个页面的参数不能传递到另一个页面。后来查了资料，不断尝试，终于用session的方法解决了这个问题。另外，通过这个系统的