“云开发自带的Demo例程，了解一下！”

1 开始靠前个小程序

安装完微信开发者程序以后，打开软件。

因为后续将要开发的会议室预定小程序要用到云开发，所以在新建项目的时候勾选上。

新建完以后自动生成云开发的基础Demo。最左侧为模拟器生成的模拟页面，中间为目录结构展示，最右侧为当前打开文件内容。脱机调试的话直接在模拟页面上进行操作即可，例如你想确定“上传图片”点击后的响应，则直接点击“上传图片”就可以模拟手机端点击操作。

如果需要实际在真机中测试，可以选择“真机调试”，会弹出二维码，供你的手机扫码调试。

2 小程序是如何显示和与用户交互的

因为之前都是做嵌入式软件开发的，所以在做系列一的时候，还未完全理解小程序的页面是如何显示出来并且响应用户行为的。因此在本章节中提下我对这块的理解。

如果之前有从事过网页设计开发，可略过此章节。

重新贴下系列一中归纳的文件基础结构。

之前看到网上归纳了HTML、CSS、JavaScript之间的关系，原文链接如下。

靠前个button描述：

这个Button的作用为获取用户基本信息，绑定的响应操作为onGetUserInfo函数，头像图片的获取路径定义为avatarUrl。onGetUserInfo对应到js文件的代码为

第二个button描述：

这个button的文本为“点击获取 openid”，点击以后关联的操作为onGetOpenid。相应的js代码如下：

具体该栏长成什么样子，则在对应的wxss文件中做了细化了，如背景颜色，对齐，大小等。

类似的，打开其他页面的文件，都存放了该页面对应的代码文件：

– Js

– Json

– Wxml

– Wxss

温馨提示：如果之前没有接触过三种文件语言的语法语义，不用纠结，先按着英文单词的意思去理解即可。

另外，在WXML文件中定义了不少组件，对于组件的标签如果不理解的，可以参考下面链接中对组件的定义：

权限控制方式如下,可以在进入云开发的数据库-权限设置进行修改:

另外云数据支持两种方式进行编辑与访问：

1. 使用数据库API在小程序或者云函数中进行
2. 控制器后台中直接编辑与查看

再看看开头创建的Demo程序中数据库的操作：

1. 点击“前端操作数据库”

2. 根据提示去云开发后台新增数据库合集-此时对应的操作方式为第二种。所谓的集合你可以理解为在电脑硬盘中创建一个文件夹，方便你进行不同类型的数据集合进行存放。

3. 删除页面中的注释代码，在刚刚创建的合集中新增一条数据库记录-此时对应的操作方式为靠前种

所以总的来说，云开发中的数据库操作很简便，不仅可以满足需求，还能够大大简化我们的数据操作。

另外，在搜索一些线上课程的时候，发现有个免费的课程，适合基础入门，有兴趣的可以看看。https://www.imooc.com/video/19371