微信小程序--云开发（基础使用）

David凉宸
263 阅读2分钟

1、初始化云开发

微信小程序项目创建我就不过多的废话了，大家都会操作（一定要选择不使用云服务）

项目创建好就是这个样子的了

在这里插入图片描述

点击上方的云开发

在这里插入图片描述

会出现如下框组

在这里插入图片描述

我们做如下设置

在这里插入图片描述

设置完毕后等待初始化完成 之后会出现如下页面

在这里插入图片描述

在这里插入图片描述

初始化云开发的环境

在这里插入图片描述

2、创建数据

数据库操作和我们平常使用的一样 都是为增删改查

参考官方文档

developers.weixin.qq.com/miniprogram…

点击云开发 内的数据库

在这里插入图片描述

按照如下操作创建表

在这里插入图片描述 点击操作表 在这里插入图片描述 在这里插入图片描述 点击确定之后就会出现如下数据 在这里插入图片描述

3、数据库的权限与增删改查

3.1 数据库的权限

在这里插入图片描述 我们要更改一下权限，否则我们用户不能使用数据库，只有管理员可以 我们将之权限改为所有用户可读 在这里插入图片描述

上面权限设置完之后就可进行操作了

3.2 数据库查询 get()

  • 传统固定的查询写法 在这里插入图片描述
  • Es6简洁写法 在这里插入图片描述

数据库内容就请求到了 在这里插入图片描述 我们请求道德数据就可以在页面展示了 在这里插入图片描述 在这里插入图片描述 如果用传统写法会有this指向问题一定要注意 如果使用传统写法 我们可以再onLode中设置this 如下 数据一样可以展示在页面中 在这里插入图片描述 PS：推荐使用ES6语法

3.3 条件查询（where()）

注意：要在.get前面写 .where

在此处写条件 在这里插入图片描述

3.4 查询单条数据（doc()）

在这里插入图片描述 在这里插入图片描述

3.5 添加数据（add()）

首先将权限改为第一个 在这里插入图片描述 语法如下 在这里插入图片描述 成功之后 数据表中多了数据 在这里插入图片描述

输入内容 点击添加按钮添加至表内 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

3.6 数据更新（update()）

修改数据库内的已存在数据 使用where条件或者doc都可进行修改数据

where可以根据任何条件进行判断 doc必须使用数据表内的_id来进行使用 在这里插入图片描述 在这里插入图片描述 或者使用.doc(_id) 在这里插入图片描述

在这里插入图片描述

3.6 删除数据（remove()）

删除数据库里面已存在的数据 使用where条件或者doc都可进行修改数据

where可以根据任何条件进行判断 doc必须使用数据表内的_id来进行使用

在这里插入图片描述 使用.doc(_id)也可以 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

avatar
文章
阅读
粉丝