????JSP????????????????? - ??????

吉林工商学院本科毕业论文

系统总体结构如4.1图所示： 餐厅点餐系统 点餐信息管理 餐品信息管理 分类信息管理 订 单 信息 处 理

图4.1点餐系统结构图

用户信息管理 信息统计查询 管理员设置 顾客点餐流程如4.2图所示：

图4.2顾客点餐流程图

付款 确认订单 取消订单 点餐 预览餐品 顾客

6

吉林工商学院本科毕业论文

收银员操作流程如4.3图所示：

图4.3收银员操作流程图 取消订单 确认付款 查看订单 收银员 厨房操作流程如4.4图所示：

发货 图4.4厨房操作流程图 做菜 取消订单 查看订单 收银员 4.2 系统ER图

7

吉林工商学院本科毕业论文

系统ER图如4.5图所示： 餐品分类 餐品信息 销售统计 点餐系统 做菜 发货 取消订单 确认收款 取消订单 管理 收银人员 厨房人员 管理员 系统用户 用户名 密码 图4.5系统ER图

4.3 系统模块设计

在线点餐模块：

A用户可查看餐品图片及餐品信息 B用户可将想要的餐品放入购物车 点餐信息模块：

A用户可查看购物车内物品 餐品查询模块：

A用户可模糊搜索想要的餐品 餐厅人员登录模块：

A餐厅人员登录后按职务分工(分管理员，收银员，厨房) 管理员模块：

A餐厅人员管理 B餐厅公告管理 C餐品信息管理 D销售信息统计

8

吉林工商学院本科毕业论文

收银员模块：

A修改密码 B提交订单管理 厨房模块:

A修改密码 B提交订单管理

5 点餐系统的功能实现

5.1网站首页设计与实现

首页相当重要，所以必须要重点设计，因为顾客点餐的时候是先看到首页，如果首页设计的美观大方，就会激增顾客对餐厅的好感，不仅达到顾客保持良好的心情用餐，而且从另一方面也为餐厅增添了收入。

界面风格以暖色为主调，清新自然，采用字画结合，文字内容贴切生活，画面温馨，让人感到回家的感觉。重要的几个功能显而易见，即使是第一次使用本软件的顾客也能很快的完成点餐操作。

首页设计如5.1图所示：

图5.1首页界面

部分实现代码如下： function autoTable(div){

fs=document.getElementById(div).getElementsByTagName(\ for(var i=0;i

9

吉林工商学院本科毕业论文

} }

if(i%2==1){ }

if (document.all) { }

if (document.all) { }

fs[i].style.styleFloat=\fs[i].style.cssFloat=\}else{

fs[i].style.styleFloat=\fs[i].style.cssFloat=\}else{

}else{