目 录
摘 要 I
Abstract II
1 绪论 1
1.1研究背景及意义 1
1.2研究现状 1
1.3章节安排 1
2 开发工具及其技术 3
2.1 Java语言 3
2.2 Eclipse IDE工具 3
2.3 spring 3
2.4 springMVC 3
2.5 mybatis 4
2.6 AJAX 4
2.7 Navicat for MySQL工具 5
2.8系统开发环境概述 5
2.8.1硬件环境 5
2.8.2软件环境 5
3 需求分析 6
3.1可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3法律可行性 6
3.2系统功能及特性分析 6
3.3后台管理模块需求分析 7
3.4前台下单模块需求分析 8
4 系统设计 10
4.1网上点餐系统的功能模块概要设计 10
4.1.1用户模块概要设计 10
4.1.2管理员功能模块概要设计 10
4.2数据库的概要设计 11
4.2.1数据库实体关系图 11
4.2.2数据库表的设计 12
5 系统实现 15
5.1功能模块介绍 15
5.1.1界面设计 15
5.1.2 菜单信息浏览 15
5.1.3 用户登陆/注册 16
5.1.4 个人信息预览 17
5.1.4 订单信息表 17
5.1.5 餐桌管理界面 18
5.1.6 菜品管理界面 18
5.2主要实现技术 19
5.2.1分页显示算法 19
5.2.2 信息显示 19
5.2.3 订单显示 20
6 系统测试 22
6.1测试的重要性及其目的 22
6.1.1测试重要性 22
6.1.2测试目的 22
6.2测试的步骤 23
6.3测试的内容 23
6.3.1用户登录测试 23
6.3.2非法连接测试 23
6.3.3 用户下单测试 23
6.3.4 管理员添加菜单测试 24
总 结 25
参考文献 27
本网上点餐系统的功能模块主要分为前台功能模块和后台功能模块，前台功能模块主要是用户的注册，登录，菜品的选择，订单的生成，个人的信息管理，对于菜品价格，图样的浏览等，后台功能模块主要是管理员对于会员信息，权限的管理，对菜品式样更新，上传，删除等的操作管理，对会员留言，评论的回复，删除等操作管理。
致 谢 28
3 需求分析
3.1可行性分析
3.1.1经济可行性
由于本项目的特殊性，无需投入额外的设备购买及人员培训费用，所以在经济上本系统的开发是可行的。此外系统对开发的需求以及软硬件要求都不是很高，所以在软硬件的支出上十分有限。因此，本系统在任何一台连接Internet的机器上都可以运行，有很高的经济可行性。
按上述两方面进行可行性分析、研究后，我们认为该项目在技术上是可行的，在经济上也是没问题的，所以完全可以进行开发。
3.1.2技术可行性
本系统选择jsp作为开发语言，选择mysql作为后台数据库，采用B/S结构，使用JDBC连接数据库。
而jsp可以创建和运用动态、交互的WEB服务器应用程序。同时，JSP具有向跨平台跨服务器的优点。mysql是一个杰出的数据库平台，具有功能强大，安全可靠等特点，可用于大型联机事务处理、数据仓库及电子商务等。所以在技术方面理论上是可行的。
3.1.3法律可行性
本系统没有侵犯个人隐私和个人责任方面的问题，使用本系统不会引起法律方面的纠纷问题，所以开发本系统具有法律可行性。
综上所述，本系统的开发是符合现在的实际情况的，并具有一定的实用意义。在技术、经济、操作上，法律上都可以看到此系统的可行性，并且很具有其实现的必要。
3.2系统功能及特性分析
本系统主要是实现网上浏览菜单、点餐、产生订单等功能的系统。需要实现菜品信息的动态提示、购物车管理、客户信息注册、登录管理、订单处理、信息反馈等模块。需要完成的主要任务如下： 本文转载自http://www.biyezuopin.vip/onews.asp?id=14111当客户进入网上点餐时，应该在主页面中分类显示最新的菜品信息，以供客户选择所需菜品，同时提供按菜品名称，快速查询所需菜品信息的功能。当客户选择预定某个菜品时，应该能够将对应菜品信息，如：价格、数量记录到对应的购物车中，此时客户可以选择选择其他菜品或是查看自己的购物车，最后，在购物车中填写相应的送餐信息，提交点餐订单后，自动清除以生成订单的购物车中的信息。餐厅服务人员根据订单信息，查看详细订单明细并根据实际情况处理点餐。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>统一登录</title>
<link rel="stylesheet" href="admin/common/css/normalize.css">
<link rel="stylesheet" href="admin/common/css/demo.css">
<!--必要样式-->
<link rel="stylesheet" href="admin/common/css/component.css">
<script src="admin/common/js/jquery-1.8.3.js"></script>
<!--[if IE]>
<script src="admin/common/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container demo-1">
<div class="content">
<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas>
<div class="logo_box">
<h3>餐厅点餐管理系统—登陆</h3>
<form action="#" method="post">
<div class="input_outer">
<span class="u_user"></span>
<input name="logname" id="logname" class="text" autocomplete="off" style="background-color: transparent;color: #FFFFFF !important" type="text" placeholder="请输入账户">
</div>
<div class="input_outer">
<span class="us_uer"></span>
<input name="logpass" id="logpass" class="text" autocomplete="off" style="background-color: transparent;color: #FFFFFF !important; position:absolute; z-index:100;"value="" type="password" placeholder="请输入密码">
</div>
<div class="mb2">
<a class="act-but submit" id="loginbtn" href="javascript:;" style="color: #FFFFFF">登录</a>
</div>
</form>
</div>
</div>
</div>
</div><!-- /container -->
<script src="admin/common/js/TweenLite.min.js"></script>
<script src="admin/common/js/EasePack.min.js"></script>
<script src="admin/common/js/rAF.js"></script>
<script src="admin/common/js/demo-1.js"></script>
<script src="admin/common/layui/layui.all.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/login.js"></script>
</body>
</html>
