毕业设计-基于vue和node.js的民宿订房系统的前端设计与实现(案例分析)-附源码

摘 要

信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题。针对民宿预订等问题,对民宿预订进行研究分析,然后开发设计出民宿订房系统以解决问题。

民宿订房系统主要功能模块包括系统首页、民宿房间、民宿周边、民宿信息、留言反馈、后台管理(民宿预定与民宿退订)等,采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采用vue和node.js技术与MySQL数据库技术,基于B/S模式实现了一个完整系统的设计。本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。针对民宿订房系统的各项需求以及技术问题进行分析,证明了系统的必要性和技术可行性,然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍,最后来实现民宿订房系统和部署运行使用它。

关键词:民宿订房系统;vue和node.js技术;MySQL数据库

Frontend Design and Implementation of a Homestay Reservation System Based on Vue and Node.js

Abstract

In the information society, there is a need for targeted information acquisition channels, but the expansion of channels is basically the direction of people's efforts. Due to the deviation in perspective, people often can obtain different types of information, which is also the most difficult topic for technology to overcome. Research and analyze homestay booking and other issues, and then develop and design a homestay booking website to solve the problem.

The main functional modules of the homestay reservation website include system homepage, homestay rooms, homestay surroundings, homestay information, message feedback, backend management (homestay reservation and homestay cancellation), etc. The object-oriented development model is adopted for software development and hardware installation, which can well meet the actual needs of use. The corresponding software installation and program coding work is improved, and Vue and node.js technology and MySQL database technology are used, The design of a complete system is realized based on B/S mode. This report first analyzes the background, role, and significance of the research, laying the foundation for the rationality of the research work. Analyze the various requirements and technical issues of the homestay reservation website, prove the necessity and technical feasibility of the system, and then provide a basic introduction to the technical software and design ideas required for designing the system. Finally, implement the homestay reservation website and deploy it for operation.

Key words:Homestay booking website; Vue and node. js technologies; MySQL database

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

2章 开发工具及关键技术介 8

2.1开发技术说明 8

2.2 koa框架 8

2.3 Vue.js主要功能 9

2.4 MVVM模式介绍 9

2.5 B/S体系工作原理 10

2.6 Mysql数据库 11

第3章 系统分析

3.1 可行性分析

3.2 功能需求分析

3.2.1 前台用户功能

3.2.2 后台管理员功能

3.3 非功能需求分析

3.4 安全性需求分析

3.4.1 系统的安全性

3.4.2 数据的安全性

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能设计

4.3 数据库设计

4.3.1 数据需求分析

4.3.2 数据库概念设计

4.3.3 数据库表设计

第5章 系统实现

5.1 数据库访问层的实现

5.2 注册模块的实现

5.3 登录模块的实现

5.4 个人中心修改模块的实现

5.5 民宿信息管理模块的实现

5.6 民宿房间模块的实现

5.7 民宿预定模块的实现

第6章 系统测试

6.1 测试目的

6.2 功能测试

6.3 性能测试

第7章 总结与展望

参考文献

致谢

  1. 绪论
    1. 研究背景与意义

新时代理念的转变,科技的快速发展,人们的物质水平也得到了极大的提高。我国的住宿业经历了三个大时期,前两个是商务需求推动的标准住宿期及人们旅游推动的以景区为核心的住宿时期,到了第三个时期,很多住宿产品已经脱离景区,只需要到一个风景好的地方,就可以生产产品满足用户需求,这个时候用户需求的是度假、消磨时间,也就是现在所谓的消费升级。随着互联网的快速发展,接触事物的速度变得越来越快,就比如现在网上的民宿类综艺节目非常地火,提高了人们对民宿的好感度。这些民宿类的综艺节目成功带起了一段民宿潮。并且民宿对比酒店具有性价比高,价格便宜,具有特色等优点,对于精打细算的人和喜欢本地特色的人来说再适合不过了。

现在人们可以利用网络进行购物、在线支付、在线学习,同时也可以通过定制化实体经济和互联网的耦合,从而碰撞出新的火花。随着民宿业的大力发展,当经营民宿的房主的订单越来越多,经营的民宿数量越来越多时,他需要处理的信息就变得繁多且枯燥。刚起步经营民宿的房主则面临着宣传力度的不足导致生意不好,租客无法快速找到心仪的民宿。互联网与民宿业结合形成的民宿订房系统可以给经营民宿的房主提供一个宣传和预订的平台,同时提高民宿的影响力与顾客量。而客户可以通过民宿订房系统快速找到适合自己风格、价格便宜、设施齐全、评价真实的民宿进行查看以及线上预订。希望通过本网站能够增强传统民宿在这些方面的薄弱点,从而提高经营者的经营水平,提高租客的用户体验,进而提高民宿的收入和产业链的升级,这也正是本课题研究的意义所在。

对于房间数量较多的民宿来说,利用一个民宿订房系统来管理民宿的房间信息和客户的预订信息显得尤为重要,这个系统不仅方便了客户进行预订,同时也方便了工作人员,大大节省了时间。所以开发一个民宿订房系统是很有必要的。

    1. 国内外研究现状

在德国,几乎每十一个人就有一个人选择住民宿来解决住宿问题。他们大多是故意选择有个人特色的民宿而放弃风格一样的酒店。在英国,他们的民宿在世界排名相当高,是组成英国旅游业的重要组成部分,他们提供定制服务和星级私人服务,在日本的民宿有另一个名字,叫做家庭旅馆,都是发挥着每个不同地区特色的民宿,像滑雪场主题、温泉主题、海边主题、森林主题的民宿。因为国外的互联网发展要比国内历史要悠久一些,所以导致国外的民宿订房系统发展地已经比较成熟,美国有爱彼迎,澳洲有考拉民宿,欧洲有booking等发展完善的民宿订房系统。但是中国本土的民宿订房系统才刚刚起步,未来还有很多空间可以发展。

近年来,全国多地把民宿产业作为乡村的新发展模式,把民宿产业作为乡村振兴的突破点,不再仅限于养殖畜牧业,吸引城市里的人到乡下消费使得乡村开始快速发展,不断探索创新发展模式。根据报告称2018年之前,全中国已经出台了大约二百七十个关于民宿的各种规定和要求标准文件。而且现在已经有二十几个城市出台了有利于扶持民宿产业的政策。这么多的扶持民宿发展的政策出现,表示现在对民宿发展的大力支持的态度与对民宿发展的标准化引导。让民宿产业发展的道路越来越顺畅,使得乡村的民宿运营能够成为一个完善的产业链,让人们更加重视民宿产业和让人们能够享受到更加舒适和标准的民宿。

  1. 相关技术介绍
    1. 开发技术说明

本系统前端部分基于MVVM模式进行开发,采用B/S模式,后端部分基于node.js的koa框架进行开发。

前端部分:前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信,Element UI组件库使页面快速成型,项目前端通过栅格布局实现响应式,可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分:采用koa作为开发框架,同时集成Redis等相关技术。

2.2  koa框架

Node.js是一个异步的世界,官方API支持的都是callback形式的异步编程模型,这会带来许多问题,例如:1、callback嵌套问题;2、异步函数中可能同步调用callback返回数据,带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用,可以免除重复繁琐的回调函数嵌套,并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件,它仅仅提供了一个轻量优雅的函数库,使得编写Web应用变得得心应手。开发思路和express差不多,最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架,并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

2.3 Vue.js 主要功能:

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能驱动复杂的单页应用。

2.4  MVVM模式介绍

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验,如Silverlight、音频视频3D动画……,这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter)模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去,以应对客户日益复杂的需求变化。

2.5   B/S体系工作原理

B/S架构采取浏览器请求,服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;

而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;

Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中,用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的,浏览器的请求通过服务器进行处理,并将处理结果以及相应的信息返回给浏览器,其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器,该结构已经成为了当今软件应用的主流结构模式。

2.6  MySQL数据库

 Mysql的语言是非结构化的,用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下,MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单,但是功能和存储信息量很强大,所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的,为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强,功能强大,所以在实现某功能时只需要一小段代码,而不像其他程序需要编写大段代码。总体来说,Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室,它是在计算机上进行的,而不是现实中的储藏室。数据的存放是按固定格式,而不是无序的,其定义就是:长期有固定格式,可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行,一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立,可以对数据表中的数据进行调整,数据的重新组合及重新构造,保证数据的安全性。介于数据库的功能强大等特点,本系统的开发主要应用了Mysql进行对数据的管理

  1. 系统分析
    1. 可行性分析

技术性方面,采用当前主流的Koa框架进行系统主体框架的搭建,实现前台页面的设计与美观调整,以上技术,均由本人经过系统学习,并且都是在课程设计中实践过的,可以使得开发更加便捷和系统。从技术角度看,这个系统是完全可以实现的。

实用性方面,本次设计的主要任务是实现民宿订房系统内的民宿信息、民宿房间、住宿订单管理模块等,符合当前潮流的发展。从用户角度出发,同时也考虑系统运营成本和人力资源,采用网络上的便捷方式,实现线上业务,使得业务流程更系统,也更方便用户的体验,比较实用。

经济性方面,由于本课题中设计的民宿订房系统的主要目的是为了能够更加方便及快捷的进行民宿预订以及民宿民宿房间的查询及检索服务,也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率,同时也需要有效的保证查询者的信息方面的安全性,同时这个民宿订房系统所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本,因此,从经济上来说开发这个软件是可行的。

    1. 功能需求分析

民宿订房系统的功能主要分为前台用户根据自己的需求进行注册登录,浏览民宿信息并对需要的客房进行预订操作。

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

      1. 前台用户功能

注册用户需求。

注册账号:用户填写个人信息,并验证手机号码。

登录:根据账号密码进行登录操作。

民宿信息:用户可以浏览主页面的民宿信息来了解系统的最新民宿信息。

民宿房间:用户可以浏览民宿的客房具体信息,名称、类型、价格、介绍、联系电话等,并可以预定房间。

民宿预定:用户可以浏览预定具体信息,并实现在线支付。

民宿退订:用户可以提交退订民宿信息供后台审核。

维护个人信息:用户因个人信息的变更可以随时修改自己注册信息。

民宿周边:用户可以浏览周边景点与店铺等。

留言反馈:用户可以提交留言信息反馈给后台。

联系客服:用户与客服交流界面操作。

      1. 后台管理员功能

管理员功能如下:

修改密码:管理员可以随时修改自己进入系统的登录密码,以保证系统的安全性。

用户管理:对用户的信息进行管理。

房间类型管理:管理员可以对房间进行分类,并对分类进行管理。

民宿房间管理:管理员可以新增或删除房间信息。

民宿预定管理:对房间预定进行审核与管理。

民宿退订管理:对方退订进行审核与管理。

民宿周边管理:对民宿周边信息进行新增或删除。

留言反馈:对用户的留言进行回复。

系统管理:对轮播图、系统简介、民宿信息等进行管理。

    1. 非功能需求分析

首先主要考虑的是系统功能软件,在具体设计的环节上,是不是能够较好的满足各类用户的基本功能需求,如果不能较好的满足用户需求,那么这个系统的存在是没有价值的。软件系统的非功能性求分析,从7个方面展开,一个是性能分析,针对系统;一个是安全分析,针对系统,一个是完整度分析,针对系统,一个是可维护分析,针对系统,一个是可扩展性分析,针对系统,一个是适应业务的性能分析。面对民宿订房系统存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现,需要相应的非功能性需求分析。

    1. 安全性需求分析
      1. 系统的安全性

安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责,更是对企业的负责。尤其针对于民宿订房系统来说,必须要有很好的安全性来保障整个系统。

系统具有对使用者有权限控制,针对角色的不通限制使用者的权限,以此来确保系统的安全性。

      1. 数据的安全性

数据库中的数据是从外界输入的,当数据的输入时,由于种种原因,输入的数据会无效,或者是脏数据。因此,怎样保证输入的数据符合规订 ,成为了数据库系统,尤其是多用户的关系数据库系统首要关注的问题。

因此,在写入数据库时,要保证数据完整性、正确性和一致性。

    1. 数据流程分析

对系统的数据流进行分析,系统的使用者分为二类,一般用户,管理员。系统主要对界面信息传送,登录信息的验证,注册信息的接收,用户各种操作的响应做处理。

系统顶层数据流图如下图所示。

图3-2 顶层数据流图

要判断用户是是什么身份,是根据登录的数据来判断后,跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作,数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。

系统底层数据流图如下图所示。

 图3-3 底层数据流图

系统可以分为前台和后台两部分,每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库,既分别对数据库做不同的操作。

  1. 系统设计
    1. 系统架构设计

本民宿订房系统的架构设计主要分为可以3层,主要有Web层,业务层,Model层。其中web层还包括View层和Controller层,Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

图4-1 系统架构

    1. 系统功能设计

登录模块:登录模块是进入系统的入口,所有用户必须登录后才能访问系统。登录需要输入用户名和密码,如果多次尝试登录需要输入验证码。登录时需要选择用户的角色,是一般用户还是管理员登录等。登录成功后,会通过数据库获取用户的权限,并跳转至用户的主页面。

民宿信息模块:可分为民宿信息浏览、民宿信息检索、民宿信息维护三个模块,管理员对民宿信息有维护的权限,发布新的民宿信息、更新已有的民宿信息等。

民宿房间管理模块:民宿房间管理分为客房添加、修改、在线预订。民宿信息由商家进行修改、添加、删除操作;民宿预定由普通用户来执行。管理员进行维护管理。

    1. 数据库设计
      1. 数据需求分析

从前面可以分析到数据库中最重要的是民宿信息,民宿房间,民宿预定、民宿退订、民宿周边。分析可以得到如下数据描述:

平台用户:用于记录用户的各种信息,包括用户名、密码、姓名、性别、地址、邮箱、联系方式等数据项。

管理员:记录管理员的登录信息。包括用户名,密码,权限等数据项。

民宿房间:存储各种民宿房间。包括类型、价格、订金、可入住人数、图片、是否空闲等数据项。

民宿预定。存储用户的民宿预定信息。包括民宿预定的民宿类型、价格、订金、预订天数、总价格、姓名、联系电话、入住日期、预订人、是否支付等数据项。

民宿数据:存储平台内的民宿数据内容。

      1. 数据库概念设计

根据前面的数据流程图,结合系统的功能模块设计,设计出符合系统的各信息实体。

系统ER图如下图所示。

图4-3 系统ER图

      1. 数据库表设计

民宿订房系统所拥有的数据表有以下:用户信息表,资讯信息表,民宿房间表,民宿预定表、民宿退订表、民宿周边表。

由于数据表较多,只展示系统主要数据表,如下表所示。

表名:minsutuiding

功能:民宿退订

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

dingdanbianhao

varchar

200

订单编号

minsumingcheng

varchar

200

民宿名称

fangjianleixing

varchar

200

房间类型

jiage

float

价格

yudingtianshu

int

预定天数

zongjia

float

总价

tuidingriqi

date

退订日期

tuidingyuanyin

longtext

4294967295

退订原因

zhanghao

varchar

200

账号

xingming

varchar

200

姓名

shouji

varchar

200

手机

shenfenzheng

varchar

200

身份证

sfsh

varchar

200

是否审核

待审核

shhf

longtext

4294967295

审核回复

ispay

varchar

200

是否支付

未支付

表名:minsufangjian

功能:民宿房间

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

minsumingcheng

varchar

200

民宿名称

fangjianleixing

varchar

200

房间类型

jiage

float

价格

fengmian

longtext

4294967295

封面

zhoubianhuanjing

longtext

4294967295

周边环境

fangjiansheshi

longtext

4294967295

房间设施

xiangxishuoming

longtext

4294967295

详细说明

fabushijian

date

发布时间

minsudizhi

varchar

200

民宿地址

thumbsupnum

int

0

crazilynum

int

0

clicktime

datetime

最近点击时间

clicknum

int

点击次数

0

表名:messages

功能:留言反馈

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

userid

bigint

留言人id

username

varchar

200

用户名

avatarurl

longtext

4294967295

头像

content

longtext

4294967295

留言内容

cpicture

longtext

4294967295

留言图片

reply

longtext

4294967295

回复内容

rpicture

longtext

4294967295

回复图片

表名:fangjianleixing

功能:房间类型

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

fangjianleixing

varchar

200

房间类型

表名:discussminsuzhoubian

功能:民宿周边评论表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

refid

bigint

关联表id

userid

bigint

用户id

avatarurl

longtext

4294967295

头像

nickname

varchar

200

用户名

content

longtext

4294967295

评论内容

reply

longtext

4294967295

回复内容

表名:discussminsufangjian

功能:民宿房间评论表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

refid

bigint

关联表id

userid

bigint

用户id

avatarurl

longtext

4294967295

头像

nickname

varchar

200

用户名

content

longtext

4294967295

评论内容

reply

longtext

4294967295

回复内容

表名:yonghu

功能:用户

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

zhanghao

varchar

200

账号

mima

varchar

200

密码

xingming

varchar

200

姓名

nianling

int

年龄

xingbie

varchar

200

性别

shouji

varchar

200

手机

shenfenzheng

varchar

200

身份证

touxiang

longtext

4294967295

头像

表名:systemintro

功能:关于我们

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

title

varchar

200

标题

subtitle

varchar

200

副标题

content

longtext

4294967295

内容

picture1

longtext

4294967295

图片1

picture2

longtext

4294967295

图片2

picture3

longtext

4294967295

图片3

表名:users

功能:用户表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

username

varchar

100

用户名

password

varchar

100

密码

role

varchar

100

角色

管理员

addtime

timestamp

新增时间

CURRENT_TIMESTAMP

表名:storeup

功能:收藏表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

userid

bigint

用户id

refid

bigint

商品id

tablename

varchar

200

表名

name

varchar

200

名称

picture

longtext

4294967295

图片

type

varchar

200

类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注)

1

inteltype

varchar

200

推荐类型

remark

varchar

200

备注

  1. 系统实现
    1. 数据库访问层的实现

该系统是通过jdbc和MySQL达成连接的,新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。

jdbc.driverClass=com.MySQL.jdbc.Driver

jdbc.url=jdbc:MySQL://localhost:3306/tsi

jdbc.username=root

jdbc.password=123

第一个参数代表MySQL数据库的驱动,第二个参数代表要连接的数据库,第三个和第四个参数代表数据库连接名和密码。

后台与数据库访问主要是通过HQL语句来进行查询的,查询语句中的表名是表格的实体类名,在这种查询语句中*是不允许使用的,除非适合聚合函数一起使用才可以。

    1. 注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败,注册页面的表单验证是通过Script进行验证的,用户名的长度必须在6到18之间,邮箱必须带有@符号,密码和密码确认必须相同,你输入的密码,系统会根据你输入密码的强度给出指定的值,电话号码和身份证号码必须要求输入格式与生活相符合,当你前台验证通过的时候你点击注册,表单会将你输入的值通过name值传递给后台并保存到数据库中。

用户注册流程图如下图所示。

图5-1用户注册流程图

用户注册界面如下图所示。

图5-2用户注册界面

    1. 登录模块的实现

主要由两部分组成,登录前的登录界面以及登录后的用户功能界面。登录界面,要求用户输入用户名和密码,当用户名和密码其中一个输入为空时,给出提示“用户名,密码不能为空”。获取用户名和密码后到数据库中查找,如果用户名存在,以及对应的密码正确,则登录成功,否则登录失败。登录失败后给出提示,并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块,主要有会员基本信息修改,已经发布商品信息管理,发布信息,和退出功能。退出功能是清除全局变量username的值,并跳回到首页。

登录流程图如下图所示。

图5-3登录流程图

用户登录界面如下图所示。

图5-4用户登录界面

    1. 个人中心修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配,在用户点击修改页面的时候,如果改后用户名与数据库里面重复了,页面会提示该用户名已经存在了,否则通过Id来查询用户,并将用户的信息修改为表单提交的数据。

个人中心修改界面如下图所示

图5-5个人中心修改界面

    1. 民宿信息管理模块的实现

如果民宿信息需要修改,管理员可以通过查询民宿信息的基本信息来查询民宿信息,查询民宿信息是通过ajax技术来进行查询的,需要传递民宿信息的标题、类型等参数然后在返回到该页面中,可以选中要修改或删除的那条信息,如果选中了超过一条数据,页面会挑一个窗口提醒只能选择一条数,如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候,后台会根据传过来的id到数据库查询,并将结果返回到修改页面中,可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中,就是说如果提交的数据数据库中存在就修改,否则就保存。

民宿信息展示界面如下图所示。

图5-6民宿信息展示界面

民宿信息管理界面如下图所示。

图5-7民宿信息管理界面

    1. 民宿房间模块的实现

用户可以查看民宿房间。具体包括客房名称、客房类型、客房状态、民宿地址等内容。

民宿房间流程图如下图所示。

图5-8民宿房间流程图

民宿房间列表界面如下所示。

图5-9民宿房间列表界面

    1. 民宿预定模块的实现

民宿预定功能整体流程:用户浏览民宿房间时,同时会显示客房的状态,系统会在其显示详细信息的页面时便会判断客房的状态,若客房状态为可预订,则会显示预订的链接按钮。在用户点击预订按钮时,会先通过拦截器判断用户是否登录,若未登录,会跳转至登录页面,提示用户先登录,若为登录用户就会跳转至填写预订信息的页面,填写好预订信息之后,点击提交按钮,预订成功之后返回提示信息,告知用户预订成功。

民宿预定流程图如下图所示。

图5-10民宿预定流程图

民宿预定界面如下图所示。

图5-11民宿预定界面

客房订单管理界面如下图所示。

图5-11客房订单管理界面

  1. 系统测试
    1. 测试目的

对任何系统而言,测试都是必不可少的环节,测试可以发现系统存在的很多问题,所有的软件上线之前,都应该进行充足的测试之后才能保证上线后不会Bug频发,或者是功能不满足需求等问题的发生。下面分别从单元测试,功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。

    1. 功能测试

下表是民宿房间管理功能的测试用例,检测了民宿房间管理中对民宿房间信息的增加,删除,修改,查询操作是否成功运行。观察系统的响应情况,得出该功能也达到了设计目标,系统运行正确。

前置条件;用户登录系统。

表6-1 民宿房间管理的测试用例

功能描述

用于民宿房间管理

测试目的

检测民宿房间管理时的各种操作的运行情况

测试数据以及操作

预期结果

实际结果

点击添加民宿房间,必填项合法输入,点击保存

提示添加成功

与预期结果一致

点击添加民宿房间,必填项输入不合法,点击保存

提示必填项不能为空

与预期结果一致

点击修改民宿房间,必填项修改为空,点击保存

提示必填项不能为空

与预期结果一致

点击修改民宿房间,必填项输入不合法,点击保存

提示必填项不能为空

与预期结果一致

点击删除民宿房间,选择民宿房间删除

提示删除成功

与预期结果一致

点击搜索民宿房间,输入存在的民宿房间名

查找出民宿房间

与预期结果一致

点击搜索民宿房间,输入不存在的民宿房间名

不显示民宿房间

与预期结果一致

下表是民宿预定管理功能的测试用例,检测了民宿预定管理中民宿预定的操作是否成功运行。观察系统的响应情况,得出该功能也达到了设计目标,系统运行正确。

前置条件;用户登录系统。

表6-2 民宿预定管理的测试用例

功能描述

用于民宿预定管理

测试目的

检测民宿预定管理时各种操作的情况

测试数据以及操作

预期结果

实际结果

未选择客房,点击提交

提示请选择客房

与预期结果一致

未输入数量,点击提交

提示请输入数量

与预期结果一致

未输入时间,点击提交

提示请输入时间

与预期结果一致

    1. 性能测试

使用阿里云PTS(Performance Testing Service)性能测试服务对线上系统进行压力测试。线上服务器环境为:1核心CPU,1G内存,1Mbps公网带宽,Centos7.0操作系统。

压测过程中使用了2台并发机器,每台机器20个用户并发,对系统主页,登录,数据查询和数据维护等模块进行并发访问,测试结果是有40个用户并发时,数据管理相关页面的响应时间甚至达到了7s,通过查看服务器出网流量发现已经达到1381kb/s,可以看出服务器的带宽已经达到峰值,如果系统使用5Mbps的带宽,系统的响应时间和TPS将会大大增加。在整个测试的过程中,CPU的使用率占用仅8%,也提现出带宽瓶颈对系统的影响非常严重。

  1. 总结与展望

随着计算机互联网技术的迅猛发展,各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是民宿民宿房间管理与在线预订为核心展开的。本研究针对民宿订房系统的需求建模,数据建模及过程建模分析设计并实现平台研究的过程。给出系统应用架构并分析优劣势,通过功能分解图,系统组件图描述功能需求。设计建立了数据库,给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系,给出各个类的定义方法。通过描述每一个类的字段,属性及方法实现系统的前后端代码。最终给出系统集成整合方法,完成民宿订房系统的设计与实现。系统投入运行时,各功能均运行正常。系统的每个界面的操作符合常规逻辑,对使用者来说操作简单,界面友好。整个系统的各个功能设计合理,体现了人性化。

但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固,再加上自身开发经验欠缺,因此系统在有些方面的功能还不够完善,考虑的不够全面,因此整个系统还有待日后逐步完善。

参考文献

[1]陈长松. 个性化推荐民宿在线预定平台的设计与实现[D].南昌大学,2021.

[2]吴有进.泛三亚旅游圈民宿营销体系建设研究[J].商业文化,2021(11):16-17.

[3]刘奕.5G网络技术对提升4G网络性能的研究[J].数码世界,2020(04):24.

[4]唐玮,简雪.探析酒店业对民宿业发展的影响[J].现代经济信息,2020(13):356-357.

[5]王立娟.基于智能门锁的民宿管理平台的研发方案[J].电子测试,2020(11):96-97+78.

[6]潘玥. 传承与特色[D].南京林业大学,2020.

[7]扈玉洁. “时养山居”民宿项目营销策略研究[D].山东大学,2020.

[8]闵思梦.共享经济背景下民宿旅游市场发展对策[J].边疆经济与文化,2020(05):26-27.

[9]易佳兴,杨丽,吴青,符小青.靖港古镇民宿开发运营策略分析[J].旅游纵览(下半月),2020(06):127-128.

[10]张鑫. 基于智能推荐的自动售卖系统设计[D].天津工业大学,2020.

[11]厦门市集美区人民政府关于落实厦门市民宿管理暂行办法的实施意见[J].厦门市人民政府公报,2020(03):32-34.

[12]侯玉霞,王美钰.南岭走廊民族村寨民宿开发研究——以湖南省勾蓝瑶寨为例[J].民族论坛,2019(03):88-94.

[13]张妍. 基于Android的民宿租赁管理系统的设计与实现[D].大连海事大学,2019.

[14]薛驰宇.探究共享经济下互联网+民宿的现状与对策[J].智库时代,2019(30):294+296.

[15]沈欣黎.民宿产业市场现状分析与发展构思——基于关联因素与未来模式的探讨[J].商场现代化,2018(13):177-178.2018.13.103.

[16]周剑.“互联网+”下温州民宿竞争力提升策略研究[J].商场现代化,2018(10):89-91.

[17]陈晓倩. 基于养生养老旅游与民宿资源对接的新媒体应用创新研究[D].浙江传媒学院,2018.

[18]陈舜. “享客网”在线客栈服务平台的管理创新与启示研究[D].西南财经大学,2018.

[19]李琳. 民宿房屋预定系统的设计与实现[D].吉林大学,2018.

[20]程静.一种基于云服务的酒店管理系统的设计[J].甘肃科技纵横,2018,45(07):22-24.

[21] Hu Yujie Research on marketing strategy of "shiyangshanju" home stay project [D] Shandong University, 2020

 [22]Min Simeng Development Countermeasures of home stay tourism market under the background of sharing economy [J] Frontier economy and culture, 2020 (05): 26-27

 [23]Zhang Xin Design of automatic selling system based on Intelligent Recommendation [D] Tianjin University of technology, 2020

 [24]Hou Yuxia, Wang Meiyu Study on the development of home stay in ethnic villages in Nanling corridor -- Taking GouLan Yao village in Hunan Province as an example [J] National Forum, 2019 (03): 88-94

 [25]Xue Chiyu Explore the status quo and Countermeasures of Internet plus residential areas under the shared economy [J]. Think tank era, 2019 (30): 294 + 296

致谢

本次设计历时3个月。在这个毕业设计中,它离不开指导教师的指导,使事情基本顺利。指导老师无论是在毕业设计历经中,还是在论文做完中都给了了我特别大的助益。另1个方面,教师认真负责的工作姿态,谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中,我的技能得到了特别大的提高。在此,特向教师表示由衷的感激。

经过对该毕业设计的全部研究和开发,我的系统研发经历了从需求分析到实现详细功能,再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多,这是这次毕业设计最好的收获。

最后,在整个系统开发过程中,我周围的同学和朋友给了我很多意见,所以我很快就确认了系统的商业思想。在次,我由衷的向他们表示感激。

点赞+收藏+关注  →私信领取本源代码、数据库

关注博主下篇更精彩
一键三连!!!
一键三连!!!
一键三连!!!
感谢一键三连!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值