5 系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV19a4y1o7p6/
三、运行截图：
3.1系统前台功能模块
3.1.2双月湾亲子高端酒店网站，在系统首页可以查看首页、客房信息、亲子活动、房型介绍、酒店周边、留言板、个人中心等内容，如图3-1所示。
图3-1系统功能界面图
3.1.3 登录，在登录页面通过填写账号、密码等信息进行登录，如图3-2所示。
图3-2登录界面图
3.1.4个人中心，在个人中心页面可以查看个人信息、信息修改等详细内容，如图3-3所示。
图3-3个人中心界面图
3.1.5客房信息，在客房信息页面可以查看客房编号、客房类型、客房类别、客房面积等详细，如图3-4所示。
图3-4客房信息界面图
3.2登录设计实现
用户和管理员输入个人的账号和密码登录系统，这时候我们所对于这个系统的数据库来进行一些相关信息的查找，假如我们对输入的账号和密码不正确的时候，数据库就会自动提示出错误的信息，同时提示管理员要从新输入正确的信息。网站登录效果图如图3-5、3-6所示：
图3-5 管理员登录效果图
图3-6 用户登录效果图
3.3 后台系统实现
3.3.1管理员管理模块
管理员主要管理：
管理员：个人中心、用户管理、客房类别管理、客房信息管理、增加房源管理、减少房源管理、客房预定管理、设备信息管理、亲子活动管理、门票预定管理、房型介绍管理、酒店周边管理、酒店财务管理、留言板管理、系统管理、管理员管理、留言管理，等内容。具体管理员管理效果如下图3-7所示。
图3-7 管理员管理功能效果图
3.3.2客房类别管理
管理员登录系统后台以后可以对客房类别管理进行修改、删除以及对客房类别管理进行查看等操作，具体的运行效果图如下图3-8所示。
图3-8客房类别管理效果图
3.3.3增加房源管理
管理员进入后台对增加房源管理信息进行查看、删除等操作，增加房源管理功能效果图如图3-9所示。
图3-9 增加房源管理效果图
3.3.4减少房源管理
管理员可以对减少房源管理信息进行修改、查看、删除等操作。减少房源管理效果图如下图3-10所示：
图3-10 减少房源管理效果图
3.3.5客房预定管理
管理员可以对客房预定管理信息进行删除、修改、添加等具体的操作。客房预定管理效果图如下图3-11所示：
图3-11客房预定管理效果图
3.3.6亲子活动管理
管理员可以对亲子活动管理信息进行添加、查看、删除、修改等操作。亲子活动管理效果图如3-12所示。
图3-12亲子活动管理效果图
3.3.7门票预定管理
管理员可以对门票预定管理信息进行添加、查看、删除、修改等操作。门票预定管理效果图如3-13所示。
图3-13门票预定管理效果图
3.3.8酒店周边管理
管理员可以对酒店周边管理信息进行添加、查看、删除、修改等操作。酒店周边管理效果图如3-14所示。
图3-14酒店周边管理效果图
3.3.9酒店财务管理
管理员可以对酒店财务管理信息进行添加、查看、删除、修改等操作。酒店财务管理效果图如3-15所示。
图3-15酒店财务管理效果图
3.4留言板管理
管理员可以对留言板管理信息进行添加、查看、删除、修改等操作。留言板管理效果图如3-16所示。
图3-16留言板管理效果图
3.3.1管理员管理
管理员可以对管理员管理信息进行添加、查看、删除、修改等操作。管理员管理效果图如3-17所示。
图3-17管理员管理效果图
3.3.2设备信息管理
管理员可以对设备信息管理信息进行添加、查看、删除、修改等操作。设备信息管理效果图如3-18所示。
图3-18设备信息管理效果图
3.5 用户功能实现
3.3.1客房预定管理
用户进入系统可以查看个人中心、客房预定管理、门票预定管理、我的收藏管理等操作。用户可以对客房预定管理信息进行添加、查看等操作。客房预定管理效果图如3-19所示。
图3-19客房预定管理效果图
3.3.2门票预定管理
用户进入系统后可以对门票预定管理进行查看、删除等操作。门票预定管理效果如下图3-20所示：
图3-20门票预定管理效果图
3.3.3我的收藏管理
用户进入系统后可以我的收藏管理等操作。我的收藏管理效果如下图3-21所示：
图3-21我的收藏管理效果图