【云开发校园技术布道师】RoomBooking校园房间预约管理工具

介绍视频

在大学生活中,我们在进行学生活动或学术交流等活动的时候,常常会遇到会议室、研讨室、实验室、自习室等房间的借用。除了图书馆中的研讨室学校会有官方的预约登记平台,许多学院楼中的房间常常没有统一的管理平台,借用的时候需要联系不同的负责人进行预约及登记,而且也不能直观的查看当前的借用情况,只能联系各个部门来获得当前可以借用的房间。这个效率低下并且浪费大量的时间。

因此,我选择开发了RoomBooking这个基于腾讯云开发的校园房间预约管理工具小程序。

基本功能

在该小程序中,创建者可以创建各种类型的房间,并且提供房间介绍以及该房间最多可容纳人数。预约者在首页可以看到当前可以预约的会议室、研讨室等各类房间,并且选择需要预约的时间段,填写申请房间的用途、与会人员、备注等信息即可成功预约该房间。

设计思路

业务逻辑图

流程图

技术方案

开发工具

使用了微信官方的微信开发者工具进行开发,并且使用其内置的微信云开发工具进行云开发后台操作以及云函数部署调试。

前端

整体基于微信小程序原生开发实现,加入了Vant app组件库,在部分页面引用了Vant Weapp的组件,以便于能够快速开发并且提供稳定的性能。

使用的Vant Weapp组件列表:

  • Calendar 日历
  • Dialog 弹出框
  • Field 输入框

后端

后端基于腾讯云开发实现。使用了3个云函数来实现基本的业务逻辑,并且使用了云开发的文档型的 NoSQL 数据库来存储房间详情以及房间预定信息。

云开发是云端一体化的后端云服务 ,采用 serverless 架构,免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具(CLI)、Flutter SDK 等能力极大的降低了应用开发的门槛。使用云开发可以快速构建完整的小程序/小游戏等应用,非常适合本项目的开发。

结果展示

首页

在本页面可以看到最近的预约,同时可以看到你所在的校园/学院/单位目前可以提供预约的房间,在房间卡片上可以看到最近的预约时间以及该房间可容纳人数等,点击房间卡片即可进入房间详情页面。

首页

房间详情页面

在本页面可以看到房间的信息以及详细描述,同时在下方可以选择你想预约该房间的日期及时间,点击立即预约即可跳转到预约详情界面。

房间详情页面

预约详情界面

在本界面,你需要填写关于本次预约的有关信息,方便后期登记或审核。

详细信息登记页面