“云开发数据库仍然非常有用！”

1开源是要掀起波澜还是要重新发明轮子？

本着开源（懒惰）的精神，首先要进行一定程度的搜索，然后搜索GitHub以查看是否已经有类似的开源小程序。不幸的是，尽管有一些，但是还没有基于小程序云开发的开源软件。其中之一是非常有意义的。链接如下：

开源微信小程序界面，入侵和删除

小程序的功能相对完善，但是服务器和数据库需要自己构建，因此对于甚至没有办公计算机管理员权限的我们来说，它都是“奢侈的”。对于此源代码，我将其用作页面设计的参考，并阅读彼此的js代码，并了解攻击中的逻辑和js语法。如果读者没有这个问题，则可以进行一些更改即可直接使用此开源代码。

此外，您还可以通过微信小程序搜索“会议室预订”，以查看小程序的现有界面作为页面设计的参考。

小程序搜索结果

2如果小程序的组件不熟悉该怎么办？

以前，我搜索微信小程序时，发现许多现有的会议室预订小程序接口的设计都非常精美，但是当我想模仿类似的接口时，我发现由于语法和组件不够熟悉，我开始很难。偶然地发现微信在github中提供了示例源代码，其中显示了几乎所有组件的用法。当然，内部的接口可能不如某些第三方组件库或UI库，但是对于我的轻量级项目来说就足够了。

Git地址：

如果您有兴趣，可以扫描QR码进行体验。您还可以在本地下载它，使用微信小程序开发人员工具将其打开，并查看UI设计方法和js绑定的处理代码。

此外，如果要获取图标图标，则可以转到阿里巴巴矢量图标库进行查找和下载。我的小程序中使用的图标都可以找到。

3启动界面设计

下图是系列1中的初步设计概念，但是在研究和体验系列1和系列2之后，发现工作量太大，如果完全实现该概念，则会实现一些复杂的设计逻辑。它需要更深入的研究才能实现，因此在做出艰难的决定（偷窃）选择（lazy +1）之后，最终页面设计简化为图2。

原始页面设计

页面设计的惰性版本

第1页的呈现

根据微信官方演示中的页面设计，大多数调整都在微中进行。

4云开发处理

在小程序中，在两个地方使用了云开发：

-会议室列表信息

-会议室预订状态

会议室列表信息

主要在“会议室”页面上使用。

1.首先在云开发数据库中创建一个单独的集合，以保存现有的会议室详细信息：

2.进入会议室时，通过js代码获取由云开发的数据库，并在此页面上更新RoomListRadio数组

3.在wxml中通过wx：for遍历显示

通过这种方式，如果将来要添加新的会议室，则只需更改云数据库而无需更新代码。

会议室预订信息

主要用于“预订”页面。

1.同样，创建一个新集合以保存计划的信息，例如日期，开始时间，主题等。

2.通过该记录，我们还可以在预订页面上确认会议室和日期后在预订当天显示会议室的预订状态，以提醒预订者注意时间冲突。

3.同时，在用户填写预订信息并单击约会后，js后台会检查会议室时间是否存在冲突