论文-餐饮管理系统

邯郸学院本科毕业论文（设计）

题 目 餐饮管理系统 学 生 XXX 指导教师 XXX 讲师 年 级 2011级 专 业 网络工程 二级学院 信息工程学院

邯郸学院信息工程学院

2015年5月

郑重声明

本人的毕业论文（设计）是在指导教师贾利敏的指导下独立撰写完成的。如有剽窃、抄袭、造假等违反学术道德、学术规范和侵权的行为，本人愿意承担由此产生的各种后果，直至法律责任，并愿意通过网络接受公众的监督。特此郑重声明。

毕业论文（设计）作者（签名）：

年 月 日

餐饮管理系统

摘 要

改革开放以来，中国经济获得了长足的发展，餐饮业等其他第三产业迅速崛起，并逐渐走向国际化。而与此同时，国内餐饮企业的日常运作大部分还是以人为主体，耗费了大量的人力资源，不但工作效率低，难以管理，而且常常由于人为原因造成不必要的损失,这就对餐饮企业的信息化管理提出了新的需求。

本文主要阐述了当下餐饮业的这种现状，并针对其暴露出来的问题，在WebStorm 9开发环境下，利用HTML5和PHP开发语言，以MySql为数据库，开发出周期短、成本低、适用范围广、易操作、易维护、兼容性强且满足餐饮企业信息化需求的管理系统，并且对程序的设计方法、设计思路以及实现功能做了详细的介绍。

关键词：餐饮管理系统 HTML5 响应式设计 MySql

Restaurant Management System

Zhang Haijun Directed by Lecturer Jia Limin

ABSTRACT

Since the Chinese Economic Reform, China has achieved a great economic development. With the rapid rising of other tertiary industries such as catering industry, China has gradually moved towards internationalization. Meanwhile, we can see that man is still the major force of the daily operation of most domestic catering companies which wasted a lot of human resources. This method not only caused poor efficiency and management difficulties, but also allowed people to led to some unnecessary losses all these puts forward some new demands to information management of the catering business.

This essay not only mainly describes the current status quo of the catering industry, but also aims at the problems exposed, under WebStorm 9 development environment, using HTML5 and PHP development language and with MySql for the database, develop a kind of management system which has short cycle, low cost, a wide scope application, powerful compatibility and easy to operate, to maintenance, to satisfy the catering enterprise’s need for information. At the same time, this paper makes a detailed introduction about the methods and ideas of designing and the function achieved.

KEY WORDS：restaurant manager system HTML5 responsive design MySql

目 录

摘 要 .............................................................................................................................................. I ABSTRACT ................................................................................................................................... II 前 言 ............................................................................................................................................. 1 1 系统开发背景 ............................................................................................................................. 2

1.1 餐饮业现状 ...................................................................................................................... 2 1.2 前人的工作 ...................................................................................................................... 2 1.3 研究的目的和意义 .......................................................................................................... 2 2 HTML5介绍 ................................................................................................................................ 3

2.1 HTML5简介 ..................................................................................................................... 3

2.1.1 什么是HTML5 ..................................................................................................... 3 2.1.2 HTML5的发展历程 .............................................................................................. 3 2.2 HTML5的优势 ................................................................................................................. 4

2.2.1 HTML5对开发者的优势 ...................................................................................... 4 2.2.2 HTML5对用户的优势 .......................................................................................... 4 2.3 HTML5的特性 ................................................................................................................. 5 2.4 HTML5的发展趋势 ......................................................................................................... 5 3 系统的简介 ................................................................................................................................. 6

3.1 餐饮系统的需求分析 ...................................................................................................... 6 3.2 系统的运行环境 .............................................................................................................. 6 4 系统总体设计 ............................................................................................................................. 7

4.1 系统设计的主要内容和目标 .......................................................................................... 7 4.2 系统功能结构 .................................................................................................................. 7 4.3 系统的业务流程 .............................................................................................................. 8 5 详细设计 ..................................................................................................................................... 9

5.1 数据库设计 ...................................................................................................................... 9 5.2 系统主要功能模块的设计和实现 ................................................................................ 11

5.2.1 登录模块 ............................................................................................................. 11 5.2.2 注册模块 ............................................................................................................. 12 5.2.3 系统主界面 ......................................................................................................... 12 5.2.4 开台模块 ............................................................................................................. 13

5.2.5 点餐模块 ............................................................................................................. 13 5.2.6 结帐模块 ............................................................................................................. 14 5.2.7 员工管理模块 ..................................................................................................... 15 5.2.8 菜单管理模块 ..................................................................................................... 16 5.2.9 账单查询 ............................................................................................................. 17 5.2.10 辅助工具 ........................................................................................................... 18 5.2.11 退出系统 ........................................................................................................... 19

6 系统测试 ................................................................................................................................... 19

6.1 业务逻辑测试 ................................................................................................................ 20

6.1.1 登录模块测试 ..................................................................................................... 20 6.1.2 注册模块测试 ..................................................................................................... 20 6.1.3 开台模块测试 ..................................................................................................... 20 6.1.4 点餐模块测试 ..................................................................................................... 20 6.1.5 结帐模块测试 ..................................................................................................... 21 6.1.6 账单查询测试 ..................................................................................................... 21 6.1.7 员工管理以及菜单管理测试 ............................................................................. 21 6.2 性能测试 ........................................................................................................................ 21 6.3 兼容性测试 .................................................................................................................... 21 7 总结 ........................................................................................................................................... 22 参考文献 ....................................................................................................................................... 23 致 谢 ........................................................................................................................................... 24

前 言

改革开放以来，随着市场经济的蓬勃发展，城乡居民生活水平和消费水平的进一步提高，我国餐饮企业营业额持续增长，数量不断增加，呈现出迅猛发展的强劲势头，餐饮业已经成为国民经济的重要组成部分。但是，传统餐饮企业的日常运作主要还是以人工为主，从原材料入库到客人点单，再到结帐完全都是依靠人力来完成的，人工记账、核算、查询等工作既费时费力，又容易出错，往往因为一时的疏忽而导致重大的损失，最终的结果就是管理水平低下，服务质量不高，这对于以服务为主的餐饮企业来讲，无疑是无法忍受的。而随着计算机科学的不断发展，人们对其强大的功能有了深刻的认识，计算机应用已经融入人类社会的各个领域并发挥着不可替代的作用。市场上的一些网上点餐系统、结帐系统已经被逐渐用于餐饮企业，既提高了工作的效率，又节省了大量人力资源，在为餐饮行业经营者带来了更多利益的同时也方便了广大的消费者。虽然这些计算机应用一定程度上助力了餐饮企业的发展，但是21世纪餐饮业务涉及的各个工作环节已不再是简单的点餐、结帐以及业务结算，而是更广、更全的服务性行业的代表，这就需要一套更加完备的信息化管理系统。

本文开发的餐饮管理系统，以HTML5+PHP+MySql为主框架，很好地满足了餐饮业信息化管理的需求，并且具有开发周期短、开发成本低、适用范围广、易操作、易维护、兼容性强等其他系统无法比拟的优点，在未来的一段时间内，将提高餐饮企业的服务质量与工作效率，实现企业的信息化、正规化管理，为其与国际接轨打下基础。

1 系统开发背景

1.1 餐饮业现状

餐饮业作为我国的传统行业，一直是国民经济的重要组成部分，其广泛的市场影响力、庞大的消费者数量等特性使其一直受到社会各界的广泛关注。尤其是改革开放以来，国民生活水平得到了进一步提高，餐饮企业迎来了快速发展的黄金时期，包括中餐、西餐、自助餐在内的各类餐饮企业如雨后春笋般层出不穷，给广大消费者提供了更多的选择机会、更优质的服务体验。而与此同时，国际知名餐饮企业对我国市场的不断侵蚀，对我国餐饮业的经营理念、服务质量标准等各个方面产生了深刻影响。与其相比，国内餐饮企业暴露出来最基本的问题就是缺少信息化管理，在工作效率、服务质量、用户体验上与国外名企有一定的差距。

1.2 前人的工作

21世纪以来，计算机科学与技术得到迅速发展，计算机应用已经被广大人民所接受，并且逐渐融入到人类社会的各个领域，扮演着不可替代的重要角色。与此同时，一些计算机应用也被逐渐用于餐饮企业，比如现在的一些网上点餐系统（如饿了么）以及结帐系统已经被广泛用于餐饮业企业，在为餐饮管理者带来更多收益的同时给广大顾客带来更好的服务体验，这些管理系统将成为我们最宝贵的财富，是我们参考借鉴的标榜。

1.3 研究的目的和意义

虽然市场上的点餐系统和结帐系统在一定程度上很好地推动了餐饮企业的发展，但在某些方面还存在着一些缺陷，主要表现为：

1.系统局限性：市面上的系统往往拘泥于餐饮业的某一方面，比如下单、结帐，对于一些更高层次的信息化管理却没有涉猎，这就让餐饮企业变成了单脚走路，无法形成完整的管理体系，制约了餐饮企业的发展。

2.系统的兼容性：市面上的系统兼容性比较差，无法适应不同的平台，往往需要一个系统多套代码，严重影响了开发速度、开发成本与后期维护。

本文开发的餐饮管理系统旨在弥补市面上这些系统的缺陷，开发出周期短、成本低、

适用范围广、易操作、易维护、兼容性强、功能完善的信息化管理系统，在此基础上，提高国内餐饮企业的工作效率和服务质量，打造属于自己的餐饮品牌。

2 HTML5介绍

2.1 HTML5简介 2.1.1 什么是HTML5

论及HTML5（HyperText Mark-up Language 5.0），首先有必要对HTML做一下简单的介绍。HTML，即超文本标记语言，它是目前互联网上使用最为广泛的语言，也是前端开发者的主要编程语言，它由一系列的标签组成。狭义的HTML是指单纯的HTML标签，Web浏览器通过对这些标签进行解析，进而渲染成我们看到的页面；而广义论及HTML时，其实是指包括HTML、CSS、JavaScript在内的前端技术组合。我们可以形象地将网页文件比作一个人，HTML就是人的躯干，是整个网页文件的主导，CSS就是身上的装饰，JavaScritp赋予整个人优美的动作，它们之间相互组合将页面呈现出来，实现良好的用户交互体验。

HTML5是1999年12月发布的HTML4.0.1的下一个版本，与之前版本比较，HTML5添加了全新的元素标签，并对一些H4旧有标签进行整理，使网页结构更加合理，与此同时，一些事件属性以及接口API也被推出，致力于帮助web应用程序开发者提高开发速度，提升用户体验。

2.1.2 HTML5的发展历程

为了推动Web的发展，2007年W3C（万维网联盟）立项HTML5，并组建了新的HTML工作团队。

2012年1月22日，HTML5的第一份草案发布。尽管H5本身存在很多问题并处于逐步完善过程中，但是包括IE浏览器在内的大部分主流浏览器已经具备了对H5部分功能的支持，其中，webkit内核对H5的支持效果最佳。

2013年5月6日， HTML 5.1正式草案公布。

2014年10月29日，万维网联盟郑重宣告，在经过相关研究人员8个春秋夜以继日的艰苦奋斗后，HTML5规范终于制定完成了，虽然之前已经有部分前端开发者致力于H5开发，但是H5标准现在正式对外发布了。

2.2 HTML5的优势 2.2.1 HTML5对开发者的优势

HTML5对开发者来讲主要有7大优势：

1.跨平台：一套业务逻辑，多套代码，分平台开发，这是一个相当折磨人的过程，尤其对于程序开发者来讲，是相当痛苦的，HTML5的主要优点就是可以跳出运行平台的限制，完全不依赖于操作系统与硬件环境，这也是近年来H5越来越受欢迎的主要原因。

2.快速迭代：互联网为我们提供了一个相对开放的平台，互联网产品的优劣很大程度上取决于产品的更新速度，谁能更快地满足客户的业务需求，谁拥有更短的开发周期，谁的开发成本更低，谁就抢占了先机。使用native开发应用程序，从开始的代码开发到后来的测试上线，效率都慢了一倍以上，而且随着开发人员的增多，沟通难度也越来越大。

3.持续交付：对于程序开发者来讲，软件的即时更新显得尤为重要。在原生APP开发过程中，一旦出现较为严重的bug，紧急修复后必须经历将近半个月的Apple审核才能上线，在这段时间里用户体验下降，客户大量流失，这无疑是让人无法忍受的。但是，HTML5完美地解决了这个问题，H5对于程序的更新完全是实时的，出现问题后可以立即进行修复，并直接在客户端响应。

4.大幅下降成本：与原生应用相比，H5开发的APP成本大幅下降。

5.开源生态系统发达：HTML5前端开发拥有相当数量的开发框架可以使用，开发应用变得更加地轻松与便捷。

6.开放的数据交换：HTML是以页面为单元开放代码的，在不起冲突的情况下，完全可以与其他应用进行数据交互。

7.更容易推广：HTML5应用导流入口众多，微博、空间、QQ好友、微信朋友圈以及短信都为其开放了API，完全可以作为流量入口。有了这样的优势，H5应用不仅能够迅速地抢占市场份额，而且为开发商节省了大量的推广成本。

2.2.2 HTML5对用户的优势

HTML5对终端用户的三大优势：

1.实时更新的优秀体验：HTML5的一大特性便是“快速迭代”，程序开发者完全可以跳出应用市场的限制，对代码进行实时更新，这也就意味着用户可以在第一时间里享受全新的服务。

2.大幅降低使用门槛：为什么谷歌能在众多搜索引擎公司中脱颖而出？主要原因在于其坚持简约的搜索风格，有时越是简洁的操作越是容易赢得用户的青睐，H5致力于更简洁的操作，更优秀的用户体验，做到真正意义上的即点即用。

3.跨应用的使用体验：在HTML5体系下，各个APP之间可以直接跳来跳去，更不需

要重复地输入数据，给用户以更好的服务体验。

2.3 HTML5的特性

HTML5的特性主要包括以下几方面：

1.语义特性（Class：Semantic）：HTML5添加了新的元素标签和属性，对网页结构进行进一步的优化。

2.本地存储特性（Class：OFFLINE & STORAGE）：本地存储是HTML5最重要的技术之一，它可以使数据资源永久的保存在本地，使网页性能大大提升。

3.设备兼容特性 （Class：DEVICE ACCESS）：HTML5提供了数据与应用的接入开放接口，可以使外部设备的应用直接与浏览器内部的数据相连。

4.网页多媒体特性（Class：MULTIMEDIA）：HTML5中新增了包括Audio、Video等在内的多媒体元素，期望做到流媒体的跨平台使用，带给用户更好的交互体验，并且有望取代flash成为网页媒体的主流。

5.三维、图形及特效特性（Class：3D，Graphics & Effects）：具有基于基于SVG、CSS3、Canvas技术下的3D功能。

6.性能与集成特性（Class：Performance & Integration）：H5完美地解决了与服务器跨域交互的问题，使Web应用可以在各种环境下更加快速地运行。

7.CSS3特性（Class：CSS3）：CSS3提供了大量的样式属性和动画属性，使页面的表现效果更加炫酷；同时，对布局模式进行了新的诠释，对页面的控制也显得更加灵活。

2.4 HTML5的发展趋势

2014年10月29日，随着HTML5规范的正式发布，H5开始正式踏上历史舞台。与此同时，移动互联网的快速发展，各类移动应用APP的不断涌现，在一定程度上造就了Hybird APP的诞生。H5已经覆盖互联网的各个领域，不仅仅只是局限于Web前端页面的设计，而是形成了包含移动APP在内的一整套开发体系。毫无疑问，在未来5-10年间，H5将有望称霸整个移动互联网，并呈现出以下发展趋势：

1.游戏开发者要领衔“主演”：从互联网兴起的一刻起，游戏一直作为不可替代的重要角色活跃在人们的视野里，各种网络游戏层出不穷，尤其是在近几年里，随着移动互联网的快速发展，手机游戏越来越来收到广泛关注，在某种程度上，游戏将成为移动互联网最热门的应用，必将受到开发商的钟爱。

2.移动优先：在移动设备大爆炸的今天，各类智能手机、平板层出不穷，移动优先已成趋势，移动APP已成为时代发展的潮流，无论研发什么产品，都应秉承这个原则。

3.离线缓存：这是HTML5充满魔力的具体表现，在设置离线缓存的情况下，用户即

使没有网络，也可以正常使用APP，大大提高了用户的操作体验。

3 系统的简介

3.1 餐饮系统的需求分析

随着餐饮业的不断蓬勃发展，随着计算机编程技术的不断成熟，决策者以及管理者对餐饮管理系统的要求进一步提高，尤其在国际知名餐饮企业的冲击下，对餐饮业的信息化管理提出了新的需求。本系统主要包含以下几大模块，分别为：

1.桌台信息管理：其中包括开台模块、点餐模块、结帐模块，是本系统的核心部分。 2.菜单管理：主要涉及菜单的日常维护。 3.员工管理：对员工信息进行增删改查等操作。 4.账单查询：实时掌控企业的日常运营状态。 5.辅助工具：包括计算器、记事本、日历等。

本系统具有良好的用户交互，使用门槛低，方便简单，在系统维护上更加的方便灵活，能够很好的对企业进行监控管理。此外，出于对企业信息安全的考虑，对部分数据进行加密处理，对用户的登录权限进行了设置。

3.2 系统的运行环境

餐饮管理系统的运行环境如下：

1.系统开发平台：JetBrains WebStorm 9.0.3。 2.系统开发语言：HTML5、PHP。

3.数据库及其管理系统：MySql Navicat for MySQL。

4.运行平台：无平台限制，在谷歌浏览器、火狐浏览器、IE浏览器、opera浏览器等主流浏览器均可正常使用。

5.运行环境：XAMPP集成开发环境。

4 系统总体设计

4.1 系统设计的主要内容和目标

本系统主要以HTML5为主要技术手段，通过Ajax与后台进行数据相互，完成开台、点餐、结帐、员工管理、菜单管理以及账单查询等相应操作，并期望达到以下目标：

1.系统采用人机交互方式，界面更加美丽炫酷，用户操作更加便捷，用户体验提升。 2.具有灵活的查询、编辑、删除功能，对必要数据进行加密处理。

3.必须实现对客户开台、点餐、结帐等相关功能模块的开发，并且应该具备一定的系统响应速度。

4.代码必须编辑规范，充分考虑到后期的优化与维护。

4.2 系统功能结构

系统功能结构图，如图4-1所示。

图4-1 系统功能结构图

根据系统设计的具体要求，系统功能应包含以下几方面： 1.登录模块：用户进入系统的入口。

2.注册模块：在用户没有帐号的情况下，提供自主注册接口。 3.开台模块：为顾客进行开台操作。 4.点餐模块：为顾客进行点餐操作。

5.结帐模块：为顾客进行结帐操作。

6.员工管理模块：对员工信息进行增删改查操作。 7.菜单管理模块：对菜单进行日常维护，包括增删改查。 8.账单查询模块：对日常账单进行查询操作。

9.辅助工具模块：提供计算器、日历、记事本等辅助工具的应用。 10.退出系统模块：用户退出管理系统。

4.3 系统的业务流程

系统业务流程图，如图4-2所示。

图4-2 业务流程图

1.在登录界面，首先判断用户是否拥有账号，如果没有帐号，可以进行自主注册，注册完成后跳转到登录界面；如果有账号，可以直接进行登录。

2.登录成功后，进入主界面，对员工的身份权限进行判定，如果没有管理员权限，员工管理、菜单管理与账单查询三项将无权访问，tab按钮灰显，此时菜单栏包含辅助工具、桌台信息、修改密码与退出系统四项。

3.在主页面可以显示所有桌台的使用情况，点击相应未使用桌台，可以进行开台操作，开台后可以进行点餐，点餐完成并下单后，可以进行结帐操作；当点击已使用桌台时，显示桌台当前状态。

4.在辅助工具模块中，可以点击相应要使用的工具，包括日历、计算器以及记事本，给用户更好的体验。

5.点击修改密码，弹出修改密码窗口，可以对当前登录用户进行修改密码操作。 6.如果拥有管理员权限，可以进行员工管理操作，包括员工信息的查询、新增员工、员工信息的修改以及删除等操作。

7.如果拥有管理员权限，可以进行菜单管理，对菜单进行常规操作，包括菜单的删除、更新和添加。

8.如果拥有管理员权限，可以对账单进行查询操作，实时掌控餐厅的运营状态。 9.点击退出系统按钮，弹出confirm窗口，点击确认，退出系统，返回到登录界面。

5 详细设计

5.1 数据库设计

本系统总共包含五张表，分别是员工信息表如表5-1所示，菜单信息表如表5-2所示，桌台信息表如表5-3所示，点餐信息表如表5-4所示，顾客消费信息表如表5-5所示。

表5-1 员工信息表

表5-2 菜单信息表

5.2 系统主要功能模块的设计和实现 5.2.1 登录模块

用户登录界面主要分为四部分，分别为账号输入框、密码输入框、验证码以及登录按钮。首先，当用户输入相关信息后，程序会对其输入信息进行校验，判断其值是否为空，如果输入值为空，弹出提示窗口，返回false；其次，如果输入值无误，程序会率先判断验证码是否输入正确，如果验证码是正确的，则以账号与密码作为查询条件，调用后台登录接口API在数据库中进行搜索，如果有返回数据则跳转到主页面，并且将相关登录信息存储在localStorage中；反之，给出相应提示，如登录名或密码输入错误等。登陆界面如图5-1所示。

图5-1 登陆界面

5.2.2 注册模块

在用户登录界面点击注册按钮，即可通过3D旋转效果进入注册模块，注册模块主要分为四部分（注册帐号输入框、密码输入框、密码确认输入框以及注册按钮），与登录模块相似，首先程序会对输入信息进行验证，其次判断两次密码输入是否一致，如果确认无误，系统调用注册接口API通过post请求将相关数据写入数据库，并将相关信息存储在本地，最后跳转进入主界面。注册界面如图5-2所示。

图5-2 注册界面

5.2.3 系统主界面

通过登录界面进入到主界面，首先从本地存储中获取数据，包括用户姓名、头像路径、用户权限，并通过用户权限值判定是否开放员工管理、账单查询以及菜单管理权限，其次向后端发送请求，获取桌台相关信息，与此同时，加载天气预报模块并绘制登录时间，系统主界面如图5-3所示。

图5-3 系统主界面

5.2.4 开台模块

对于空闲桌台可进行开台操作，鼠标点击相应桌台，读取其状态信息，如果可进行开台，左侧菜单栏开台按钮亮现，点击开台，弹出开台模块，输入相关信息点击开台按钮，更新桌台信息数据库并重置桌台状态，开台界面如图5-4所示。

图5-4 开台模块

5.2.5 点餐模块

桌台开台后，可进行点餐，具体进入方法分为以下两种：

1.开台后，点击开台按钮直接跳转到点餐模块。

2.与开台操作相似，点击相应桌台，读取其状态信息，如果可点餐，点击左侧菜单栏按钮，跳转到点餐模块。

点餐模块主要分为两大部分，左侧为桌帐明细，包括桌台信息、点餐列表以及操作栏，右侧为菜单列表，点击相应菜单，读取菜单信息并将其添加至列表中，选中点餐列表可对其进行下单以及删除操作，点击结帐按钮，默认将点餐列表所有菜品下单，并跳转至结帐模块，点餐界面如图5-5所示。

图5-5 点餐模块

5.2.6 结帐模块

点餐后，可进行结帐操作，结帐模块主要分为两部分，第一部分主要显示桌台信息（桌帐、人数以及账单号），第二部分为结帐金额统计，包括金额总计、优惠金额、应收金额、实收金额以及找零，除了实收金额外，其他输入框默认为禁止状态，不可编辑，所有数据通过数据库获取，填写相应信息后，点击确认结帐按钮，将账单信息写入账单数据库，并且重置桌台信息，结帐模块界面如图5-6所示。

图5-6 结帐模块

5.2.7 员工管理模块

拥有管理员权限的员工可以进行员工管理操作，包括员工信息查询、新增员工、删除员工以及员工权限等相关信息的修改操作，员工列表页面如图5-7所示，编辑员工页面如图5-8

所示。

图5-7 员工管理模块

本文来源：https://www.bwwdw.com/article/v9re.html