随着企业规模的不断扩大,会议室管理愈加复杂。传统的手工预约会议室的方式已经无法满足现代企业的需求,因此,开发一套会议室系统方案变得尤为重要。会议室系统可以实现会议室的在线预约、会议室资源的有效利用、会议室信息的统一管理等功能,为企业提供高效、智能的会议室管理解决方案。
鉴于目前很多大中型公司手工化管理会议室,各楼层的会议室安闲或预定情况不能实时得悉。为了进一步规范会议室的使用/预定管理,防止资源的矛盾。由笔者自主研发的鉴于B/S构造的MEETING会议室管理系统,用户只要要经过互联网即可随时认识每个会议室的目前状态和预定情况,提高了会议室的使用率,节俭会议组织者的时间。
系统架构设计:对于会议室系统,可以采用分布式架构,前台页面采用vue技术实现,后端服务器采用Java语言实现,数据库采用关系型数据库如MySQL。
前端设计:前端页面应该简洁、美观、易用,用户可以通过浏览器访问,实现预约、查询等功能。
后端设计:后端服务器负责处理用户的请求,实现用户认证、会议室查询、预约等功能。同时,后端还需要与数据库进行交互,实现数据的读写操作。
数据库设计:数据库应该存储会议室的相关信息,包括会议室名称、容纳人数、设备配置、预约时间段等。另外,还需要存储用户信息、预约记录等。
技术 | 说明 | 官网 |
---|---|---|
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框架 | 📣 有源码 获取源码 |
在申请页面中,灰色为已占用会议室、白色为空闲会议室、蓝色为选择中会议室
点击日期色块即可切换预约日期,点击不同时间下的会议室色块即可选中预约
用户可直观的在表格内选择申请会议室
|
|
点击下拉框即可切换会议室
点击 “ 已进行的会议 ” 和 “ 未进行的会议 ” 按钮即可切换历史会议状态
|
|
点击下拉框即可切换部门
点击 “ 已进行的会议 ” 和 “ 未进行的会议 ” 按钮即可切换历史会议状态