基于 Vue 和 SpringBoot 的 假日旅社管理系统
软件简介
// 开源托管地址 GitEE: https://gitee.com/yyzwz/hostel Github: https://github.com/yyzwz/hostel
本软件是《基于 Vue 和 SpringBoot 的假日旅社管理系统》,支持民宿档案、民宿新闻、民宿预定、民宿评论这四大核心业务,适用于乡村民宿企业的民宿预定业务。系统给每个民宿档案提供一个唯一标识,对民宿预定、评论等各个环节进行快速批量的数据采集,确保游客及时掌握景区民宿的真实数据,方便游客进行民宿预定。另外系统还包括员工管理、组织机构管理、文件管理、权限管理功能,给旅社企业提供更个性化的民宿管理模式。
假日旅社管理系统采用了基于角色的访问控制,角色和菜单关联,一个角色可以配置多个菜单权限;然后再将用户和角色关联,一位用户可以赋予多个角色。这样用户就可以根据角色拿到该有的菜单权限,更方便旅社企业的管理人员进行权限管控。
更新日志
V1.1.0 2022-09-09
软件著作权申请通过,正式开源。
软件技术选型
前端
Vue:Vue 是构建前端界面的核心框架,本系统采用 2.6.14 版本。
View UI:基于 Vue.js2.0 的组件库,本系统采用 4.7.0 版本。
后端
Spring Boot:构建系统核心逻辑的后端框架,本系统采用 2.7.0 版本。
MyBatis / MyBatis Plus:后端连接数据库的框架,本系统采用 3.5.2 版本。
数据库
MySQL:本项目的主数据库,本系统采用 8.0.29 版本。
Redis:本系统采用基于 Windows 版本的 Redis,用于图形验证码和用户菜单权限的临时存储,采用了 5.0.14 版本。
开发环境
VsCode:项目前端的开发工具,使用版本为 1.68.0。
IntelliJ IDEA :项目后端的开发工具,使用版本为 2021.3.2。
Jdk:Java 的开发环境,使用版本为 17.0.3.1。
Maven:后端项目的打包工具,使用版本为 3.6.2。
NodeJs:前端项目的开发环境,使用版本为 16.13.0。
软件架构分析
基于 Vue 和 SpringBoot 的假日旅社管理系统包括了系统基础模块、民宿档案模块、民宿新闻模块、民宿预定模块、民宿评论模块这五大功能模块,其架构如下图所示。
接下来,分别对五大模块进行详细介绍。
系统基础模块
系统基础模块,是用于支撑假日旅社管理系统的正常运行,这个模块包括了登陆注册模块、员工部门管理、菜单权限管理等。
假日旅社管理系统支持用户使用账号、密码和图形验证码登陆,操作界面如下图所示。
用户输入正确的账号(如 admin)、密码(如 123456)和图形验证码后,点击登陆按钮,即可进入到系统首页,系统登陆的流程如下图所示。
假日旅社管理系统支持用户使用手机号、姓名、密码和图形验证码注册,操作界面如下图所示。
用户输入正确格式的手机号(如 17857050001)、姓名(张三)、密码(如 123456)和图形验证码后,点击注册按钮,即可完成注册。注册成功后会自动跳转到登陆页,需要用户用注册的手机号和密码进行登陆,系统注册的流程图如下所示。
用户成功进入系统后,可进入到基于 Vue 和 SpringBoot 的假日旅社管理系统的首页,首页展示了当前登陆的地址、现在的时间和用户配置的常用模块,如下图所示。
接着用户点击左侧的用户管理,即可进入用户管理模块,用户管理模块的首页如下图所示。
用户可以在这个模块对系统登陆用户的档案进行维护,包括添加新用户、删除用户、编辑用户、根据姓名/部门查询用户。
用户可以进入部门管理模块,管理旅社的部门数据,如下图所示。
同理用户可以进入到菜单管理模块,对系统的菜单进行管理,菜单管理模块的操作界面如下图所示。
用户可以进入到角色管理模块,对单个角色赋予指定的菜单权限,从而让用户拥有指定角色的菜单权限,角色权限分配的界面如下图所示。
民宿档案模块
第二个模块是民宿档案模块,民宿档案就是用来管理民宿的数据,包含的功能如下所示。
民宿档案包括民宿的名称、面积、房号、房间类型、早餐情况、价格、备注等,以下是民宿档案模块的主界面。
民宿实体类的字段明细如下:
字段名称 | 数据类型 | 长度 | 字段含义 | 备注 |
Id | Varchar | 255 | 唯一标识 | 非空,主键 |
Title | Varchar | 255 | 民宿名称 | 非空 |
areaSize | BigDecimal | 255 | 面积 | 非空 |
type | Varchar | 255 | 民宿类型 | 非空 |
breakfast | Varchar | 15 | 早餐情况 | 非空 |
price | BigDecimal | 15 | 价格 | 非空 |
remark | Varchar | 255 | 备注 | |
create_time | DateTime | 15 | 创建时间 | 自动生成 |
create_by | Varchar | 255 | 创建人 | 自动生成 |
update_time | DateTime | 15 | 最后更新时间 | 自动生成 |
update_by | Varchar | 255 | 最后更新人 | 自动生成 |
用户可以点击顶部的“新增”按钮,进入民宿档案添加界面,添加民宿档案数据,如下图所示。
其中房间类型为下拉框单项选择,如下图所示。
还有早餐情况也是下拉单选,如下图所示。
用户可以对现有的民宿档案数据进行编辑更新,只需点击每一行民宿档案数据的“编辑”按钮,即可进入民宿档案数据的编辑界面,如下图所示。
用户也可以对不需要的民宿数据进行删除操作,用户点击删除时,系统会弹出二次确认弹框,如下图所示。