计算机毕业设计 | springboot+vue会议室管理系统(附源码)

1,绪论

1.1 项目背景

随着企业规模的不断扩大,会议室管理愈加复杂。传统的手工预约会议室的方式已经无法满足现代企业的需求,因此,开发一套会议室系统方案变得尤为重要。会议室系统可以实现会议室的在线预约、会议室资源的有效利用、会议室信息的统一管理等功能,为企业提供高效、智能的会议室管理解决方案。

1.2 开发目的

鉴于目前很多大中型公司手工化管理会议室,各楼层的会议室安闲或预定情况不能实时得悉。为了进一步规范会议室的使用/预定管理,防止资源的矛盾。由笔者自主研发的鉴于B/S构造的MEETING会议室管理系统,用户只要要经过互联网即可随时认识每个会议室的目前状态和预定情况,提高了会议室的使用率,节俭会议组织者的时间。

2,系统设计

  1. 系统架构设计:对于会议室系统,可以采用分布式架构,前台页面采用vue技术实现,后端服务器采用Java语言实现,数据库采用关系型数据库如MySQL。

  2. 前端设计:前端页面应该简洁、美观、易用,用户可以通过浏览器访问,实现预约、查询等功能。

  3. 后端设计:后端服务器负责处理用户的请求,实现用户认证、会议室查询、预约等功能。同时,后端还需要与数据库进行交互,实现数据的读写操作。

  4. 数据库设计:数据库应该存储会议室的相关信息,包括会议室名称、容纳人数、设备配置、预约时间段等。另外,还需要存储用户信息、预约记录等。

3、需求分析

普通用户

  1. 会议室查询预约:员工可以通过系统进行会议室的在线预约,包括预约时间、会议主题、参会人员等信息,预约成功后系统会发送预约申请给管理人员
  2. 取消预约:用户可以取消已预约的会议室申请
  3. 预约历史:系统通过已通过、未通过、审核中三种类型来分类查询会议室预约历史
  4. 历史会议:会议历史分为已进行和未进行,用户可查看自己部门所有会议记录

管理员

  1. 会议室管理:系统可以按照不同的维度对会议室资源进行管理,包括会议室的容纳人数、设备配置、地理位置等等。
  2. 会议室历史会议:会议历史分为已进行和未进行,管理员可查看所有会议室的会议记录
  3. 部门管理:管理员可管理各个部门的账号信息,以方便用户预约会议室
  4. 部门历史会议:会议历史分为已进行和未进行,管理员可查看所有部门的会议记录
  5. 预约审批:管理员可再次审批用户的会议室申请,并查看申请记录

4,技术栈

后端技术

技术 说明 官网
SpringBoot Web应用开发框架 https://spring.io/projects/spring-boot
SpringSecurity 认证和授权框架 https://spring.io/projects/spring-security
MyBatis ORM框架 http://www.mybatis.org/mybatis-3/zh/index.html
Druid 数据库连接池 https://github.com/alibaba/druid
JWT JWT登录支持 https://github.com/jwtk/jjwt
Lombok Java语言增强库 https://github.com/rzwitserloot/lombok
PageHelper MyBatis物理分页插件 http://git.oschina.net/free/Mybatis_PageHelper

前端技术

技术 说明 官网
Vue 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io
Axios 前端HTTP框架 📣 有源码 获取源码

5,会议室预约系统页面展示

登录

申请会议室

在申请页面中,灰色为已占用会议室、白色为空闲会议室、蓝色为选择中会议室

点击日期色块即可切换预约日期,点击不同时间下的会议室色块即可选中预约

用户可直观的在表格内选择申请会议室

取消预约

预约历史

已通过

未通过

审核中

历史会议

已进行的会议

未进行的会议

6,会议室后台管理系统页面展示

登录

会议室管理

|-----------------------------------------------------------------------------------|-----------------------------------------------------------------------------------|
| 添加会议室 | 修改会议室 |

会议室历史会议

点击下拉框即可切换会议室

点击 " 已进行的会议 " 和 " 未进行的会议 " 按钮即可切换历史会议状态

部门管理

|----------------------------------------------------------------------------------|----------------------------------------------------------------------------------|
| 添加部门 | 修改部门 |

部门历史会议

点击下拉框即可切换部门

点击 " 已进行的会议 " 和 " 未进行的会议 " 按钮即可切换历史会议状态

审批申请

已审批

批准的审批
拒绝的审批

未审批

相关推荐
Tiffany_Ho几秒前
【TypeScript】知识点梳理(三)
前端·typescript
A尘埃1 分钟前
SpringBoot的数据访问
java·spring boot·后端
yang-23073 分钟前
端口冲突的解决方案以及SpringBoot自动检测可用端口demo
java·spring boot·后端
沉登c3 分钟前
幂等性接口实现
java·rpc
代码之光_198015 分钟前
SpringBoot校园资料分享平台:设计与实现
java·spring boot·后端
安冬的码畜日常1 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)
开发语言·前端·javascript·信息可视化·数据可视化·d3.js
科技资讯早知道1 小时前
java计算机毕设课设—坦克大战游戏
java·开发语言·游戏·毕业设计·课程设计·毕设
苹果醋32 小时前
快速玩转 Mixtral 8x7B MOE大模型!阿里云机器学习 PAI 推出最佳实践
spring boot·nginx·毕业设计·layui·课程设计
小白学习日记2 小时前
【复习】HTML常用标签<table>
前端·html