摘 要

随着手机的普及以及互联网的发展，人们的生活变得越来越便捷，购物和支付均可在移动端进行操作完成。并且伴随着二维码技术的发展，扫码支付的方式促使移动支付迅速占领市场，融入人们的生活。

本项目针对目前市场上传统餐厅人工点餐方式加以改造，顾客通过使用手机扫描餐桌上二维码自助点餐，让点餐变得便捷、高效。

本项目通过扫描二维码进行页面跳转，前端展示餐厅的点餐页面，利用DIV CSS与jQuery框架进行前端页面设计，让展示层变得更加人性化。

关键词：二维码技术；手机网页；jQuery

Design and implementation of a mobile phone booking system on the Internet

ABSTRACT

With the popularity of mobile phones and the development of the Internet, people's lives become more and more convenient. Shopping and payment can be completed at the mobile terminal. With the development of the two-dimensional code technology, the way of scan code payment has prompted the mobile payment to occupy the market quickly and integrate into people's life.

This project aims at changing the traditional style of restaurant manual ordering in the market, and makes it convenient and efficient by scanning the two dimensional code buffet on the table.

In this project, the page jumps by scanning the two-dimensional code, the front end shows the dining page of the restaurant, and the front-end page is designed with the DIV CSS and jQuery framework to make the presentation layer more humanized.

Key words：Two-dimensional code technology；Mobile web page；jQuery

目 录

1 绪论……………………………………………………………………………………………………1

1.1 研究背景…………………………………………………………………………………………1

1.2 国内外研究现状…………………………………………………………………………………1

1.3 研究目的与研究内容……………………………………………………………………………1

1.3.1 研究目的………………………………………………………………………………1

1.3.2 研究内容………………………………………………………………………………2

2 开发环境介绍…………………………………………………………………………………………3

2.1 idea…………………………………………………………………………………………………3

2.2 tomcat……………………………………………………………………………………………3

2.3 SSM框架…………………………………………………………………………………………4

2.4 jQuery……………………………………………………………………………………………5

2.5 WebSocket…………………………………………………………………………………………5

2.6 MySQL……………………………………………………………………………………………6

3 系统分析………………………………………………………………………………………………7

3.1 可行性分析………………………………………………………………………………………7

3.1.1 技术可行性……………………………………………………………………………7

3.1.2 经济可行性……………………………………………………………………………7

3.2 需求分析…………………………………………………………………………………………7

3.3 系统功能分析……………………………………………………………………………………8

4 系统总体设计…………………………………………………………………………………………9

4.1 概述………………………………………………………………………………………………9

4.2 设计原则…………………………………………………………………………………………9

4.3 系统功能结构图…………………………………………………………………………………9

4.4 系统流程图………………………………………………………………………………………10

4.5 数据库设计………………………………………………………………………………………11

5 系统的实现……………………………………………………………………………………………15

5.1 系统界面设计……………………………………………………………………………………15

5.2 登录注册界面……………………………………………………………………………………15

5.3 餐厅面向顾客主界面……………………………………………………………………………20

5.4 餐厅页面…………………………………………………………………………………………24

5.4.1 餐厅登录界面………………………………………………………………………………24

5.4.2 餐厅注册界面………………………………………………………………………………24

5.4.3 餐厅主界面…………………………………………………………………………………25

5.4.4 餐厅菜品管理界面…………………………………………………………………………26

5.4.5 餐厅菜系管理界面…………………………………………………………………………28

5.4.6 餐厅上传菜品界面…………………………………………………………………………30

5.4.7 餐厅修改菜品界面…………………………………………………………………………31

结论…………………………………………………………………………………………………………33

致谢…………………………………………………………………………………………………………34

参考文献……………………………………………………………………………………………………35

1 绪论

1.1 研究背景

近年来，随着电子商务在我国的快速发展，移动支付变得越来越普及，越来越便捷。我们所熟悉的淘宝购物，支付宝支付与微信支付便是电子商务与手机迅速普及的产物。随着web2.0跨平台应用的发展，用户无需下载对应的客户端软件便可以便捷、高效的浏览自己所需要的信息。并且伴随着二维码技术的发展与普及，我们可以利用二维码存储我们想要展示的信息，例如网页地址等等。在我们的传统餐饮行业，还存在着人工点餐与结账的低效方式，不仅用户体验不高，而且还增加了餐厅的运营成本，降低了餐厅的服务质量与营业收入。所以，对餐厅行业的信息化的改造将变得很有意义。

1.2 国内外研究现状

在互联网技术的开发中，目前国外具有代表性的技术有：Spring、Springmvc与Mybatis。在前端的展示中，jQuery与Bootstrap可以大大的缩短开发周期。在国内，目前从事互联网开发的企业数不胜数，具有代表性的公司有阿里巴巴、京东等等。随着互联网技术的发展，国内很多的企业也跟上了开源的潮流，纷纷开源自家实用又高效的项目，例如阿里巴巴的JSON数据解析包，fastjson，谷歌的zxing等等。通过这些公司开源的项目，我们可以迅速的构建我们的项目，使我们的开发变得简洁高效。

1.3 研究目的与研究内容

1.3.1 研究目的

在我国，传统的餐饮行业依旧还停留在服务员人工点餐以及顾客现金结账的传统模式。这样的运营模式对企业的人工成本要求很高，需要大量的服务员进行服务，无形间增加了企业的用人成本，并且人工点餐的方式对于用户体验来说也是大大折扣的。如果能够将餐厅进行信息化改造，所有的菜单均可在手机网页进行展示，点餐，下单的话，需要的服务员数量将减少许多，也能减轻服务员的压力，让服务员拥有更多的精力专注于高质量的服务，而不是在点餐上花费大量的时间，并且还可以避免服务员粗心大意点错餐情况的发生。在用户用完餐之后，将会自动生成电子订单，便于企业利用数据进行分析用户的用餐喜好，对菜单加以改进，让餐厅的菜品质量更上一层楼。

1.3.2 研究内容

1.通过扫描二维码进行餐厅与餐桌的跳转。

2.通过DIV CSS技术进行前端展示，增强用户体验性。