【《基于微信小程序的酒店预订系统设计》7600字（论文）】

21/31基于微信小程序的酒店预订系统设计目录中文摘要 51.绪论 71.1研究背景 71.2国内外现状 71.2.1国内研究现状 71.2.2国外研究现状 81.3系统开发的目的和意义 81.4技术简介 81.4.1uni-app 81.4.2云数据库 92.系统需求分析 102.1功能需求分析 102.2软硬件需求分析 102.2.1软件分析 102.2.2硬件分析 113.系统可行性分析 123.1经济可行性 123.2技术可行性 123.3社会可行性 123.3.1法律可行性 123.3.2用户可操作性 134.系统功能概述 144.1基本功能 144.1.1注册/登录 144.1.2酒店预订 154.1.3酒店搜索 154.1.4订单/酒店管理 154.1.5个人信息修改 154.2创新点 165.系统的概要设计 175.1系统的功能设计 175.1.1系统的主要功能流程图 175.1.2系统功能结构图 205.2系统界面的总体设计与实现 215.2.1首页 215.2.2搜索页面 225.2.3个人页面 225.3各功能模块的设计与实现 225.3.1注册登录模块 225.3.2搜索模块 225.3.3酒店预订与订单管理模块 235.3.4个人信息修改模块 235.3.5管理员模块 236.总结 25参考文献 26

中文摘要当今社会，手机已经成为人们使用最为频繁的电子设备，而人们使用的最频繁的手机软件之一，就是微信，工作、学习、社交娱乐人们可以通过微信开展各种各样的活动，十分的便利，当然这种便利也可以应用到酒店预订这一程序上，简化游客与酒店的交互步骤，节约双方的时间，提高游客的体验。本文使用uni-app框架开发，用过HBuilderX软件编写程序，可适应app，手机端，网页端，小程序的运行，在降低了编写难度的同时，提高了程序的平台兼容性。[关键词]：HBuilderX，uni-app，云数据库，酒店预订，旅游1.绪论1.1研究背景手机与网络已经成为人们日常生活中不可获取的一部分，而随着科技的不断发展，我们的生活将与它们联系的愈加紧密，这是时代的潮流；同时近年来人们的生活水平提高了，因而对于外出旅游消遣的想法也开始逐渐流行起来，但随着客流量的上市而来的是传统订房方式的效率低下，而日渐成熟的互联网技术能够有效解决地域、时间上所带来的各种问题，因此，各个酒店也都开始顺应时代潮流着手线上平台的研发与宣传。1.2国内外现状1.2.1国内研究现状中国自改革开放以来，随着网络技术的不断发展以及智能手机的普及，旅游与互联网的互相融合交流发展已成为时代的潮流，人们也能随时随地的从网络中获取自己需要的信息，以便于更好的出行。我国也在十九届五中全会中需要深化“互联网+旅游”，以此构建数字旅游经济体系，从而推动我国旅游业的发展。对于各类酒店旅馆来说，互联网的出现和发展能在很大程度上提高它们的运营效率，减轻旅游高峰期酒店的负担。我国的许多企业或是响应国家的政策或是看到了网络技术的发展前景，都以及开发出了许多有助于人们旅游的软件，例如美团、飞猪、携程等，这些软件同样大多通过大数据挖掘、机械学习等技术来分析用户的行为习惯，从而为他们推荐他们可能感兴趣的酒店、旅游地点、影院餐厅，从而提高用户的使用体验。因此，在酒店预订系统软件的开发技术和应用方面我国也有相当成熟的技术和经验支持。1.2.2国外研究现状国外的网络技术发展比我们国家要早许多，对于酒店管理这方面，现如今国外的酒店预订系统的开发技术已经十分非常成熟，很多酒店在都有属于自己的酒店管理系统。这些系统多运用JavaEE语言，运用JavaEE的S2SH框架，遵循MVC结构思路实现，便于员工管理的同时提升用户的体验效果和网站的效率。但这些系统多数是pc平台使用，随着近年来智能手机的普及与发展，移动端的发展尤其迅速，数据显示，2015年，美国的移动端旅游预订总额就已接近400亿美元，超过全部平台在线预订总额的25%。同时，他们开发软件使用的出了除了Java外，多为asp技术与C/S结构，相关软件如booking、TheTake、Kayak这些应用像国内的美团应用一样，使用酒店查询、旅游资讯等功能。目前，国外各类厂商都在努力研发和研究如VR、AR等新的技术来适应新时代的需求1.3系统开发的目的和意义随着假期旅游出行的游客越来越多，酒店宾馆等住宿场所的预订成了一大难题。而当今社会手机微信的使用已经成为大多数人生活的一部分，因此，为了实现酒店业务的智能化和自动化,提高酒店服务质量和效率，本系统利用微信小程序，实现客户的注册、远程登录、浏览客房和客房预订等功能。管理员能在后台对系统进行一系列的管理维护工作，实现对客房信息、客户资料和客户的预订信息进行管理。使用最新的多端开发应用软件HBuilderX中的uni-app框架进行该系统的设计开发，辅以云数据库作为后端数据来源，实现一套既可以生成微信小程序，也可以生成APP程序，以及网页端、手机端都能适应的酒店预订程序，在降低了编写难度的同时，提高了程序编写效率和应用范围。1.4技术简介1.4.1uni-appuni-app是一个使用vue.js语法的多端开发框架，该框架由DCloud.io即北京数字天堂公司免费提供给各位开发者，uni-app一般使用同为数字天堂推出的开发工具HBuilder开发。uni-app的有点在于开发者只需编写一套代码，就可以通过条件编译将代码发布运行在不同的平台上，如：微信小程序、ios、安卓、网页等，这提高了程序的兼容性；同时uni-app的学习成本与开发成本较低，只需学会vue的语法并且熟悉小程序的接口就可轻松编写出自己的程序，没有额外的学习成本，而且开发人数也不需要很多，大大节约了开发成本与学习时间。1.4.2云数据库云数据库是指被优化或部署到一个虚拟计算环境中的数据库，可以实现按需付费、按需扩展、高可用性以及存储整合等优势。根据数据库类型一般分为关系型数据库和非关系型数据库（NoSQL数据库）。云数据库的特性有：实例创建快速、支持只读实例、读写分离、故障自动切换、数据备份、Binlog备份、SQL审计、访问白名单、监控与消息通知等。云数据库的优势在于可以按需扩展数据库的容量，不会浪费空间；移植性强；相较于普通的数据库云数据库更易上手也更加高效，也没有普通数据库繁琐的环境配置，能够让开发者专注与项目的开发上。2.系统需求分析2.1功能需求分析随着各手机厂商的手机不断更新换代，手机功能的日益增强，人们的生活已经离不开手机，而在这之中微信是人们人们工作生活使用的最多的软件之一，因此我选择微信小程序作为系统运行的主要平台。基于服务的对象以及系统的定位，系统的基本功能包括：登录与注册功能——用户可以通过登录在系统中对个人信息进行修改；酒店搜索功能——用户可以在搜索页面搜索自己想要了解的页面；酒店详情页面——点击酒店的封面进入，用户可以在里面查看酒店的预览图和介绍；订单管理功能——用户和管理员可以对尚未支付的订单进行删除，用户可以在此页面进行支付操作；酒店管理功能——管理员独有的功能，可以添加、更新酒店信息或是删除酒店。2.2软硬件需求分析2.2.1软件分析本系统基于多端开发框架uni-app开发，使用vue.js语法编写设计并实现。使用HBuilderX作为系统编写的开发工具，因为这些框架、语法和开发工具都是由数字天堂所开发，因此没有兼容性的顾虑。选择这些作为系统开发的原因有三：第一，HBuilderX编写程序快，软件内有大量的代码块补全，能大大提升开发者开发程序的效率与降低编写的难度；第二，vue.js是一款轻量级渐进式的开发框架，符合本系统开发的小程序量级不大的情况，而且此框架比较组件化可以调用自己需要的组件，以及它运行速度快易于上手，初学者不需要花费太多的学习成本，而对有经验的开发者那更是零成本开发；第三，也是最重要的一点，多端开发。虽然此次本系统主要涉及的是微信小程序平台，但是只需查询官方文档并添加几行条件编译的代码，本系统也能在其他平台正常运行操作，也符合一些不怎么使用微信的用户的需求。2.2.2硬件分析该系统唯一的硬件要求是一部智能手机，只要这部智能手机能使用微信，能正常下载安装运行应用，就能正常使用酒店预订系统进行酒店预订操作，不过还是建议用户将手机以及微信更新到官方发布的最新版本。3.系统可行性分析3.1经济可行性首先，该系统可在出行前就查询相关的酒店并进行预订，极大地节约了游客的出行效率，让游客有更多的时间可以花在对旅途的享受上。其次，游客进行网上预订后，酒店前台的压力也会相应的减轻，可以减轻在旅游高峰期的安保人力需求。最后，系统的开发一到两人足够，开发语言易上手不需要多少开发时间，很大程度上节约了系统开发所需的成本。综上所述，系统的开发成本低，开发完成收益远大于开发成本，因此在经济方面该系统是可行的。3.2技术可行性 开发该系统所需要用到的软件HBuilderX可以在数字天堂的官网免费下载且不需要激活，uni-app与vue.js是软件自带的开发框架。而这些都在前面介绍过，它们都有上手简单，易于操作的特点，可以保证开发的顺利进行；而且编写完成的系统代码，只需按照需求添加几行条件编译代码即可运行在不同的平台上，兼容性极佳。此外，代码编写完成后的可读性高，也利于后续的功能测试、版本更新以及系统的维护。因此，技术方面是完全可行的。3.3社会可行性3.3.1法律可行性 该系统的设计与开发使用的软件均为数字天堂免费开放的正版软件与框架，不会侵犯他人或国家的利益，符合我国的法律规定和相关政策。3.3.2用户可操作性 系统主要使用的是手机微信小程序，界面设计友好一目了然，操作也很简便，不管是老人还是小孩都能看懂并有能力使用该系统。

4.系统功能概述 用户可使用手机从微信端进入酒店微信小程序，老用户可登录已有的账号，新用户可使用微信注册新账号并绑定，之后可通过绑定的账号登录酒店预订小程序，管理员账号全由后台设置存储，不可注册。系统通过后端记录的账号信息是否有adminNumber判断该账号是否为管理员账号，以此隐藏或显示部分功能。 普通用户成功登录小程序后可以在首页浏览部分酒店信息，也点击导航栏的搜索图标进入搜索页面，搜索想要查找的酒店，以上都可点击进入酒店页面查看详细信息并添加至订单；在个人页面，用户可以更改自己的头像、昵称、生日以及性别等信息，可以对自己的钱包进行充值并且可以注销账号或者清理程序缓存，同时在个人页面用户可以对自己的订单进行删除或者支付操作。 管理员成功登录微信小程序后，首页与搜索页面与个人用户相同，但是管理员不能进行预订操作，个人页面管理员可以操作订单进行修改或删除操作，可以添加酒店或删除酒店信息。4.1基本功能 本系统的基本功能包括：登录/注册功能、搜索功能、订单/酒店管理功能、酒店预订功能、个人信息修改功能。4.1.1注册/登录 用户在登录界面输入账号与密码登录小程序，新用户通过第三方微信注册新账号并绑定账号，注册后可使用设定的账号自由登录小程序。管理员账号统一为”admin”，密码不同，登录进小程序后根据后台账号信息中是否有“adminNumber“属性来区分普通用户账号与管理员账号，避免用户对酒店信息进行误操作。4.1.2酒店预订 此功能可通过首页界面的酒店展示页面或者搜索页面的各项酒店封面进入酒店详情页，查看酒店的房间预览图，以及酒店的价格信息与介绍，然后用户可以点击价格旁的预订按钮即可将该酒店的订单信息上传到后台，并之后在订单管理界面对订单进行操作。4.1.3酒店搜索 导航栏的第二个选项为搜索页面，进入搜索页面后，可以看到小程序拥有的部分酒店列表，需要看更多的酒店信息可以向上滑动以显示更多酒店信息。搜索栏处于标题栏下方第一行，用户可以在搜索栏输入想要查找的酒店名称，系统会自动显示出符合搜索要求的酒店，用户可以点击搜索结果进入酒店详情页，查看酒店详细信息。4.1.4订单/酒店管理 订单管理与酒店管理页面的入口在个人页面，点击订单或酒店管理选项可进入相应的页面，订单界面普通用户与管理员都可以进入，普通用户可以在此页面删除自己改变主意后不需要的订单，也可以对确定需要预订的酒店进行支付操作，管理员不可进行支付操作；酒店管理页面只有管理员账号会显示其入口，在此页面管理员可以添加新的酒店信息，修改已有的酒店信息也可以删除旧的酒店信息。4.1.5个人信息修改 用户可以在个人页面查看自己的昵称与钱包中的金额，并且可以通过右侧的齿轮图标进入信息设置界面，查看更多诸如生日、性别等信息；用户可以在此页面查看自己的头像，也可根据自己的喜好在本地选择上传并更改自己的头像；生日、性别、昵称可根据自己的需求修改；用户还可点击钱包进入充值页面，选择预设的充值金额或者自定义的金额，完成充值。4.2创新点1、使用最新的多端开发应用软件uni-app进行了该系统的编写，可实现一套程序可以分别应用到安卓系统、ios系统等不同的客户端，提高了程序编写效率。2、该系统不同于传统的小程序，使用的后端数据库为云数据库，按需扩展储存容量，节省资源，并且数据上传至云端，数据的安全性更高。3、本系统界面简洁、美观、友好。

5.系统的概要设计5.1系统的功能设计 本系统设计的主要功能有登录注册功能、搜索功能以及预订支付功能。首先是登录注册功能，该功能主要用于用户的登录以便完成后续操作；其次是搜索功能，该功能的设计目的是为了让用户能够快速查询到感兴趣的酒店信息；最后是预订支付功能，该功能模块设计是为了让用户完成预订操作。5.1.1系统的主要功能流程图 登录/注册功能流程图（图1）：用户进入小程序后输入账号与密码登录程序，没有账号的用户需通过微信注册，之后可直接登录；通过后台系统区别账号为普通用户还是管理员，并显示隐藏相应的功能。图1登录支付功能流程 搜索功能流程图（图2）：用户通过导航栏进入搜索界面，在搜索栏输入酒店名称，后台程序通过调取后端数据查询符合条件的数据，搜索成功则显示搜索结果，搜索失败则显示空页面。图2搜索功能流程图预订支付功能（图3）：用户在酒店详情页面点击预订按钮后，订单的信息会在订单管理页面显示，用户可以在此页面对订单进行支付或者删除操作。图3预订支付流程图5.1.2系统功能结构图 根据本文设计的酒店预订系统功能结构图如下所示（图4）：整个系统分为用户模块与管理模块，用户模块中只有个人用户，个人用户可以在系统中进行登录注册操作，搜索操作以及订单管理；管理模块只有管理员，他负责管理系统中的酒店信息与用户上传的订单信息。图4酒店预订系统结构图5.2系统界面的总体设计与实现5.2.1首页 首页主体分为上中下三个部分，首先，首页最上方是热门酒店的内部预览轮播图，可以让用户了解粗略查看酒店的房间情况；然后是页面的中部，这里是热门酒店的横向滚动区域，使用scroll-view组件实现，用户可以左右滑动查看热门酒店的封面图，并且可以通过点击封面图进入相应的酒店详情页面；最下方是酒店推荐区域，在这里会纵向显示程序为你推荐的酒店信息，酒店的评分、价格可以在此查看，同样是使用scroll-view组件实现，用户可以上下滑动查看，封面图同样是酒店详情页面的入口。(图5-1) 图5-1软件首页5.2.2搜索页面 搜索页面分为上下两部分，最上方为搜索区，区域内有一个搜索框；下方为结果区域，负责展示搜索结果，刚进入此页面会显示所有的酒店封面图，区域可上下滑动最多一次性显示九张酒店封面图。用户可在此页面快速查询到需要的酒店信息。(图5-2)图5-2搜索页面5.2.3个人页面 个人页面分为两种状态：初始为未登录状态，头像为默认头像，头像旁显示登录注册同时也是登录页面的入口；登录状态为用户个人设置的头像与用户所拥有的钱包金额，右侧有个齿轮图标，这是个人信息设置的入口，用户可在设置页面更改自己的信息或者退出登录。(图5-3.1，图5-3.2) 图5-3.1个人页面(未登录) 图5-3.2个人页面5.3各功能模块的设计与实现5.3.1注册登录模块 用户未登录时进入个人页面，此时个人页面处于未登录状态，点击头像旁的“登录/注册”即可跳转到注册/登录页面，根据页面显示的要求，用户可以直接输入自己的用户名与密码，用户名为默认文本样式，密码为密码样式即小圆点不明文显示，若账号或者密码不正确跳出提示框提醒用户账号或者密码错误；用户没有账号可以通过下方的微信登陆图标微信注册账号；成功登录后会跳转至个人界面，个人页面会根据用户之前设置的头像、昵称显示，并且个人信息区域下方会显示订单管理选项，管理员账号会额外显示酒店管理选项。图5-4注册登录页面5.3.2搜索模块 用户通过导航栏第二选项进入搜索页面后，搜索页面默认显示全部酒店信息，用户此时可在上方搜索框输入需要查找的酒店名称，后台程序会获取搜索康内容，并与云数据库内的数据一一比对，将符合要求的酒店显示在结果区域，若为搜索到符合要求的数据则会显示空白页面；此页面可多次查询，每次查询的结果均会覆盖之前的搜索结果，用户可通过搜索结果的封面页进入酒店详情页面。5.3.3酒店预订与订单管理模块 用户通过首页的酒店封面页或者搜索页面的酒店封面页进入酒店详情页面后，可以查看酒店的更加详细的信息，如：查看酒店封面图、查看酒店的房间预览图、酒店的详细介绍、酒店的价格与评分等，在价格旁有酒店的预订按钮，用户若对这家酒店比较感兴趣可以点击预订按钮，将酒店添加到订单；添加至订单后，用户可通过个人页面的订单管理选项进入订单页面，用户可以删除不需要的酒店订单，或者点击支付按钮，支付订金，这会扣减用户的钱包里的金额，金额不足时会有弹窗提示。(图5-5.1，图5-5.2)图5-5.1支付成功 图5-5.2支付失败5.3.4个人信息修改模块 在个人页面，用户可以通过点击右侧的齿轮图标进入个人信息设置页面，用户可以在此页面修改的信息有头像、昵称、生日、性别以及充值钱包。点击头像一栏页面下方会弹出选项栏，“查看头像”与“从相册中选择”两个选项：“查看头像”可以跳转至头像预览页面查看头像的清晰放大图；“从相册中选择”选项则会让用户从本地文件中挑选头像图片，然后跳转至头像上传页面，用户可以点击确定修改头像，也可以重新选择一张图片上传；生日一栏点击后同样会跳转至对应页面，点击生日文本后会弹出滚动选择条，更改至如今的正确的生日日期，然后点击提交按钮即可完成修改；性别与充值页面均为选项，用户选择需要修改的性别或需要充值的金额，然后点击提交完成修改或充值；昵称界面为普通的文本栏，修改完成后直接点击提交即可。(图5-6.1，图5-6.2，图5