基VueNode酒店理系统设计实现
基VueNode酒店理系统设计实现
摘
旅游业繁荣区济程度着现社会高速发展更时间力前世界旅游者出差办公时候高效成熟酒店理系统快速帮助旅客完成开住退预约房等式操作仅节约酒店方便工操作成时减少旅客户期间等时间提升户体验
酒店理系统Vue框架写视图层组件库element端采expressNode框架较传统模式设计代码框架更加具层次易懂账号理住房信息理采NoSql进行存储够注册户信息房间信息进行相应存储测试酒店理系统户注册登录已开退预约房间功已实现户信息修改收支信息成功完成收支统计已完成快速处理户订单信息提升户体验工作效率
关键词：VueNodeNoSqlexpresselement
Design and Implementation of Hotel management system basen of VueNode
Abstract
With the rapid development of tourism industry and the economy of all regions people have more time and ability to travel or work around the world At this time an efficient and mature hotel management system can quickly help passengers to complete various operations such as opening checking out and booking rooms not only saving the hotel＇s convenient manual operation costs but also reducing the number of passenger users in this period Waiting time to improve the user experience
The hotel management system uses the Vue framework to write and view layers the component library uses element and the back end uses the express node framework which is more hierarchical and understandable than the traditional pattern design code framework The account management and housing information management use NoSQL for storage which can store the personal information and room information of registered usersAfter testing the registration and login of different users of the hotel management system have been realized the function of opening and returning reservation room has been realized the information of individual users has been modified and the revenue and expenditure information has been successfully completed which can quickly process the user＇s order information improve the user experience and work efficiency
Keywords Vue Node NoSql element express
目录
1 前言 1
11 系统开发背景意义 1
12 系统功概述目标求 2
2 需求分析 4
21 功性需求分析 4
211 线登录注册页面 4
212 界面 5
22 系统行性分析 6
3 系统概设计 7
31 系统整体模块图 7
32 功模块机构图 7
33 技术选型 9
331 系统开发环境 9
34 开发流程 10
35 存储结构说明 10
351 数库环境说明 10
352 数字典 10
4 系统详细设计实现 12
41 户账号注册登录 12
411 工作员游客注册 12
412 户登录 14
413 户登出 15
414 忘记密码 15
42 界面 17
421 首页 17
422 开房信息 17
423退房操作 21
424 收支信息 21
425 预约信息 22
43 信息 23
44 权限浏览 23
5 系统测试 25
51 测试环境 25
511 测试目 25
52 测试需求 26
53 测试例 26
54测试总结 30
6 总结 32
参考文献 33
谢 辞 34
附 录 35
1 前言
现力开展旅游产业发展现断力推广旅游产业发展项目时旅游产业众素实包括：食住行游购娱体会养媒组配等相辅相成产业中住旅游业中基求旅游业中重项环节
酒店理系统作种提高酒店理效率台具优势提高效率提高收益加强理等类优点运营酒店时候拥酒店理系统十分必相较目前旅游区酒店客房数目较少部分然采取非理系统记录方式效率明显更低信息没更完善保护款型酒店理系统十分必
云南等旅游时住酒店里面许酒店缘印象中客房数量没超20样子时登记名字房间采纸记方式验证身份时候采电子设备登记住房时候花费半时时间然旅游意时间推出型理系统方便店旅客交互体验
11 系统开发背景意义
济断发展生活水提高衣食住行方面相较前讲着更高求国加入世贸组织服务业水准水涨船高提升酒店服务业水方面种改变酒店信息化提高酒店水非常重办公效率旅客户体验营者效理缺项相应服务水提高户占率回头率会提高效控制成套相完善理信息系统现讲十分必
目前然部分型酒店然采传统工记账方式传统工需部分员工记账营旺季时候容易生成量数容易环节出错系统克服缺点制作够方便工作员检索房间查找方便存储量性高成低等优点
酒店理系统相较传统工记账方式讲着显著提升符合现酒店理方式现酒店发展减少成提升质量必然结果中部分旅客申请开房服务时工作员系统界面专门界面输入户信息需旅客提供正确信息短时间完成信息输入部分户信息工作员信息数存放服务器数库中保存效保护信息安全简洁易懂界面减少工作员反复操作减少耗时效减少工成方法
12 系统功概述目标求
酒店理系统户理着两方面
程理员户登录系统查相关房间数完成普通工作员具备开房间退房间功修改信息相关信息例修改户名修改密码邮箱房间总览面理员进行新增新房间操作修改目前相应房间信息方便推出新房间
普通工作员相较理员方面普通员相修改房间信息进行开退房种操作户首页前页面发出公告信息栏进行账户名称修改操作界面方便剩余少房间
酒店理系统次设计相应目标需完成满足方面问题实现项目结果
1效率注册工作员等户快速注册账号时短重复昵称会报重复
2交互快捷开房退房操作界面中简洁直观需交互钮键效减少
3稳定性户数房间数存放服务端中更保护户信息容易丢失数
4准确性电脑操作相传统工记账效减少工造成事
5安全性电脑存储游客信息仅效减少纸张浪费电子记录较纸质保护隐私
6远程操作：提供预约系统户页面中观少剩余房间应剩余相应房间进行预约操作
2 需求分析
21 功性需求分析
211 线登录注册页面
户注册登录页面模块相关户注册登录功户通相应页面完成登录者注册操作户信息存放相应MongoDB官网数库中进行保存提取户申请访问会数库提取信息识确认登录完成确认完户信息进入系统中相关页面Vue框架Es6语法进行设计
2111 注册页面
户通登录界面进入注册页面中该注册页面尚未注册户进行提供户账号信息户需填写相应信息：户名密码邮箱相应身份填写完相应信息页面接受信息会传服务器端数库中然户进行相应访问
2112登录页面
登录界面含相应模块钮登录钮注册钮找回密码钮
1登录钮：户需页面账号栏密码栏输入相应户信息输入前已注册户id名字应密码然数通互联网传送数库服务器中识进行返回格式数成功登录系统界面否会登录失败提示字样
2注册钮：户点击注册钮跳转相关户注册界面进行注册
3找回密码钮：部分户许会遗失者遗忘密码法登陆户系统中提供相应户密码找回功户仅需找回密码页面中输入前注册时账号id邮箱进行确认误系统会发送原密码予找回密码
212 界面
界面模块分三部分头部组件侧边组件中间组件
（1）头部组件
头部组件功展示界面顶部栏展示网站logo网站名字户id菜单栏
（2）侧边组件
侧边组件功显示网站功侧边四菜单组成首页钮开退房记录钮预约菜单信息理中开退房记录钮分开房记录退房记录信息理含信息分支
（3）中间组件
中间组件功显示酒店理系统总体概况两公告栏显示前酒店种优惠活动员工公告系统底部简易观察前观少剩余房间组件
2121头部组件
头部组件显示界面头部四部分组成网站Logo网站名称登录账户id名称账号操作账号操作选择跳转信息注销户操作
信息直接跳转信息列表注销户操作退出户然跳转户登录界面中删前登录令牌
2122 侧边组件
侧边组件显示界面侧边栏四级栏组成分首页开退房记录预约服务信息理
（1）首页
显示网站页面页面中间两公告栏显示剩余房间提示栏组成
（2）开退房记录
开房登记退房服务两二级钮组成开房登记通操作员点击钮观察遍历房间信息数表尚未开房间信息选择相应房间然游客填写相应信息登记住房时间然房间移需退房二级钮项里面果列表中找关房间通检索关键信息显示特定房间果相关理员操作添加新房间退房服务根前游客登记住房信息系统会动计算游客居住日期然确认应收少金额住房费然退房数表中信息重新房间重置未开房状态删前住房游客信息
（3）信息理
里面含信息栏显示信息果想修改账号信息话点击修改信息钮进行修改更改信息会通回传数库然数表信息更改收支信息方便理员快速解天天收入情况做成图表式更加通俗易懂增加数字读性
2123 中心组件
中间组件显示首页总体信息中间总体两公告栏组成中通elementtable表格实现通走马灯click触发组成展示网站总体框架页面正方设置table显示剩空余房间数目
22 系统行性分析
系统前端Vue框架端Node+express框架采取完成前分离进行开发开发工具Vscode测试工具Postman前端前端分层模型层视图层视图模型层更方便开发相关网页开发官网查找开发文档具体项目难度完成高项目开发难度相关开发项目软件免费开源软件型酒店讲开发成维护费需求量较低符合系统体型系统帮助相应减少关工费支出提升效率实现盈利创收
3 系统概设计
31 系统整体模块图
系统整体框架通账号登录进入界面进行系列操作具体框架图图示：
图31 系统整体模块图
32 功模块机构图
注册功户注册身份进入系统相应功权限注册分两种身份工作员游客
图321 注册系统结构框图
户身份登录系统功区分分游客登录端工作员登录端
游客登录端结构框图图示：
图322 游客登录端结构框图
工作员端结构框图图示：
图323 户角色功模块结构框图
33 技术选型
331 系统开发环境
次系统开发Windows 7系统安装Vue 431node 12161vscode作开发工具Postman作数库测试工具npm作前端包理工具
前端通网页浏览器形式显现选择Vue框架部分浏览器兼容element组件库时基htmljqueryes6等技术完成前端网页页面设计
台MongoDB Atlas服务器端Mongodb进行数存储开发工具vscode编写http接口访问服务器端数库户通服务器接口实现前端间数交互
34 开发流程
户酒店理系统时通浏览器方式进入系统登录界面通访问服务器8080端口进入登录界面中户通填写已注册账号进入系统页中存户时进行系统操作进行前端调进行服务器请求然服务器进行请求然重定终返回前端页面中
35 存储结构说明
351 数库环境说明
数库系统：Nosql Mongodb 425
352 数字典
相关数表名含义表示：
表351 数库汇总术语表
缩写表名
解释
UserSchema
账号户信息
BriefsSchema
房间信息
TouristSchema
游客住房信息
LogSchema
公告栏信息
AppointSchema
预约栏信息
注册登录信息表含义表示：
表352 注册登录信息表
表名
注册登录信息表 UserSchema
列名
数类型
否空
中文描述
备注
Name
String
注册登录户名
password
String
账号登录密码
email
String
账号电子邮箱
identity
String
账号身份
date
Date
否
账号日期
住房房间信息表含义表示：
表353 住房房间信息表
表名
住房房间信息表 BriefsSchema
字段名
数类型
否空
中文描述
备注
id
String
否
房间登记id
roomid
String
房间编号
type
String
房间类型
price
Number
房间价格
state
Number
房间状态
date
Date
否
登录日期
游客信息表含义表示：
表354 游客信息表
表名
游客信息表 TouristSchema
字段名
数类型
否空
中文描述
备注
tname
String
游客姓名
tnumber
String
游客电话号码
tidentity
String
游客身份证号
tsex
String
游客性
店铺信息表含义表示：
表355 公告信息表
表名
公告栏信息表 LogSchema
字段名
数类型
否空
中文描述
备注
title
String
公告标题
content
String
公告容
预约栏信息表含义表示：
表356 预约栏信息表
表名
预约栏信息表 AppointSchema
字段名
数类型
否空
中文描述
备注
anumber
String
预约者电话号码
aidentity
String
预约者身份证号
aname
String
预约者姓名
date
Date
日期
4 系统详细设计实现
41 户账号注册登录
户第次系统时候首先需系统注册户账号够正常系统系统设置户权限会操作效果接会登录操作者展示登录效果
411 工作员游客注册
工作员注册提供酒店工作员账号工作员相关账号进行系统相应操作
首先工作员账号注册登录系统登录界面中时登录表单中见右角注册钮然点击钮然网页跳转注册页面中账号注册栏表单形式注册element框架相关工作员进入注册页面中需填写相应账户信息例：户名邮箱密码身份信息现工作员注册账号身份调整工作员输入信息页面会前输入户信息进行验证注册定规判断相关规逻辑：
（1） 户名空判断户名长度否2~30字符账号判断户数库中没相户名否报已相户名错误
（2） 密码空判断户密码长度否6~30字符密码
（3） 邮箱空设置行类型email类型确保正确邮箱格式
（4） 确认密码空输入确认密码会前输入密码较果相正确输出报错否提醒户两次密码相
果判断没出现错误工作员点击表单中右角确认注册页面会表单数传输中服务器中数库中确认完注册页面重新跳转登录界面中工作员前注册户名密码进行登录操作
样游客注册理仅需选择身份修改成游客行
图411 注册页面
412 户登录
户注册完成者已拥账号时户通登录界面输入相应账号户名密码台确认正确账号信息进入系统界面中
登录页面然采表单形式输入框中账号id密码失焦点会进行判断判断：
（1） 账号求注册求样判断户id长度否2~30位
（2） 密码注册求相判断密码长度否6~30位
果符合求会弹出红框提醒户填写完表单信息页面便会表单数提交调台接口台接收表单信息数库信息进行较相户便成功登录否失败
户成功登录时服务器端会户token时长设置十时界面种操作通该token进行访问果该token期台会检测相应信息通路守卫户强制返回登录页面需户重新登录获取新token[] Vuejs实战 207208
图412 户登录页面
413 户登出
相关户操作完相关操作想登出户账号界面右角点击拉列表中户注销点击注销钮户会动返回登录界面中前登录信息token会清想获新token需重新登录新账户信息
图413 户登出钮
414 忘记密码
系统考虑相关员忘记密码账号问题果遗失账号仅重新开新户添加麻烦频繁开新户会服务器端造成负担影响设置户找回密码功登录界面中选择忘记密码钮然进入找回密码界面
进入找回密码界面户需输入前注册程中户idemail果户成功表单中输入正确idemail数库中应信息相匹配然会跳转修改密码页面修改密码判定前注册判定相户需输入附判定密码成功修改密码修改完密码表单数重新传回数库中更改相应数极少时间等动跳转登录界面户直接新密码登录系统
图414 户找回密码界面
图415 户更新密码返回首页界面
42 界面
界面分三部分组成头部栏侧边栏体容区域防止体容区域代码混乱三部分分三文件写写完import进行引入代码读性提升
421 首页
展示系统总体概貌展示系统功界面容里面公告栏走马灯快速浏览公告信息提醒户界面方快速观察现少剩余房间剩减少工作员键操作减少工作繁琐性
公告采定义Table属性图片浏览展示带click指示器触发走马灯剩余房间数引入房间信息库未开房间id数目统计显示页面中 Vuejs实战 267276
422 开房信息
户想查房间信息时点击侧边栏开退房记录二级拉框开房信息进行查房间查elementtable属性房间数目分页功房间具体信息首先调台RoomDialog接口房间数库中信息然遍历房间信息成功边房间数显示准备table表格属性里
图422 房间信息列表
4221 添加房间
工作员登录系统房间相关信息进行操作果酒店范围扩需添加新房间信息工作员便该钮进行添加房间操作点击添加房间钮网页便会弹出填写框填写房间相关数防止员工填写出现差错填写完相应判断：
（1）房间号空现已相房间号重复否法添加
（2）房间类型价格空房间类型仅限单房房总统房三种类型否法添加
工作员填写完相应房间数点击提交钮页面便会前表单数容传送数库中房间数表中进行存储存储完毕前房间信息中找新房间记录
图4221 添加房间信息
4222 开房信息
游客想预订房间工作员便点击开房钮进行开房操作工作员登录相应token权限进行操作开房操作需游客填写相应信息名字性身份证号电话号码信息确认入住时间数表存放房间信息state（状态）里面房间没入住时状态表示0’状态入住便转换1’转态填写相应信息数会进行判断判断部分：
（1）身份证号必须17位数字否系统提示符合正确格式身份证号
（2）电话号码必须11位数字否系统会提示符合正确格式
填写正确表单便获数存放应房间状态数表中
图4222 开房操作表单
4223精准查询
户精准查询钮房间价格房间类型精确找出想房间类型户点击左角精确查询钮选择想查询房间范围选择范围数库会根选择房间价格(roomprice)房间类型(roomtype)进行较然选出符合项目显示页面表单中
图4223 精准查询操作
423退房操作
游客需进行退房登记时候工作员选择游客应房间进行退房操作工作员点击退房钮时系统会弹出表框动计算游客开始入住现日期然根时间动计算需交纳费游客退房手续时报次前登记房间时身份证号电话号码防发生错误
表单中输入身份证号电话号码台数表进行较相返回户交纳完费删房间相关游客信息房间重置未开房状态房间收入时记录总支出收入表里面
数意填写涉真实名数
图423 退房操作
424 收支信息
工作理员通进入收支信息栏里面观察段时间酒店收支情况文字收支情况数繁复冗杂系统Echart图表库视化形象查收支信息简单
导入Echarts组件定义折线图表样式绑定option收入状况选取游客退房时付费金额观察酒店收入情况
图424 收支图表
425 预约信息
访游客想提前预约入住酒店系统功游客登录系统中点击预约钮页面便会调服务器房间（Room)接口遍历完整目前尚处未开房状态房间然展示出游客游客选择心仪房间预约房间需提供前游客电话号码部分押金便完成预约完成预约表单数会传入数库中时房间状态会变更开房状态台预约游客信息暂存房间state数表中
图425 预约房间
43 信息
户信息理项目中找信息钮里面包含户注册时候信息户独id码户信息表修改信息信息栏中调UserSchema户数库户名调相应接口户信息输入页面中户界面修改信息等操作
图43 信息
44 权限浏览
户开始注册时户会选择相应身份进行注册果注册时候选择游客身份进行注册话部分页面机会受相应限制例开房信息中游客户够观察房间未开房状态进行房间操作添加房间操作
原注册时identity身份栏两种身份值分代表01重钮选项前会进行次判定果登录户工作员身份该钮会显示前端页面户法进行操作达权限浏览功实现
图44 权限浏览
5 系统测试
系统目前检测浏览器适配程度否存兼容性问题容输入否符合求规范页面运行否差错系统否符合预期标准
51 测试环境
系统环境包括服务器测试环境客户端测试环境详细表示
表51 服务器测试环境
服务器
硬件
MongoDB服务器500M
网络环境
太网1MBps
表52 客户端测试环境
客户端
硬件
存：8G硬盘：1TCPU：i56500
软件
操作系统：Win7（64bit）浏览器：360chrome
网络环境
太网100MBps
511 测试目
果款软件系统运行起话测试软件起步开始环测试开始会发现软件缺陷足防止缺陷造成重果时测试非常必次测试测试软件相应功否预期相符繁琐操作否会软件陷入bug
52 测试需求
编号
需求简述
优先级
备注
01
注册相关户
高
1相关判定否生效
02
登录酒店系统
高
1 检验户名长度
2 检验密码长度
03
找回密码
高
1否成功更改密码
04
添加房间
高
1检验房间序号否重复
05
精确检索
高
1否够正确检索房间信息
06
开房间操作
高
1否正确记入游客信息
07
退房间操作
高
08
预约操作
高
1游客否正常预约房间
09
修改信息
中
1否正确修改信息
53 测试例
表53 户注册测试例
测试例编号
页面
操作
预期效果
实际效果
001
登录首页
点击注册钮
进入注册页面
预期结果致
注册页面
输入正确格式账号id密码email身份然点击注册钮
系统提示成功注册重新跳转回登录页面
预期结果致
表54 户登录测试例
测试例编号
页面
操作
预期效果
实际效果
002
登录首页
输入正确格式账号id密码
进入界面
预期结果致
界面
点击界面右角进行注销操作
跳转回登录页面清楚token
预期结果致
表55 户忘记密码测试例
测试例编号
页面
操作
预期效果
实际效果
003
登录首页
点击忘记密码钮
进入忘记密码界面
预期结果致
忘记密码界面
输入前注册账号idemail
正确识账号idemail进入修改密码页面
预期结果致
修改密码界面
输入正确格式新密码
成功输入密码重新返回登录首页
预期结果致
登录首页
输入新密码账号id
成功进入首页
预期结果致
表56 开房间信息测试例
测试例编号
页面
操作
预期效果
实际效果
004
界面
点击开退房记录开房记录钮
成功进入开房记录页面
预期结果致
开房信息页面
输入正确格式游客信息姓名性身份证号电话号码
正确识游客信息记录游客居住时间
预期结果致
开房信息页面
观察开完房间信息
房间变成已开房状态
预期结果致
表58 添加房间信息测试例
测试例编号
页面
操作
预期效果
实际效果
005
开房信息页面
点击添加房间钮
进入添加房间表单
预期结果致
添加房间表单
输入正确房间房间号房间类型房间价格
成功添加房间返回开房信息页面
预期结果致
开房信息页面
观察房间否正确添加
房间正确添加数库中
预期结果致
表58 精确检索房间信息测试例
测试例编号
页面
操作
预期效果
实际效果
006
开房信息页面
点击精确检索钮
进入精确检索表单
预期结果致
精确检索表单
输入符合规房间信息
符合规房间显示出符合规房间暂时隐藏
预期结果致
开房信息页面
观察表格信息否符合精确检索求
正确展示出检索范围求
预期结果致
表58 退房间测试例
测试例编号
页面
操作
预期效果
实际效果
007
退房信息页面
点击退房钮
进入退房表单
预期结果致
退房表单
输入前游客说身份证号电话号码系统动计算金额
成功输入户账号显示出正确退房金额
预期结果致
退房信息页面
观察房间否正确退房状态重新重置未开房状态
房间重新重置未开房状态
预期结果致
表59 预约房间测试例
测试例编号
页面
操作
预期效果
实际效果
008
界面
点击预约房间信息钮
进入预约房间页面
预期结果致
预约房间页面
点击预约房间钮
成功进入预约房间表单
预期结果致
预约房间表单
游客输入正确信息交纳部分押金
成功输入正确信息房间收游客信息
预期结果致
预约房间页面
观察房间状态
房间未开房状态变更开房状态
预期结果致
表510 修改信息测试例
测试例编号
页面
操作
预期效果
实际效果
009
界面
点击信息钮
进入信息页面
预期结果致
信息页面
点击修改信息钮
成功进入修改信息表单
预期结果致
修改信息表单
输入新符合规户名者密码
成功输入正确信息返回信息页面中
预期结果致
信息页面
观察页面状态
信息成功更改
预期结果致
表511 收支测试例
测试例编号
页面
操作
预期效果
实际效果
010
界面
点击收支查钮
进入收支查页面
预期结果致
收支查页面
点击图表栏
观察图表栏否正常显示收支
预期结果致
收支查页面
点击文字收支状态栏
否正确房间收入记入进
预期结果致
54测试总结
系统功测试目前关键点稳定运行前面需求分析中检测点正常正确执行程序绝数异常情况进行处理例：部分台接口错误界面ui错位问题表单数正常传输数等等时部分进行优化处理ui部分部分调整
目前系统功够正常运行组件够准确实现前功会系统部分功进行优化提升增加系统美观性功性
6 总结
次酒店理系统开发Vue前端框架基Nodeexpress端框架前端分离开发模式网络查找关酒店理流程模式深入分析系统需什功结合分析研究开发出套酒店理系统
系统权限户拥页面功分清相关完善注册系统户登录页面进行流畅进行操作游客选择预约房间提前预订房间工作员现帮游客完成开房服务功清晰分明
次开发中前端HtmlCssJavaScript部分Es6语言Vue框架ui组件针网页element组件该组件良适配浏览器更方便进行网页布局需css写盒子开发更便利端采Node框架服务器MongoDB AtlasNosql数库类型存储超规模数类型数存储需固定模式进行良横扩展
次开发采前端分离方式开发前端通API接口进行通讯简化前端开发时开发时间
次课题然着足处果酒店数量变前网页加载速度会变慢影响效率然语法认识足开发程中部分时间官网开发文档继续努力中网络收集资料种书籍资料方面着更深刻理解时理解完整项目需考虑方面更周全
酒店系统重安全性问题目前网站讲安全性重游客信息部分保存系统安全性问题接进行步改进方
参考文献
[1]Nicholas CZakasJavaScrip高级程序设计(第3版)[M]民邮电出版社201203：575577
[2]梁灏 Vuejs实战[M]清华学出版社2017102072133236
[3]Jeremy Keith Jeffrey Sambells JavaScript DOM编程艺术[M]民邮电出版社201104：196198
[4]element插件组件文档：httpselementelemecn#zhCNcomponentdatepicker
[5]尤雨溪 vue框架开发文档：httpscnvuejsorgv2guidecomponentscustomeventshtml
[6]node开发文档：
httpsnodejsorgdocslatestv13xapihttphtml#http_agent_createconnection_options_callback
[7] 郭家宝 Nodejs开发指南[M]邮电出版社2012
[8] 阮峰ES6标准入门[M]电子工业出版社20172730115116
[9] 橡胶米东 Vue实现跨域请求 201809 httpsblogcsdnnetqq_42492055articledetails82593692
[10]Eric AMeyer CSS权威指南（第三版）[M]中国电力出版社200710127134
[11]朴灵 深入浅出Nodejs [M]民邮电出版社 201312
谢 辞
学四年生活意手指间飞逝刚入学懵懂青年现独立面挑战困难然学生活已快结束着许回忆方宿友帮忙老师教导学互助现然记忆脑海里老师帮助刚入学未迷茫发现明确前进方努力学相关知识终完成毕业设计
选完课题基开始着手准备完成相关毕业设计月设计中断优化方案遇难题购买相关书籍查询查找相关资料克服毕设程中遇种种困难加深相关知识理解
里感谢指导老师郭素梅老师开始课题题目选择点迷茫时候予建议帮助文完成予辅导帮助时相关非常值参考意义中收获良时朋友完成毕业设计途中莫鼓励帮助初开始写文手天停督促文进度巨帮助收获回忆法忘记
次感谢完成份毕业设计帮助家朋友学导师段时间没帮助鼓励法利完成份设计着支持学四年财富
附 录
台代码：
表71 户数库
表72 房间信息数库
表73 公告栏数库
表74 游客信息数库
表75 户注册判断 ES6标准入门 箭头函数115118
表75 户登录判断加密
表76 添加房间
表77 公告栏台添加
表78 设置登录token
表79 台接口
前端代码：
表80 页面跳转路守卫
表81 跨域配置 Vuejs实战 288290
表82退房动计算房价代码
表83 echart图表折线图
表84 退房计算价钱代码
表85 登录界面前端代码
表86 注册界面前端代码
表87 登记住房界面前端代码
表88 入住查询房间界面前端代码
表89 界面头部前端代码
表810 界面侧边栏前端代码
表811 登录token期拦截代码
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
基VueNode酒店理系统设计实现
基VueNode酒店理系统设计实现
摘
旅游业繁荣区济程度着现社会高速发展更时间力前世界旅游者出差办公时候高效成熟酒店理系统快速帮助旅客完成开住退预约房等式操作仅节约酒店方便工操作成时减少旅客户期间等时间提升户体验
酒店理系统Vue框架写视图层组件库element端采expressNode框架较传统模式设计代码框架更加具层次易懂账号理住房信息理采NoSql进行存储够注册户信息房间信息进行相应存储测试酒店理系统户注册登录已开退预约房间功已实现户信息修改收支信息成功完成收支统计已完成快速处理户订单信息提升户体验工作效率
关键词：VueNodeNoSqlexpresselement
Design and Implementation of Hotel management system basen of VueNode
Abstract
With the rapid development of tourism industry and the economy of all regions people have more time and ability to travel or work around the world At this time an efficient and mature hotel management system can quickly help passengers to complete various operations such as opening checking out and booking rooms not only saving the hotel＇s convenient manual operation costs but also reducing the number of passenger users in this period Waiting time to improve the user experience
The hotel management system uses the Vue framework to write and view layers the component library uses element and the back end uses the express node framework which is more hierarchical and understandable than the traditional pattern design code framework The account management and housing information management use NoSQL for storage which can store the personal information and room information of registered usersAfter testing the registration and login of different users of the hotel management system have been realized the function of opening and returning reservation room has been realized the information of individual users has been modified and the revenue and expenditure information has been successfully completed which can quickly process the user＇s order information improve the user experience and work efficiency
Keywords Vue Node NoSql element express
目录
1 前言 1
11 系统开发背景意义 1
12 系统功概述目标求 2
2 需求分析 4
21 功性需求分析 4
211 线登录注册页面 4
212 界面 5
22 系统行性分析 6
3 系统概设计 7
31 系统整体模块图 7
32 功模块机构图 7
33 技术选型 9
331 系统开发环境 9
34 开发流程 10
35 存储结构说明 10
351 数库环境说明 10
352 数字典 10
4 系统详细设计实现 12
41 户账号注册登录 12
411 工作员游客注册 12
412 户登录 14
413 户登出 15
414 忘记密码 15
42 界面 17
421 首页 17
422 开房信息 17
423退房操作 21
424 收支信息 21
425 预约信息 22
43 信息 23
44 权限浏览 23
5 系统测试 25
51 测试环境 25
511 测试目 25
52 测试需求 26
53 测试例 26
54测试总结 30
6 总结 32
参考文献 33
谢 辞 34
附 录 35
1 前言
现力开展旅游产业发展现断力推广旅游产业发展项目时旅游产业众素实包括：食住行游购娱体会养媒组配等相辅相成产业中住旅游业中基求旅游业中重项环节
酒店理系统作种提高酒店理效率台具优势提高效率提高收益加强理等类优点运营酒店时候拥酒店理系统十分必相较目前旅游区酒店客房数目较少部分然采取非理系统记录方式效率明显更低信息没更完善保护款型酒店理系统十分必
云南等旅游时住酒店里面许酒店缘印象中客房数量没超20样子时登记名字房间采纸记方式验证身份时候采电子设备登记住房时候花费半时时间然旅游意时间推出型理系统方便店旅客交互体验
11 系统开发背景意义
济断发展生活水提高衣食住行方面相较前讲着更高求国加入世贸组织服务业水准水涨船高提升酒店服务业水方面种改变酒店信息化提高酒店水非常重办公效率旅客户体验营者效理缺项相应服务水提高户占率回头率会提高效控制成套相完善理信息系统现讲十分必
目前然部分型酒店然采传统工记账方式传统工需部分员工记账营旺季时候容易生成量数容易环节出错系统克服缺点制作够方便工作员检索房间查找方便存储量性高成低等优点
酒店理系统相较传统工记账方式讲着显著提升符合现酒店理方式现酒店发展减少成提升质量必然结果中部分旅客申请开房服务时工作员系统界面专门界面输入户信息需旅客提供正确信息短时间完成信息输入部分户信息工作员信息数存放服务器数库中保存效保护信息安全简洁易懂界面减少工作员反复操作减少耗时效减少工成方法
12 系统功概述目标求
酒店理系统户理着两方面
程理员户登录系统查相关房间数完成普通工作员具备开房间退房间功修改信息相关信息例修改户名修改密码邮箱房间总览面理员进行新增新房间操作修改目前相应房间信息方便推出新房间
普通工作员相较理员方面普通员相修改房间信息进行开退房种操作户首页前页面发出公告信息栏进行账户名称修改操作界面方便剩余少房间
酒店理系统次设计相应目标需完成满足方面问题实现项目结果
1效率注册工作员等户快速注册账号时短重复昵称会报重复
2交互快捷开房退房操作界面中简洁直观需交互钮键效减少
3稳定性户数房间数存放服务端中更保护户信息容易丢失数
4准确性电脑操作相传统工记账效减少工造成事
5安全性电脑存储游客信息仅效减少纸张浪费电子记录较纸质保护隐私
6远程操作：提供预约系统户页面中观少剩余房间应剩余相应房间进行预约操作
2 需求分析
21 功性需求分析
211 线登录注册页面
户注册登录页面模块相关户注册登录功户通相应页面完成登录者注册操作户信息存放相应MongoDB官网数库中进行保存提取户申请访问会数库提取信息识确认登录完成确认完户信息进入系统中相关页面Vue框架Es6语法进行设计
2111 注册页面
户通登录界面进入注册页面中该注册页面尚未注册户进行提供户账号信息户需填写相应信息：户名密码邮箱相应身份填写完相应信息页面接受信息会传服务器端数库中然户进行相应访问
2112登录页面
登录界面含相应模块钮登录钮注册钮找回密码钮
1登录钮：户需页面账号栏密码栏输入相应户信息输入前已注册户id名字应密码然数通互联网传送数库服务器中识进行返回格式数成功登录系统界面否会登录失败提示字样
2注册钮：户点击注册钮跳转相关户注册界面进行注册
3找回密码钮：部分户许会遗失者遗忘密码法登陆户系统中提供相应户密码找回功户仅需找回密码页面中输入前注册时账号id邮箱进行确认误系统会发送原密码予找回密码
212 界面
界面模块分三部分头部组件侧边组件中间组件
（1）头部组件
头部组件功展示界面顶部栏展示网站logo网站名字户id菜单栏
（2）侧边组件
侧边组件功显示网站功侧边四菜单组成首页钮开退房记录钮预约菜单信息理中开退房记录钮分开房记录退房记录信息理含信息分支
（3）中间组件
中间组件功显示酒店理系统总体概况两公告栏显示前酒店种优惠活动员工公告系统底部简易观察前观少剩余房间组件
2121头部组件
头部组件显示界面头部四部分组成网站Logo网站名称登录账户id名称账号操作账号操作选择跳转信息注销户操作
信息直接跳转信息列表注销户操作退出户然跳转户登录界面中删前登录令牌
2122 侧边组件
侧边组件显示界面侧边栏四级栏组成分首页开退房记录预约服务信息理
（1）首页
显示网站页面页面中间两公告栏显示剩余房间提示栏组成
（2）开退房记录
开房登记退房服务两二级钮组成开房登记通操作员点击钮观察遍历房间信息数表尚未开房间信息选择相应房间然游客填写相应信息登记住房时间然房间移需退房二级钮项里面果列表中找关房间通检索关键信息显示特定房间果相关理员操作添加新房间退房服务根前游客登记住房信息系统会动计算游客居住日期然确认应收少金额住房费然退房数表中信息重新房间重置未开房状态删前住房游客信息
（3）信息理
里面含信息栏显示信息果想修改账号信息话点击修改信息钮进行修改更改信息会通回传数库然数表信息更改收支信息方便理员快速解天天收入情况做成图表式更加通俗易懂增加数字读性
2123 中心组件
中间组件显示首页总体信息中间总体两公告栏组成中通elementtable表格实现通走马灯click触发组成展示网站总体框架页面正方设置table显示剩空余房间数目
22 系统行性分析
系统前端Vue框架端Node+express框架采取完成前分离进行开发开发工具Vscode测试工具Postman前端前端分层模型层视图层视图模型层更方便开发相关网页开发官网查找开发文档具体项目难度完成高项目开发难度相关开发项目软件免费开源软件型酒店讲开发成维护费需求量较低符合系统体型系统帮助相应减少关工费支出提升效率实现盈利创收
3 系统概设计
31 系统整体模块图
系统整体框架通账号登录进入界面进行系列操作具体框架图图示：
图31 系统整体模块图
32 功模块机构图
注册功户注册身份进入系统相应功权限注册分两种身份工作员游客
图321 注册系统结构框图
户身份登录系统功区分分游客登录端工作员登录端
游客登录端结构框图图示：
图322 游客登录端结构框图
工作员端结构框图图示：
图323 户角色功模块结构框图
33 技术选型
331 系统开发环境
次系统开发Windows 7系统安装Vue 431node 12161vscode作开发工具Postman作数库测试工具npm作前端包理工具
前端通网页浏览器形式显现选择Vue框架部分浏览器兼容element组件库时基htmljqueryes6等技术完成前端网页页面设计
台MongoDB Atlas服务器端Mongodb进行数存储开发工具vscode编写http接口访问服务器端数库户通服务器接口实现前端间数交互
34 开发流程
户酒店理系统时通浏览器方式进入系统登录界面通访问服务器8080端口进入登录界面中户通填写已注册账号进入系统页中存户时进行系统操作进行前端调进行服务器请求然服务器进行请求然重定终返回前端页面中
35 存储结构说明
351 数库环境说明
数库系统：Nosql Mongodb 425
352 数字典
相关数表名含义表示：
表351 数库汇总术语表
缩写表名
解释
UserSchema
账号户信息
BriefsSchema
房间信息
TouristSchema
游客住房信息
LogSchema
公告栏信息
AppointSchema
预约栏信息
注册登录信息表含义表示：
表352 注册登录信息表
表名
注册登录信息表 UserSchema
列名
数类型
否空
中文描述
备注
Name
String
注册登录户名
password
String
账号登录密码
String
账号电子邮箱
identity
String
账号身份
date
Date
否
账号日期
住房房间信息表含义表示：
表353 住房房间信息表
表名
住房房间信息表 BriefsSchema
字段名
数类型
否空
中文描述
备注
id
String
否
房间登记id
roomid
String
房间编号
type
String
房间类型
price
Number
房间价格
state
Number
房间状态
date
Date
否
登录日期
游客信息表含义表示：
表354 游客信息表
表名
游客信息表 TouristSchema
字段名
数类型
否空
中文描述
备注
tname
String
游客姓名
tnumber
String
游客电话号码
tidentity
String
游客身份证号
tsex
String
游客性
店铺信息表含义表示：
表355 公告信息表
表名
公告栏信息表 LogSchema
字段名
数类型
否空
中文描述
备注
title
String
公告标题
content
String
公告容
预约栏信息表含义表示：
表356 预约栏信息表
表名
预约栏信息表 AppointSchema
字段名
数类型
否空
中文描述
备注
anumber
String
预约者电话号码
aidentity
String
预约者身份证号
aname
String
预约者姓名
date
Date
日期
4 系统详细设计实现
41 户账号注册登录
户第次系统时候首先需系统注册户账号够正常系统系统设置户权限会操作效果接会登录操作者展示登录效果
411 工作员游客注册
工作员注册提供酒店工作员账号工作员相关账号进行系统相应操作
首先工作员账号注册登录系统登录界面中时登录表单中见右角注册钮然点击钮然网页跳转注册页面中账号注册栏表单形式注册element框架相关工作员进入注册页面中需填写相应账户信息例：户名邮箱密码身份信息现工作员注册账号身份调整工作员输入信息页面会前输入户信息进行验证注册定规判断相关规逻辑：
（1） 户名空判断户名长度否2~30字符账号判断户数库中没相户名否报已相户名错误
（2） 密码空判断户密码长度否6~30字符密码
（3） 邮箱空设置行类型email类型确保正确邮箱格式
（4） 确认密码空输入确认密码会前输入密码较果相正确输出报错否提醒户两次密码相
果判断没出现错误工作员点击表单中右角确认注册页面会表单数传输中服务器中数库中确认完注册页面重新跳转登录界面中工作员前注册户名密码进行登录操作
样游客注册理仅需选择身份修改成游客行
图411 注册页面
412 户登录
户注册完成者已拥账号时户通登录界面输入相应账号户名密码台确认正确账号信息进入系统界面中
登录页面然采表单形式输入框中账号id密码失焦点会进行判断判断：
（1） 账号求注册求样判断户id长度否2~30位
（2） 密码注册求相判断密码长度否6~30位
果符合求会弹出红框提醒户填写完表单信息页面便会表单数提交调台接口台接收表单信息数库信息进行较相户便成功登录否失败
户成功登录时服务器端会户token时长设置十时界面种操作通该token进行访问果该token期台会检测相应信息通路守卫户强制返回登录页面需户重新登录获取新token[] Vuejs实战 207208
图412 户登录页面
413 户登出
相关户操作完相关操作想登出户账号界面右角点击拉列表中户注销点击注销钮户会动返回登录界面中前登录信息token会清想获新token需重新登录新账户信息
图413 户登出钮
414 忘记密码
系统考虑相关员忘记密码账号问题果遗失账号仅重新开新户添加麻烦频繁开新户会服务器端造成负担影响设置户找回密码功登录界面中选择忘记密码钮然进入找回密码界面
进入找回密码界面户需输入前注册程中户idemail果户成功表单中输入正确idemail数库中应信息相匹配然会跳转修改密码页面修改密码判定前注册判定相户需输入附判定密码成功修改密码修改完密码表单数重新传回数库中更改相应数极少时间等动跳转登录界面户直接新密码登录系统
图414 户找回密码界面
图415 户更新密码返回首页界面
42 界面
界面分三部分组成头部栏侧边栏体容区域防止体容区域代码混乱三部分分三文件写写完import进行引入代码读性提升
421 首页
展示系统总体概貌展示系统功界面容里面公告栏走马灯快速浏览公告信息提醒户界面方快速观察现少剩余房间剩减少工作员键操作减少工作繁琐性
公告采定义Table属性图片浏览展示带click指示器触发走马灯剩余房间数引入房间信息库未开房间id数目统计显示页面中 Vuejs实战 267276
422 开房信息
户想查房间信息时点击侧边栏开退房记录二级拉框开房信息进行查房间查elementtable属性房间数目分页功房间具体信息首先调台RoomDialog接口房间数库中信息然遍历房间信息成功边房间数显示准备table表格属性里
图422 房间信息列表
4221 添加房间
工作员登录系统房间相关信息进行操作果酒店范围扩需添加新房间信息工作员便该钮进行添加房间操作点击添加房间钮网页便会弹出填写框填写房间相关数防止员工填写出现差错填写完相应判断：
（1）房间号空现已相房间号重复否法添加
（2）房间类型价格空房间类型仅限单房房总统房三种类型否法添加
工作员填写完相应房间数点击提交钮页面便会前表单数容传送数库中房间数表中进行存储存储完毕前房间信息中找新房间记录
图4221 添加房间信息
4222 开房信息
游客想预订房间工作员便点击开房钮进行开房操作工作员登录相应token权限进行操作开房操作需游客填写相应信息名字性身份证号电话号码信息确认入住时间数表存放房间信息state（状态）里面房间没入住时状态表示0’状态入住便转换1’转态填写相应信息数会进行判断判断部分：
（1）身份证号必须17位数字否系统提示符合正确格式身份证号
（2）电话号码必须11位数字否系统会提示符合正确格式
填写正确表单便获数存放应房间状态数表中
图4222 开房操作表单
4223精准查询
户精准查询钮房间价格房间类型精确找出想房间类型户点击左角精确查询钮选择想查询房间范围选择范围数库会根选择房间价格(roomprice)房间类型(roomtype)进行较然选出符合项目显示页面表单中
图4223 精准查询操作
423退房操作
游客需进行退房登记时候工作员选择游客应房间进行退房操作工作员点击退房钮时系统会弹出表框动计算游客开始入住现日期然根时间动计算需交纳费游客退房手续时报次前登记房间时身份证号电话号码防发生错误
表单中输入身份证号电话号码台数表进行较相返回户交纳完费删房间相关游客信息房间重置未开房状态房间收入时记录总支出收入表里面
数意填写涉真实名数
图423 退房操作
424 收支信息
工作理员通进入收支信息栏里面观察段时间酒店收支情况文字收支情况数繁复冗杂系统Echart图表库视化形象查收支信息简单
导入Echarts组件定义折线图表样式绑定option收入状况选取游客退房时付费金额观察酒店收入情况
图424 收支图表
425 预约信息
访游客想提前预约入住酒店系统功游客登录系统中点击预约钮页面便会调服务器房间（Room)接口遍历完整目前尚处未开房状态房间然展示出游客游客选择心仪房间预约房间需提供前游客电话号码部分押金便完成预约完成预约表单数会传入数库中时房间状态会变更开房状态台预约游客信息暂存房间state数表中
图425 预约房间
43 信息
户信息理项目中找信息钮里面包含户注册时候信息户独id码户信息表修改信息信息栏中调UserSchema户数库户名调相应接口户信息输入页面中户界面修改信息等操作
图43 信息
44 权限浏览
户开始注册时户会选择相应身份进行注册果注册时候选择游客身份进行注册话部分页面机会受相应限制例开房信息中游客户够观察房间未开房状态进行房间操作添加房间操作
原注册时identity身份栏两种身份值分代表01重钮选项前会进行次判定果登录户工作员身份该钮会显示前端页面户法进行操作达权限浏览功实现
图44 权限浏览
5 系统测试
系统目前检测浏览器适配程度否存兼容性问题容输入否符合求规范页面运行否差错系统否符合预期标准
51 测试环境
系统环境包括服务器测试环境客户端测试环境详细表示
表51 服务器测试环境
服务器
硬件
MongoDB服务器500M
网络环境
太网1MBps
表52 客户端测试环境
客户端
硬件
存：8G硬盘：1TCPU：i56500
软件
操作系统：Win7（64bit）浏览器：360chrome
网络环境
太网100MBps
511 测试目
果款软件系统运行起话测试软件起步开始环测试开始会发现软件缺陷足防止缺陷造成重果时测试非常必次测试测试软件相应功否预期相符繁琐操作否会软件陷入bug
52 测试需求
编号
需求简述
优先级
备注
01
注册相关户
高
1相关判定否生效
02
登录酒店系统
高
1 检验户名长度
2 检验密码长度
03
找回密码
高
1否成功更改密码
04
添加房间
高
1检验房间序号否重复
05
精确检索
高
1否够正确检索房间信息
06
开房间操作
高
1否正确记入游客信息
07
退房间操作
高
08
预约操作
高
1游客否正常预约房间
09
修改信息
中
1否正确修改信息
53 测试例
表53 户注册测试例
测试例编号
页面
操作
预期效果
实际效果
001
登录首页
点击注册钮
进入注册页面
预期结果致
注册页面
输入正确格式账号id密码email身份然点击注册钮
系统提示成功注册重新跳转回登录页面
预期结果致
表54 户登录测试例
测试例编号
页面
操作
预期效果
实际效果
002
登录首页
输入正确格式账号id密码
进入界面
预期结果致
界面
点击界面右角进行注销操作
跳转回登录页面清楚token
预期结果致
表55 户忘记密码测试例
测试例编号
页面
操作
预期效果
实际效果
003
登录首页
点击忘记密码钮
进入忘记密码界面
预期结果致
忘记密码界面
输入前注册账号idemail
正确识账号idemail进入修改密码页面
预期结果致
修改密码界面
输入正确格式新密码
成功输入密码重新返回登录首页
预期结果致
登录首页
输入新密码账号id
成功进入首页
预期结果致
表56 开房间信息测试例
测试例编号
页面
操作
预期效果
实际效果
004
界面
点击开退房记录开房记录钮
成功进入开房记录页面
预期结果致
开房信息页面
输入正确格式游客信息姓名性身份证号电话号码
正确识游客信息记录游客居住时间
预期结果致
开房信息页面
观察开完房间信息
房间变成已开房状态
预期结果致
表58 添加房间信息测试例
测试例编号
页面
操作
预期效果
实际效果
005
开房信息页面
点击添加房间钮
进入添加房间表单
预期结果致
添加房间表单
输入正确房间房间号房间类型房间价格
成功添加房间返回开房信息页面
预期结果致
开房信息页面
观察房间否正确添加
房间正确添加数库中
预期结果致
表58 精确检索房间信息测试例
测试例编号
页面
操作
预期效果
实际效果
006
开房信息页面
点击精确检索钮
进入精确检索表单
预期结果致
精确检索表单
输入符合规房间信息
符合规房间显示出符合规房间暂时隐藏
预期结果致
开房信息页面
观察表格信息否符合精确检索求
正确展示出检索范围求
预期结果致
表58 退房间测试例
测试例编号
页面
操作
预期效果
实际效果
007
退房信息页面
点击退房钮
进入退房表单
预期结果致
退房表单
输入前游客说身份证号电话号码系统动计算金额
成功输入户账号显示出正确退房金额
预期结果致
退房信息页面
观察房间否正确退房状态重新重置未开房状态
房间重新重置未开房状态
预期结果致
表59 预约房间测试例
测试例编号
页面
操作
预期效果
实际效果
008
界面
点击预约房间信息钮
进入预约房间页面
预期结果致
预约房间页面
点击预约房间钮
成功进入预约房间表单
预期结果致
预约房间表单
游客输入正确信息交纳部分押金
成功输入正确信息房间收游客信息
预期结果致
预约房间页面
观察房间状态
房间未开房状态变更开房状态
预期结果致
表510 修改信息测试例
测试例编号
页面
操作
预期效果
实际效果
009
界面
点击信息钮
进入信息页面
预期结果致
信息页面
点击修改信息钮
成功进入修改信息表单
预期结果致
修改信息表单
输入新符合规户名者密码
成功输入正确信息返回信息页面中
预期结果致
信息页面
观察页面状态
信息成功更改
预期结果致
表511 收支测试例
测试例编号
页面
操作
预期效果
实际效果
010
界面
点击收支查钮
进入收支查页面
预期结果致
收支查页面
点击图表栏
观察图表栏否正常显示收支
预期结果致
收支查页面
点击文字收支状态栏
否正确房间收入记入进
预期结果致
54测试总结
系统功测试目前关键点稳定运行前面需求分析中检测点正常正确执行程序绝数异常情况进行处理例：部分台接口错误界面ui错位问题表单数正常传输数等等时部分进行优化处理ui部分部分调整
目前系统功够正常运行组件够准确实现前功会系统部分功进行优化提升增加系统美观性功性
6 总结
次酒店理系统开发Vue前端框架基Nodeexpress端框架前端分离开发模式网络查找关酒店理流程模式深入分析系统需什功结合分析研究开发出套酒店理系统
系统权限户拥页面功分清相关完善注册系统户登录页面进行流畅进行操作游客选择预约房间提前预订房间工作员现帮游客完成开房服务功清晰分明
次开发中前端HtmlCssJavaScript部分Es6语言Vue框架ui组件针网页element组件该组件良适配浏览器更方便进行网页布局需css写盒子开发更便利端采Node框架服务器MongoDB AtlasNosql数库类型存储超规模数类型数存储需固定模式进行良横扩展
次开发采前端分离方式开发前端通API接口进行通讯简化前端开发时开发时间
次课题然着足处果酒店数量变前网页加载速度会变慢影响效率然语法认识足开发程中部分时间官网开发文档继续努力中网络收集资料种书籍资料方面着更深刻理解时理解完整项目需考虑方面更周全
酒店系统重安全性问题目前网站讲安全性重游客信息部分保存系统安全性问题接进行步改进方
参考文献
[1]Nicholas CZakasJavaScrip高级程序设计(第3版)[M]民邮电出版社201203：575577
[2]梁灏 Vuejs实战[M]清华学出版社2017102072133236
[3]Jeremy Keith Jeffrey Sambells JavaScript DOM编程艺术[M]民邮电出版社201104：196198
[4]element插件组件文档：httpselementelemecn#zhCNcomponentdatepicker
[5]尤雨溪 vue框架开发文档：httpscnvuejsorgv2guidecomponentscustomeventshtml
[6]node开发文档：
httpsnodejsorgdocslatestv13xapihttphtml#http_agent_createconnection_options_callback
[7] 郭家宝 Nodejs开发指南[M]邮电出版社2012
[8] 阮峰ES6标准入门[M]电子工业出版社20172730115116
[9] 橡胶米东 Vue实现跨域请求 201809 httpsblogcsdnnetqq_42492055articledetails82593692
[10]Eric AMeyer CSS权威指南（第三版）[M]中国电力出版社200710127134
[11]朴灵 深入浅出Nodejs [M]民邮电出版社 201312
谢 辞
学四年生活意手指间飞逝刚入学懵懂青年现独立面挑战困难然学生活已快结束着许回忆方宿友帮忙老师教导学互助现然记忆脑海里老师帮助刚入学未迷茫发现明确前进方努力学相关知识终完成毕业设计
选完课题基开始着手准备完成相关毕业设计月设计中断优化方案遇难题购买相关书籍查询查找相关资料克服毕设程中遇种种困难加深相关知识理解
里感谢指导老师郭素梅老师开始课题题目选择点迷茫时候予建议帮助文完成予辅导帮助时相关非常值参考意义中收获良时朋友完成毕业设计途中莫鼓励帮助初开始写文手天停督促文进度巨帮助收获回忆法忘记
次感谢完成份毕业设计帮助家朋友学导师段时间没帮助鼓励法利完成份设计着支持学四年财富
附 录
台代码：
表71 户数库
表72 房间信息数库
表73 公告栏数库
表74 游客信息数库
表75 户注册判断 ES6标准入门 箭头函数115118
表75 户登录判断加密
表76 添加房间
表77 公告栏台添加
表78 设置登录token
表79 台接口
前端代码：
表80 页面跳转路守卫
表81 跨域配置 Vuejs实战 288290
表82退房动计算房价代码
表83 echart图表折线图
表84 退房计算价钱代码
表85 登录界面前端代码
表86 注册界面前端代码
表87 登记住房界面前端代码
表88 入住查询房间界面前端代码
表89 界面头部前端代码
表810 界面侧边栏前端代码
表811 登录token期拦截代码
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档