论文-餐饮管理系统

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

题 目 餐饮管理系统

学 生 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 员工管理模块

图5-8 编辑员工

5.2.8 菜单管理模块

拥有管理员权限的员工可以进行菜单管理操作，包括新增菜单、删除菜单、编辑菜单以及菜单图片的修改，菜单列表页面如图5-9所示，添加菜单页面如图5-10所示。

图5-9 菜单列表

图5-10 添加菜单

5.2.9 账单查询

对于拥有管理员权限的员工可以进行账单查询操作，账单列表提供三种排序方式，分别为桌台顺序、时间顺序以及结帐总额，默认排序以桌台号升序排列，账单查询页面如图5-11所示。

图5-11 账单查询

5.2.10 辅助工具

点击辅助工具按钮，弹出辅助工具tab，点击相应tab按钮，弹出相应模块，日历如图5-12所示，计算器如图5-13所示，记事本如图5-14所示。

图5-12 日历模块

图5-13 计算器

图5-14 记事本

5.2.11 退出系统

点击退出系统，弹出confirm窗口，点击确认销毁用户相关信息并跳转到登录界面。

6 系统测试

为了保证餐饮管理系统的正常运行，在系统完成后需要对程序进行进一步的测试，从测试方向上来讲，主要包括三大方面：

1.业务逻辑测试：又称功能性测试，目的在于对系统的各个功能模块进行逐一验证，检查其是否可以满足用户的业务需求。

2.性能测试：主要针对系统的运行速度、数据库读写数据的能力进行测试。

3.兼容性测试：主要测试系统在不同平台、不同环境下是否能够正常运行。

6.1 业务逻辑测试

主要针对系统的登录模块、注册模块、开台模块、点餐模块、结帐模块、员工管理、账单查询以及菜单管理进行逻辑测试，包括功能模块的单元测试以及模块接口、数据同步的集成测试。

6.1.1 登录模块测试

1.在登录界面输入相关信息，如果输入内容为空，弹出请输入相关信息提示。

2.如果验证码输入不正确，弹出验证码输入错误提示。

3.如果账号密码输入有误，提示账号或密码错误。

4.如果所有信息输入正确，跳转到主界面。

6.1.2 注册模块测试

1.对注册界面输入信息进行正确性验证，如果有误，弹出相应提示。

2.对两次密码输入一致性进行验证，如果输入不一致，提示两次密码输入不一致。

3.点击注册按钮，如果注册成功，弹出toast提示，提示结束后进入主界面；如果注册失败，alert提示注册异常。

6.1.3 开台模块测试

1.在主页面点击相应桌台，如果可开台，点击开台按钮，开台模块显示，并且带有蒙版。

2.开台模块应该能够读取当前桌帐号与时间并显示出来。

3.输入相关内容，点击开台跳转到结帐界面；点击返回，返回主界面。

4.每次开台模块显示应保证数据清空。

6.1.4 点餐模块测试

1.点餐模块应该读取当前桌台的相关信息并显示出来，包括桌帐号、人数、客人信息、服务员、时间以及金额总计等。

2.单击右侧菜单列表，左侧点餐记录表应新增一条，并且保证显示数据与菜单列表数据的一致性，而且要保证底部数量合计与金额合计以及主界面桌台信息的同步更新。

3.对于未下单的点餐列表可进行删除、下单操作，已下单列表禁用，不可编辑。

4.点击结帐按钮，跳转到结帐模块，并对所有列表菜品进行下单操作。

6.1.5 结帐模块测试

1.结帐模块应显示包括桌帐号以及账单号等桌台的基本信息，除实收金额输入框外，其他输入框处于禁用状态。

2.输入实收金额，文本框失去焦点后，找零选项显示对应金额；点击结帐按钮，提示结帐成功，桌台信息更新为未开台状态，账单表中新增该记录。

6.1.6 账单查询测试

1.对于拥有管理员权限的登录用户，可以进行账单查询操作。

2.账单查询支持桌台号、开台时间以及结帐总额三种排序方式，默认排序方式为桌台号。其中桌台号为递增，开台时间由近及远，结帐总额为递减排序。

6.1.7 员工管理以及菜单管理测试

1.对于拥有管理员权限的登录用户才可以进行菜单管理与员工管理操作。

2.员工管理与菜单管理都应包含增删改查操作。

3.在员工管理与菜单管理模块进行增删改操作后，相应列表应实时更新。

4.员工列表的员工号与菜单列表的菜单号不提供修改接口。

5.对员工以及菜单进行删除时，应给出confirm提示，以防止员工误操作。

6.添加页面显示后时，所有数据应该及时清空，并对必要字段做信息正确性验证，确保录入信息的正确性。

6.2 性能测试

在数据库的员工信息表、菜单信息表、桌台信息表、点餐信息表添加大量假数据，对系统进行常规操作，检测系统的响应速度，基本上可以做到即点即用，拥有良好的交互效果。

6.3 兼容性测试

程序可以完美地运行在谷歌浏览器、火狐浏览器以及360浏览器上，各模块均显示正常，并具有一定的响应速度，兼容性良好。

7 总结

经过几个月的努力拼搏，我的毕业设计终于完成了。本次的程序设计是基于H5开发的计算机应用程序。在这次的程序设计过程中，不仅使我的个人技术水平得到了极大的提高，而且对web应用程序的整体设计有了深入的了解，对系统的整个开发流程也有了充分的认识。

就程序开发而言，要抓住程序的核心部分，而本次的餐饮管理系统，开台、点餐以及结帐便是核心，一旦这三大模块的开发任务完成，餐饮管理系统便已基本成型，一些业务流程也可以跑通，而其他开发模块都是在这三部分的基础上添加进去的，可以说是起到锦上添花的作用。

同时通过这次系统的开发，让我对PHP以及MySql数据库有了进一步的接触，对H5进行了更加深入的学习，尤其是对H5的部分特性进行了运用，不仅提高了程序的性能，而且自己也得到了历练。当然，在程序设计中也发现了自己的很多不足之处。首先，自己的程序开发流程存在很大的问题，往往是想到哪那做到哪，常常导致代码的整体重构，大大影响了开发速度；其次，对H5的一些新增标签以及一些新的事件属性不是极为了解，常常需要查阅相关资料；最后，代码的书写不是极为规范，大大影响了后期代码的优化以及程序的维护。

在这次餐饮管理系统的设计过程中，让我深刻理解了理论与实践结合的重要性，尤其是作为计算机程序员，更应该重视实践操作的重要性，在实践中提升自己的专业技能，在实践中养成良好的程序设计思想，逐步成长为一名优秀的程序员。

参考文献

[1] 明日科技. HTML5从入门到精通 [M]. 北京: 清华大学出版社, 2012: 221-400.

[2] 张亚飞. HTML5+CSS3网页布局和样式精粹 [M]. 北京: 清华大学出社, 2011: 193.

[3] 弗拉纳根. JavaScript权威指南 [M]. 北京: 机械工业出版社, 2007: 118-668.

[4] 泽卡斯. 高性能JavaScript [M]. 北京: 电子工业出版社, 2010: 35-175.

[5] Nicholas C.Zakas. JavaScript高级程序设计 [M]. 北京: 人民邮电出版社, 2012: 115-157.

[6] 李强. HTML5+JavaScript 动画基础 [M]. 北京: 人民邮电出版社, 2013: 144-208.

[7] Dan Cederholm. 无懈可击的Web设计 [M]. 北京: 清华大学出版社, 2010.

[8] 李超. CSS布局实录 [M]. 北京: 科学出版社, 2007: 75.

[9] 史蒂夫·克鲁克. 点石成金 [M]. 北京: 机械工业出版社, 2012: 96-105.

[10] 唐俊开. HTML5 移动Web开发指南 [M]. 北京: 电子工业出版社, 2012: 23-47.

[11] Mark Pilgrim. HTML5揭秘 [M]. 北京: 电子工业出版社, 2012: 57-146.

[12] Victor Summer. HTML5与CSS3设计模式 [M]. 北京: 人民邮电出版社, 2010: 171-316.

[13] 吉伦瓦特. CSS3 实用指南 [M]. 北京: 人民邮电出版社, 2012: 156-200.

[14] 陈锋敏. 程序员突击——Ajax原理与系统开发[M]．北京: 清华大学, 2009: 57-69．

[15] 朱文. 基于HTML5Canvas技术的在线图像处理方法的研究 [D]．广州: 华南理工大学, 2013．

[16] 常闻宇. HTML5跨平台技术在视频点播系统中的研究与应用 [D]. 上海: 东华大学计算机应用技术, 2013.

[17] 王江静. 移动浏览器的发展与技术分析 [J]. 电脑知识与技术, 2012, (34): 03-05．

[18] 任金波. HTML5在移动互联网中的应用 [J]. 电脑与电信, 2012, 34(12): 27-46.

[19] 魏冬梅. Web前端开发课程教学探讨与实践 [J]．福建电脑, 2013, 29(6): 181-183.

[20] 郑红. 浅谈HTML5技术与新媒体应用 [J]. 中国传媒科技, 2013, (1): 15-45.

[21] 马新强. Web标准与HTML5的核心技术研究 [J]．重庆文理学院学报, 2010, (06): 29-65．

致 谢

光阴似箭，日月如梭，转眼间，四年的大学生活即将在此画上一个句号，心中难免有一丝淡淡的伤感，虽然大学生涯就此结束，但是我的人生才刚刚开始，这又将是一段激情澎湃的征程。

本论文是在我的导师贾利敏的亲切关怀和耐心指导下完成的。在这次毕业设计以及毕业论文的完成过程中，我遇到了无数的艰难险阻，从程序的代码开发再到论文的书写、格式的调整，忙得是废寝忘食、焦头烂额，有时候真想放弃，是我的导师，利用她的休息时间，不断地帮助我查找资料，修改程序、调试代码，尤其是在程序逻辑上给我以莫大的帮助。此外，贾老师严谨的治学精神、一丝不苟的工作态度、精益求精的生活作风，深深地感染着我，给我以继续下去的动力。通过贾老师对我的指导，让我树立了远大的学术目标，掌握了程序设计的基本思路，更重要的是学到了永不放弃的生活态度。

此外，我要感谢和我一同度过四年大学时光的同学们，在这段日子里，我们互相探讨、互相学习，在加深彼此友谊的同时，也深刻地认识到了自己的优势和不足。在程序设计过程中，他们传授给我的经验和教训也使我少走了很多的弯路，同时也让我深刻理解到合作的重要性，他们的帮助使我受益匪浅。

最后，感谢学院为我们提供良好的毕业设计环境，感谢相关人员的无私付出，同时再次感谢所有在这次毕业设计中帮助我的老师和同学们。