前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【云开发校园技术布道师】RoomBooking校园房间预约管理工具

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

原创
作者头像
Kenny_Chan
修改2020-04-07 14:15:16
1.3K1
修改2020-04-07 14:15:16
举报
介绍视频

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

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

基本功能

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

设计思路

业务逻辑图

流程图
流程图

技术方案

开发工具

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

前端

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

使用的Vant Weapp组件列表:

后端

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

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

结果展示

首页

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

首页
首页

房间详情页面

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

房间详情页面
房间详情页面

预约详情界面

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

详细信息登记页面
详细信息登记页面

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本功能
  • 设计思路
    • 业务逻辑图
    • 技术方案
      • 开发工具
        • 前端
          • 后端
          • 结果展示
            • 首页
              • 房间详情页面
                • 预约详情界面
                相关产品与服务
                云开发 CloudBase
                云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档