《腾云点菜宝》项目总结

作者：曾浩源
本次任务完成时间：2018年4月9日～2018年5月20日
开发工具与关键技术：VS2015、jquery、ASP.net MVC
完成模块功能：登录、账户管理，角色设置、地图工具箱、区域查询、周边查询、地址查询

一、登录与注册

（1）登录

①输入测试账号2018001 密码123456 选择部门中餐部职位老板即可登录
②输入错误都会弹出对应的提示框

（2）注册

①点击登录页面有下方的立即注册，即可跳转到注册页面
②输入对应的信息与完成注册

二、后台

（1）主页

①　点击左上角，可打开详细导航栏

（2）导航栏《酒菜》

①　酒菜设置

选择酒菜大类，会根据选择在酒菜小类表格中显示属于酒菜大类的种类
选择酒菜小类，会根据选择在酒菜项目表格中显示属于酒菜小类的酒菜
也可以用模糊查询出需要的酒菜
选择酒菜项目，会根据选择在右下方表单显示该酒菜的详细信息

重置按钮可以清空酒菜信息表单
新增按钮，在酒菜信息表单输入新的酒菜时，点击可以新增酒菜
返回按钮，可以返回主页面
保存按钮，可以在选中一个酒菜时，修改信息，点击保存按钮，保存其信息
删除按钮，可以在选中一个酒菜时，点击删除按钮，可以删除该酒菜
②　酒菜大类

在左上角，选择酒菜大类，进入酒菜大类页面

选中一个酒菜大类，可将信息回填到下方表单
五个按钮除删除按钮与酒菜设置的其他个按钮雷同
删除按钮，删除酒菜大类，必须酒菜大类之下无酒菜小类，才可以删除酒菜大类
③　酒菜小类
酒菜小类与大类雷同，删除无限制

（3）导航栏《酒菜特价管理》

同样是选中特价，回填特价信息，五个按钮与酒菜设置雷同
酒菜名称与酒菜单位不能修改

（4）导航栏《酒菜折扣方案管理》

①　折扣方案明细

选中折扣方案，根据选择在酒菜项目显示已设置折扣的酒菜
选中酒菜项目，在下方表单回填酒菜折扣信息，编号，名称不能修改
点击，清空表单，小类编号可以填写，填写正确的小类编号后，点击，可根据小类编号查询出对应的酒菜，同时禁用小类编号文本框，无法修改，填写折扣率后，点击完成新增。
保存按钮，也可以在选中酒菜项目下，修改折扣率，进行保存
删除按钮，在选中酒菜项目或折扣方案的情况下，可以进行对酒菜项目和折扣方案的删除，但删除折扣方案，必须在折扣方案下没有折扣酒菜才能进行删除
选中一个折扣方案，点击折扣方案按钮，可回填数据到模态框，修改后可进行保存
不选中折扣方案的情况下，点击折扣方案按钮，可打开无数据的模态框，输入信息，点击保存可进行新增折扣方案

（5）导航栏《套餐设置》

在上方输入信息，点击查询，可查询对应的套餐
选中一个套餐，可在项目合成清单中显示该套餐包含的酒菜
选中一个套餐，在该套餐内不包含酒菜的情况下，点击按钮可进行删除套餐操作

点击增加套餐按钮，可弹出模态框，填写信息后，点击保存可进行新增套餐

点击修改套餐按钮，可弹出模态框，并回填该套餐信息，修改信息后，点击保存，进行保存

选中一个套餐点击，弹出提示框，点击确认后
勾选酒菜，点击选择保存，弹出提示框，点击确认

项目合成清单变成选中的酒菜，填写数量后点击增加菜品按钮

在项目合成清单内选中一个酒菜，数量可以编辑，修改数量后，点击修改数量按钮
选中一个酒菜点击删除菜品，进行套餐酒菜删除

（6）导航栏《菜品做法设置》

选择酒菜大类，显示该酒菜大类下的酒菜小类

选中一个小类，再选中勾选需要的做法，点击添加做法

选中一个小类，点击修改做法，弹出模态框，勾选做法，点击删除按钮，进行删除

点击添加做法按钮，弹出模态框，输入信息，点击保存，新增成功

勾选一个做法，点击修改做法按钮，弹出模态框，并回填该做法信息，修改内容后，可点击保存，进行修改
勾选一个或多个做法点击删除旧做法，进行删除做法

（7）导航栏《原材料设置》

原材料设置，原材料大类，原材料小类，所有操作和酒菜设置，酒菜大类，酒菜小类雷同

（8）导航栏《菜品原材料配置》

选中酒菜大类，在酒菜小类显示酒菜大类下的酒菜小类
选中酒菜小类，在酒菜项目显示酒菜小类下的酒菜
选中酒菜项目，在原材料配置显示，该酒菜所需的原材料

选中一个酒菜项目，点击设置酒菜配置，弹出模态框，点击确认
勾选所需的原材料，点击选择按钮

输入配置数量后，点击保存按钮，原材料配置成功

（9）导航栏《房台设置》

选中一个房台，会在下方表单回填该房台信息
最下方五个按钮和酒菜设置五个按钮操作方法雷同

点击批量添加，弹出模态框
按照提示输入信息，点击批量添加，即可完成批量添加添加

类别设置、部门设置与酒菜小类的操作雷同

（10）导航栏《协议信息》

①　协议单位

在上方输入信息，可进行搜索
其余方法与房台设置里的桌位设置雷同

选择对应信息，输入收款金额，点击保存即可完成协议收款操作

（11）导航栏《会员管理（全）》

输入卡号，可模糊查询

点击发卡可跳转到发卡页面
输入信息，完成发卡操作

点击充值可跳转到充值页面，输入卡号获取卡号信息
也可以选中一个会员，点击充值，跳转到充值页面，但无需输入卡号，直接回填该会员信息
输入充值信息，点击充值，即可完成充值
积分返点，积分兑换，与充值操作雷同
选择一个会员，点击，可对该会员进行删除

点击左侧菜单会员转账，跳转到转账页面
输入转出卡号和密码，点击读卡，显示转出会员姓名和余额
输入转入卡号，点击读卡，显示转入会员姓名
输入转账金额，选择打印机，点击转账，完成转账

三、前台

点击左侧菜单，进入前台，或者点击主页面的前台收银，即可进入前台

点击即可筛选出对应的房台
（图1）
将鼠标移入一个房台，就会展开相对应的操作

空闲状态下，是开台与修理
已开台如（图1）
维修中下，是完成与无
结账中下，是清台与无已预订下，是预开与销预

（1）一个房台流程如下：

①　选中一个空闲房台：点击开台，跳转到开台页面

输入客人信息，点击开台，开台成功，房台由绿色编黄色
②　选中刚刚开台的房台，点击点菜，跳转到点菜页面

点击套餐可以选择套餐，如需返回，点左上角全部

选择后，右侧会出现相对应的信息，选择数量后就可点击落单完成点菜，并返回房台页面
③　点击最下方的底部导航
点击吧厨，跳转到吧厨页面

选中需要传出的菜品，点击传菜，即可传出菜品

传完菜品后，选中需要结账的房台，点击结账，弹出模态框，出现结账菜单，选择支付方式，确认结账，房台由黄色变蓝色
④　最后选中已结账的房台，点击清台，房台由蓝色变绿色
选中一个空闲房台，点击修理，房台由绿色变红色
选中一个修理房台，点击完成，房台由红色变绿色
在房台页面中，双击一个房台，弹出模态框，里面有该房台信息，维修中和结账中房台无法显示

（2）房台预定

选中一个空闲房台，点击预定，页面跳转到预定房台页面

填写完信息，可勾选酒菜，预定酒菜，最后点击保存，完成房台预定，页面跳转回房台页面，房台由绿色变白色
选中一个预定房台，点击预开，房台由白色变黄色，其余操作同开台后的流程说明

（2）底部导航

点击寄存，可跳转到寄存页面

输入文本框信息可查询对应物品
选中一个物品点击取回，弹出模态框，点击取回即可取回物品

点击寄存物品弹出模态框，输入物品信息，点击寄存，完成寄存
点击预定，跳转到预定查询页面

输入信息，点击查询可查询出对应的预定信息
选中一条预定信息，点击修改，弹出模态框，只能修改预订人姓名与联系方式
选中一条预定信息，点击直接开台，对应的房台将变成黄色

点击暂退，页面转到暂退页面，暂退页面为菜品百叶窗

如需返回，点击蓝色主页按钮，弹出模态框，输入密码点击登录，也可以点击重新登录，页面跳转到登录页面
点击后台，页面返回后台页面

四、开发总结

这是本人第一次做的项目，首先这个项目的数据库给了我极大的好处，让我的思维更近一步，不！十步，百步，虽然功能有点多，但重复逻辑的也很多，这可以让我更深入了解新增修改删除的逻辑，并对自己的代码进行优化，在项目中，有好几个重复的功能，一开始是需要比较多的代码来完成，越到后面，越简洁。
关于前台页面，一开始一片空白，不知所措，后来自己查找模板和搜索插件功能，一点一滴把前台给搭建起来，让我熟练度的运用了jquery和html语言