首先要使用小程序云开发，需要在app.js中初始化云开发（前提是新建小程序项目时必须使用自己的，不能用测试账号创建，并且已经开启小程序云开发）

查看小程序官方文档（可以在小程序开发者工具中直接打开开发者文档，菜单栏“帮助”）找到云端开发初始化示例

将示例代码复制到app.js的方法中

在打开的云开发控制台中点击设置，将你的环境ID复制到env的值中（如果这里没有环境ID，可以自行创建一个，一般只要开启云开发，都会默认有一个环境ID）

然后在控制台中创建另一个集合（表），用于后续添加，删除，修改和查询数据。

以上就是准备工作了，现在就可以开始搬砖、添加数据了。

1.在wxml文件中添加按钮，并绑定点击事件，添加数据

2.打开对应的js文件，初始化数据库引用

3.编写点击事件并添加数据

add 是用于向云数据库添加数据的方法，data 里面存放的是我们要添加的数据（可以是字符，列表，URL，参数...），下面两个方法分别是添加成功和失败的回调函数。

按Ctrl+S保存编译，然后点击模拟器中的“添加数据”按钮，在控制台就可以看到数据已经添加成功了。

打开云开发控制台，点击刚刚创建的集合，就可以看到我们添加的数据，如下

查询数据

1.在wxml文件中添加按钮，并绑定点击事件，查询数据

2.在js文件中写入点击事件，实现查询数据

get方法查询数据，并在控制台打印查询结果，点击模拟器中的查询按钮如下，查询成功

添加数据 II (改进)

上面添加的数据是硬编码的，这里我们可以改进一下，实现“动态添加我们输入的数据”

1.添加两个输入框，绑定两个事件，用于获取我们输入的信息

2.先把事件写在js中，我们需要获取的数据可以通过...

3.定义两个全局变量name和age，用于存储我们输入的数据

4.如下将两个全局变量中存储的数据赋值给需要添加的数据

如下，动态数据添加成功

删除数据

1.云数据库删除数据的时候需要通过每条数据的id来删除，添加数据的时候默认每条数据都会有一个id字段，所以这里我们使用一个数据id来填写，通过id来删除数据

2.和上面同样的方法，先创建一个全局变量id，然后通过..获取我们填写的id。

3.编写删除事件：删除doc中id字段对应的数据

4.先在模拟器中查询数据，将控制台中一条数据的ID复制到需要删除的输入框中

删除成功，此时云端控制台数据库中数据已经删除。

更改数据

1.修改数据的时候，也需要通过id来修改，这里只以修改age数据为例

2.js中添加和事件，分别获取需要修改数据的id和新年龄

3. 编辑活动并更新年龄数据

先查询数据，复制一条数据的id，然后输入新的age

下面修改成功，age变成21

好了，小程序云开发数据库的增删改查就完成了！

关于博主

如下，其实这些在小程序官方文档里都有说明，我只是做了简单的总结。要学习小程序开发，其实只要你能把官方文档研究透彻，比任何教程都管用。小程序更新迭代很快，我现在用的开发工具是2020.01.19版，不同版本的界面会略有不同，老版本的开发工具有很多bug。

分类：

技术要点：

相关文章：