基于JavaScript的酒店管理系统的设计与实现——毕业论文

绥化学院本科毕业设计（论文）基于JavaScript的酒店管理系统的设计与实现学生姓名： 学 号： 专 业： 计算机科学与技术 年 级： 指导教师： 目 录摘 要IAbstractII第1章 绪 论11.1 背景及意义11.2 国内外研究现状1第2章 需求分析.22.1 系统功能分析22.2 开发模式3第3章 系统设计43.1 系统功能结构框架43.2 数据库分析与设计6第4章 详细设计与实现124.1 前台会员模块的设计124.2 后台管理员模块设计14第5章 系统测试175.1 测试的概述175.2 测试的特性175.3 测试用例17结 论21参考文献22附 录 核心源代码.23致 谢.29摘 要酒店管理系统可以使得经营者管理酒店变得更加方便快捷，提高工作效率的同时也能增加公司的收益。本酒店管理系统采用的是JavaScript、HTML5和CSS实现前台效果，MySQL数据库进行设计，使用MySQL数据库可以使系统的数据存储更加方便快捷。该系统主要用于酒店的订单查看，处理迅速，而且界面简单，利于操作。管理员可以通过后台对客户信息进行管理，并且能够通过后台对酒店的基本信息、预定信息等进行实时更新，从而达到此系统的快捷使用性。关键词：JavaScript；MySQL；酒店管理 IAbstractHotel management system enables the operator the hotel become more convenient and quick, improve the work efficiency but also can increase the income of the company.The hotel management system USES is JavaScript HTML5 and CSS, MySQL database design, using MySQL database system of data storage can be more convenient and quick.The system is mainly used to deal with the hotel orders, rapid, and simple interface, good for operation.The administrator can through the background to manage customer information, and can through the background of the basic information of the hotel, book information, such as the real-time update, so as to achieve fast and usability of the system.Key words: JavaScript；MySQL；hotel managementII绥化学院本科生毕业设计第1章 绪 论1.1 背景及意义酒店业是一个前途广阔而又竞争激烈的行业。改革开放以来，我国的酒店迅速发展，已经成为一个具有相当规模的产业。由于我国的旅游业迅速发展，通过调查，我国在2020年将成为世界上第四大旅游国家，这个时候，我国的酒店业将面临着前所未有的机遇和挑战。但是，现在甚至还有一些酒店停留在人工操作和管理阶段，这样已经无法适应当前的发展趋势。因此，要想使酒店的工作质量和效率提高，采用先进的计算机网络通信技术改变酒店业务模式，实现酒店业务管理的自动化已经成为一种必然，JavaScript构建的各种各样的网页越来越多，使用JavaScript的网页能够有更多的交互效果，用户体验极好。1.2 国内外研究现状随着我国经济体制改革的不断深化和我国经济的快速发展，市场现有的产品化的酒店业务软件系统在不断发展中的酒店的需求。JavaScript已经广泛用于WEB应用开发，用来添加网页中的动态效果，为用户提供更流畅美观的浏览效果1。因为JavaScript是嵌入在HTML中，制作简单，所以我国很多管理系统都以此为开发语言。我国的研究人员为了对浏览器的性能提升进行了针对性研究，同时也使得浏览器中的JavaScript代码的效率的道理大幅度的跃升，使前台的交互效果得到完美的实现，为了实现系统安全性，JavaScript多采用post传输方式传递数据。在国外，研究人员也在尝试对浏览器和JavaScript引擎进行多线程划分，使其能够更好的利用多核处理器平台的性能优势。此外，为了使得JavaScript引擎在执行JavaScript这种动态语言能够更加高效，目前大多数浏览器的JavaScript引擎都引入了java虚拟机的相关技术来提升JavaScript代码的执行效率2。国外的JavaScript经过逐步的研究，已经越发成熟，越来越多的系统使用JavaScript，JavaScript技术越来越流行与实用。第2章 需求分析2.1 系统功能分析系统分为前台会员模块与后台管理员模块，具体介绍如下：2.1.1前台会员模块会员模块的操作是由用户自行来完成的，主要包括会员注册、登录、修改密码、修改资料、客房查看、客房预订、酒店公告等功能。若是新用户注册，点击注册入口进行注册，填写用户的相关信息。1）会员注册：用户可选择注册，填入注册信息，若满足注册条件则注册成功。注册成功的帐号才可进行登录。2）会员登录：已经注册过的用户，可以输入用户名、密码和验证，点击登录登录系统，登录成功的会员跳转到个人主页，在个人主页中可点击首页查看首页内容。3）修改密码：会员可在账号管理中修改账号信息，修改密码和绑定手机号等。4）客房预定：会员可点击房间预定，查看所有房间的类型，可点击预定进行房间预定，预定成功后提示：预定成功。5）酒店基本信息：点击酒店简介，查看酒店的基本信息。2.1.2后台管理员模块管理员模块由酒店工作人员来完成，管理员登录成功后可管理整个后台，可以完成酒店对房客信息的管理与查询及网站基本信息维护。包括：会员管理、会员模块配置、广告管理、预定房间管理、管理员审核管理、内容更发布管理、页面栏目管理，友情链接管理。1）会员管理：对于会员的删除、锁定、解锁、查询用户的信息和注册时间、修改会员信息。2）会员模块配置：会员注册是否开启起、会员注册是否需要审核、注册协议内容，邮件认证内容、密码找回邮件内容的设置。3）广告管理：页面出现的广告位置，大小，广告内容的增加修改删除。4）预定房间管理：对于预定的记录的管理，记录的删除，修改和添加。5）管理员审核管理：若开启管理员审核，则会员预订信息，注册信息均需要管理员审核同意后方生效。6）内容发布管理：页面公告，文章内容等的修改，删除、增加和查询。7）页面栏目管理：页面上栏目的增删改查。8）友情链接管理：页面友情链接的增删改查。2.2 开发模式1）B/S（Browser/Server）结构即浏览器和服务器结构3。它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）。2）JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是脚本语言，是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码，插入 HTML 页面后，可由所有的现代浏览器执行。3）MySQL是一个开放源码的小型关联式数据库管理系统，开发者为瑞典MySQL AB公司4。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。4）PHPCMS V9（后面简称V9）采用PHP5+MYSQL做为技术基础进行开发5。V9采用OOP（面向对象）方式进行基础运行框架搭建。模块化开发方式做为功能开发形式。框架易于功能扩展，代码维护，优秀的二次开发能力，可满足所有网站的应用需求。11第3章 系统设计3.1 系统功能结构框架3.1.1 系统目标根据系统的管理要求，对酒店预订管理系统目标进行如下制定；1）灵活的使用数据交互，使数据交互更简单，方便；2）实现会员管理；3）实现房间的预订管理；4）实现页面内容的管理；5）系统运行安全，可维护性高。3.1.2 处理流程1.数据增加流程添加数据信息时，数据信息由用户主动输入，最后对数据进行合法判断，合法就可以写入保存至数据库，不合法就要重新输入数据，数据增加流程图，如图31所示。开始输入数据N是否正确生成记录结束图 31 数据增加流程图2.数据修改流程在修改数据信息时，首先选中一条需要修改的数据记录，之后主动输入数据，最后判断合法性。数据修改流程图，如图32所示。开始修改数据N是否修改写入数据库结束图 32 数据修改流程图3.数据删除流程当用户选中一条数据记录时，点击删除按键，就会提醒用户是否需要确定删除，接着就删掉了数据库的有关内容。数据删除流程图，如图33所示。开始删除的数据N是否删除删除成功结束图33 数据删除流程图3.2 数据库分析与设计3.2.1 数据库概念设计根据管理系统的需求分析和系统设计，绘制出酒店管理系统的实体关系ER图，其中包括会员信息实体、客房信息实体、预订信息实体、管理员信息实体、广告位实体、公告内容实体，具体说明如下：1）管理员信息实体用于对管理员信息存储，包括管理员编号，管理员登录名称、登录密码、所属角色。管理员ER图，如图34所示邮箱编号密码登录名称管理员图 34 管理员信息ER图2）客房信息实体用于对客房信息的存储，包括房间编号、房间名称、房间床位、房间类型、房间价格。客房信息实体ER图，如图35所示。房间类型房间名称房间编号房间价格房间床位房间信息图 35 客房信息ER图3）预定信息实体预订信息实体包括用户名、房间编号、入住时间、结束时间、手机号、身份证号、房间类型，如图36所示。房间编号用户名结束时间房间类型预订房间表手机号身份证号入住时间图 36 预定信息ER图4）广告位实体广告位表包括：广告位ID、站点ID、广告位名称、广告位类型、JS路径、宽度、高度、配置项、广告位介绍、广告数、广告位是否开启，启用1：不启用：0。如图37所示。广告位ID是否启用宽度高度站点ID广告位名称介绍广告位表JS路径身份证号广告数图 37 广告位表ER图5）公告位实体公告位，在前台位于首页中心部分，用户可以点击公告标题进入到相应的公告内容页面。公告位实体包括公告ID、站点ID、公告标题、公告内容、有效起始时间、有效结束时间、添加者、添加时间、浏览次数、是否通过、样式、模板。如图38所示。公告ID添加时间站点ID添加者样式浏览次数结束时间公告表公告标题起始时间模板公告内容图 38 公告位ER图6）会员信息实体会员表包括用户名、注册时间、登陆次数、密码、昵称、电子邮箱、生日，如图39所示。注册时间用户名登陆次数生日密码会员表电子邮箱昵称图 39 会员信息实体ER图3.2.2 数据库表结构本系统采用MySQL 数据库进行数据存储，MySQL相对于SQL来说，所占内存较小，便于快速的进行数据查询。根据需求分析和数据库分析，数据库的表如下所示。1.管理员表管理员表是用来管理管理员的ID、账号、密码、Email、真实姓名、所属角色（超级管理员/普通管理员）等功能。其结构如表31所示。表 31管理员表（design_admin）英文名中文名字段类型是否主键userid管理员IDmediumint(6) unsigned是username管理员名Varchar(20)password管理员密码Varchar(42)Realname真实姓名Varchar(50)Roleid角色Smallint(5)2.客房信息表用来管理房间ID、房间名称、房间类型、房间价格、房间床位。其结构如表32所示。表32 客房信息表（design_home）英文名中文名字段类型是否主键Homeid房间IDInt是Homename房间名称Varchar(20)HmePrice房间价格IntHometype房间类型Varchar(50)HomeChuang房间床位Varchar(50)3.预订信息表预定信息表包括用户名、房间编号、预订时间、结束时间、手机号、身份证号、房间类型，如表33所示。表33 预定信息表（design_form_order_table）英文名中文名字段类型是否主键name用户名Varchar(20)是Dataid房间编号IntOrder_time预定时间IntJieshu结束时间intPhone手机号NumberId_date身份证号IntHome_choice房间类型Varchar(40)4.广告位表广告位ID、站点ID、广告位名称、广告位类型、宽度、高度、配置项、广告位介绍、广告数、是否开启，启用1：不启用：0。如表34所示。表34 广告位表（design_poster_space）英文名中文名字段类型是否主键spaceid广告位IDSmallint（5）是steid站点IDSmallint（5）name广告位名称Char（50）type广告类型Char（40）width广告版位宽度Smallint(4)height广告版位高度Smallint(4)description广告位介绍Char（100）Items广告数tinyint(4) unsigneddisabled1：启用0：不启用tinyint(1) unsigned5.公告表公告位实体包括公告ID、站点ID、公告标题、公告内容、有效起始时间、有效结束时间、添加者、添加时间、浏览次数、样式、模板，如表35所示。表35公告表（design_announce）英文名中文名字段类型是否主键aid公告IDsmallint(4) unsigned是siteid站点IDsmallint(5) unsignedtitle公告标题char(80)username添加者varchar(40)addtime添加时间int(10) unsignedhits浏览次数smallint(5) unsignedpassed1：通过0：不通过tinyint(1) unsignedstyle样式char(15)show_template模板char(40)6.会员表会员表包括用户名、注册时间、登陆次数、密码、昵称、电子邮箱、生日。如表36所示。表36会员表（design_member）英文名中文名字段类型是否主键userid用户IDmediumint(8) unsigned是phpssouidphpsso用户IDmediumint(8) unsignedusername用户名char(20)password密码char(42)encrypt随机码char(6)nickname昵称char(20)regdate注册时间int(10) unsignedemail邮箱char(42)phpssouidphpsso用户IDmediumint(8) unsignedLoginnum登录次数Smallint(5)unsigned第4章 详细设计与实现4.1 前台会员模块的设计4.1.1 会员登录页匿名用户只能查看酒店简介、关于我们。只有登录用户才能查看预订记录，客房查询等功能。点击右上角登录，跳转至登录页面，输入用户名、密码、验证码，若存在错误，会提示重新输入，从而达到登录的判断效果。登录页效果图如图41所示。图41 系统登录界面设计4.1.2 前台系统首页用户未登录时也可以浏览首页信息。首页效果图如图42所示。图42 系统首页界面设计4.1.3 注册设计用户将详细的注册信息填入进去，系统会验证这些信息，当用户填入的信息正确时，页面会将相应的信息填写进数据库，包括用户名、密码、邮箱、昵称，生日，系统会自动记录注册时间。注册页效果图如图43所示。-图43 注册页界面设计4.1.4前台会员渠道个人信息修改用户注册成功后跳转到我的个人中心管理页，在我的个人管理页面可以修改账号密码、邮箱、个人的基本信息。个人中心页效果图如图44所示。图44 个人中心界面设计4.1.5前台会员渠道密码修改选择个人中心界面的修改密码/邮箱，输入原密码、新密码、确认新密码，若资料填写正确，则新密码提交到数据库，修改密码页面如图45所示 。图45 修改密码界面设计4.1.6预订房间页面用户输入用户名、房间编号、入住时间、结束时间、手机号、身份证号、房间类型，点击提交便可预订成功。预订页面如图46所示。图46 房间预订界面设计4.1.7我的预订在我的预订中，展示我的预订记录。预定表中有房间类型、房间价格、入住时间和入住人。预订页面如图47所示。图47 预订记录界面设计4.2 后台管理员模块设计4.2.1 后台登录页面管理员通过该页面可以实现系统后台的登录功能，如图48所示。图48 系统后台登录页面4.2.2 栏目管理管理员通过栏目管理模块可以实现前台导航信息的管理，该模块可以实现导航栏目的删除、修改、添加等功能，如图49所示。图49 栏目管理页面4.2.3 公告管理管理员可通过公告管理，添加、删除、修改、查询公告，如图410所示。图410 公告管理的页面4.2.4 预订记录管理管理员通过查看表单向导，查看此表单的预订记录，如图411所示。图411 预订记录管理的页面管理员通过查看表单向导，查看此表单的预订详细信息，如图412所示。图412 预订记录内容的页面4.2.5 会员管理会员的注册信息，包括用户名、昵称、邮箱、生日等信息，可按照注册时间进行查询。在会员管理中可以添加、删除、修改会员信息，如图413所示。图413 会员管理的页面4.2.6 管理员管理管理员的用户名、密码、最近登录时间、邮箱等信息的管理，可添加管理员、删除管理员，修改管理员信息，如图414所示。图414 管理员管理的页面29第5章 系统测试5.1 测试的概述测试的定义：程序测试是为了发现错误而执行程序的过程6。测试(Testing)的任务与意义可以描述为：目的：发现程序的错误；意义：通过在计算机上执行程序，暴露程序中潜在的错误，消除软件故障，保证程序的可靠运行。5.2 测试的特性1）挑剔性测试的主要目的不是证明程序无错，而是为了证明程序有错7。所以，要想找出程序中潜在的大部分错误，只有抱着程序有错的目的去测试。2）复杂性一个误区是设计测试用例比较容易。设计测试用例稍有不慎就会顾此失彼，这是一项需要高度技巧和细致耐心的高能工作。4）经济性通场这种测试称为“选择测试（Selective Testing）”。选择测试用例时如果能够注意遵守“经济性”的原则，可以降低测试成本8。5.3 测试用例5.3.1 用户登录测试用例用户登录测试，测试三组数据，一组正确数据、两组有错误的数据。正确数据：在数据库中存在的数据。错误的数据：不在数据库的数据或在输入框中不输入。表51 用户登录测试用例测试项目测试项目描述用例描述测试用户登录校验信息功能前置条件测试过程1. 打开登录页；2. 在用户名文本框中填写“tttt”，密码文本框中填写“123456”，输入正确的验证码，填写完成点击提交；3. 在用户名文本框中填写“liuyu”，密码文本框中填写“123456”，输入正确的验证码，填写完成点击提交；4. 在用户名文本框中填写“liuyu”，密码文本框中填写“123456”，不输入验证码，填写完成点击提交；预期结果输入第一组不存在的用户名与密码信息后提交，提示该用户不存在；而输入第二组正确用户数据后提示信息消失。每行输入内容时若格式错误，后面会有提示信息提示是否正确。实际测试结果测试结果如图51、图52、图53所示，测试成功。分析 输入ttt，密码输入123456，页面弹出：用户不存在。图51 第一组数据测试结果输入用户名liuyu，密码123456，页面弹出登录成功。图52 第二组数据测试结果输入用户名liuyu，输入密码123456，不输入验证码，页面弹出请输入验证码提示框。图53 第三组数据测试结果总结:登录时，用户名和密码输入正确，提示登录成功，进入个人中心，测试成功。5.3.2 客房预订模块测试用例表52 预订房间测试用例测试项目测试项目描述用例描述测试预订能否成功前置条件注册用户名为liuyu的用户，并登录。测试过程1. 输入预订信息，不输入用户名；2. 当用户输入正确，提交后显示：提交成功。4. 输入用户名，但输入的身份证号码为字母。；预期结果未输入用户姓名，提交后提示：用户姓名不得少于1个字符。输入用户名，输入身份证号为字母时，提交后提示：您所输入的信息存在错误，请重新输入。实际测试结果测试结果如图54、55、56所示，测试成功。分析不输入用户姓名，弹框提示：用户姓名不得少于1个字符。图54 第一组数据测试结果输入正确的注册信息，弹框提示：感谢您的参与。图55 第二组数据测试结果输入用户名liuyu，输入身份证号aaaa，弹出提示框：您所输入的信息存在错误，请重新输入。图56 第三组数据测试结果总结：通过多组数据的反复测试，用户登录功能能够正常实现、预定房间能够预定成功并储存记录。得出结论用户登录和预定房间功能无漏洞，测试成功。结 论系统使用MySQL数据库，利用JavaScript语言设计并实现。本系统中用户可以登录、注册，修改密码等对于帐号的操作，还可以进行房间预定，查询预定记录以及查看用户的评论列表。对于管理员来说，管理员可以查看注册用户的信息，对用户进行等级的划分，修改前台页面的显示内容和显示样式，修改前台布局模版等操作。虽然本系统基本实现了用户所需功能，但还存在一些问题：前台页面的显示样式不美观。对于这个问题我相信在我不断学习知识后可以进行解决，使此管理系统内容更加完善，使用起来更加方便。参考文献1 JSEFT:Automated Javascript Unit Test Generation，Mirshokraie SMesbah APattabiraman K 2015 IEEE 8th International Conference on Software Testing，Verification and Validation (ICST) ，20152 张彩虹，分布式虚拟现实系统Web服务器的设计与实现J，20143 曹国勇，基于B/S的高校毕业论文过程管理系统的研究与开发J，考试周刊，20144 崔云，基于Moodle平台的研究性学习教学设计与实践研究D,山东师范大学，20145 腾灵灵，邵栋，荣国平，软件可靠性模型选择研究J，计算机应用与软件，20166 李荣刚，视觉传达专业中的网页设计课程探索J，美术学刊，20127 魏传程，软件可靠性建模及最优化问题研究D，燕山大学，20108 张军，李攀，邢光辉，软件测试的认知误区和单元测试实战流程J，科技创新与应用，2016附 录 核心源代码1. 主页部分代码： ifisset($SEOtitle) & !empty($SEOtitle)$SEOtitle/if$SEOsite_title document.write() Toggle navigation 首页 pc:content action=category siteid=1 loop $data $row$rowcatname /loop /pc房间预定 2. 登录部分代码： Title 登录 用户名 : 密码 : 没有账号，马上注册 登录 3.注册部分代码 Title 注册用户名 :密码 :确认密码 : 提交 4.预定房间部分代码template content,header 首页 > > formmethod=postaction=?m=formguide&c=index&a=show&formid=$formid&siteid=siteid;? name=myform id=myform loop $forminfos_data $field $infoif $infoformtype=omnipotentloop $forminfos_data $_fm $_fm_valueif $_fm_valueiscomnipotentphp$infoform str_replace(.$_fm.,$_fm_valueform,$infoform);/if/loop/if if $infostar */if $infoname $infoform $infotips /loop 致 谢在本次毕业设计过程中，得到了指导老师的指导与支持。我要特别感谢我的指导教师老师，老师在总体结构、功能的把握上给予了非常大的帮助，我总是细节把控不到位，老师每次都监督我，让我能改掉自己不好的习惯导致的错误。老师总是很耐心的给我讲解，让我充分体验到学习的快乐。同时，我还要感谢我的母校绥化学院，因为是您给了我学习知识的机会。我更要感谢我的老师和同学么，几年来你们热心的帮助，不仅让我收获知识，更多的时友情，师生情，我会一直努力，好好发展，回报我的老师，回报我的学校。