当前位置: 首页>前端>正文

微信开发者工具下载码云仓库代码 微信云开发数据库

学习开发微信小程序最最最最重要的就是学习微信小程序官方文档,因为文档可以解决我们在学习过程中遇到的大部分麻烦,所以先附上官方文档链接:

https://developers.weixin.qq.com/doc/


目录

  • 前言
  • 一、初始化
  • 1、按下【云开发】按钮
  • 2、页面如下
  • 3、新建数据库
  • 在开始使用数据库 API 进行增删改查操作之前,需要先获取数据库的引用。以下调用获取默认环境的数据库的引用:
  • 二、数据的增加
  • 1、在模板文件中创建一个按钮
  • 2、在脚本逻辑文件中写下insert的函数组件
  • (1)、第一种方法是回调风格
  • (1)、第一种方法是Promise风格
  • 3、在创建成功之后,我们可以在控制台中查看到刚新增的数据。
  • 三、数据的删除
  • 1、在模板文件中创建一个按钮
  • 2、在脚本逻辑文件中写下delete的函数组件
  • 3、在创建成功之后,我们可以在控制台中查看
  • 四、数据的修改
  • 1、在模板文件中创建一个按钮
  • 2、在脚本逻辑文件中写下update的函数组件
  • 3、在创建成功之后,我们可以在控制台中查看数据。
  • 五、数据的查询
  • 1、在模板文件中创建一个按钮
  • 2、在脚本逻辑文件中写下search的函数组件
  • 3、在创建成功之后,我们可以在控制台中查看数据。
  • 六、总结

前言

云开发是小程序的一种开发模式,相比传统开发模式,它的运维成本更低,开发效率更高,且业务者更关注业务逻辑,每个小程序账号可以免费创建两个免费基础环境。
云开发有三大基础能力支持,分别是云函数云数据库云存储。这里介绍云数据库里的四个基本操作:数据增加数据删除数据修改数据查询

一、初始化

1、按下【云开发】按钮

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_数据库,第1张

2、页面如下

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_逻辑文件_02,第2张

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_逻辑文件_03,第3张

3、新建数据库

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_微信开发者工具下载码云仓库代码_04,第4张

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_微信开发者工具下载码云仓库代码_05,第5张

在开始使用数据库 API 进行增删改查操作之前,需要先获取数据库的引用。以下调用获取默认环境的数据库的引用:
const ac = wx.cloud.init();//初始化云开发数据库
const db = wx.cloud.database();//调用database数据库

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_微信开发者工具下载码云仓库代码_06,第6张

在微信官方文档中有相关介绍,链接如下:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html

二、数据的增加

1、在模板文件中创建一个按钮

这里不懂的可以参考:

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_数据库_07,第7张

2、在脚本逻辑文件中写下insert的函数组件

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_数据库_08,第8张

(1)、第一种方法是回调风格
insert:function(){
    db.collection('user').add({//user是创建的数据库名称
      data:{//data里都是添加的内容
        name:'Tom',//添加的内容
        age:'12'//添加的内容
      },
      success: res =>{//箭头函数
        console.log(res);
      },
      fail:err => {
        console.log(err);
      }
    })
},
(1)、第一种方法是Promise风格
insert:function(){
   db.collection('user').add({
     data:{
       mom:'Alice',
       name:'Jack',
       age:'18'
     }
   }).then(res=>{
     console.log(res);
   }).catch(err=>{
     console.log(err);
   })  
},
3、在创建成功之后,我们可以在控制台中查看到刚新增的数据。

三、数据的删除

1、在模板文件中创建一个按钮

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_逻辑文件_09,第9张

2、在脚本逻辑文件中写下delete的函数组件
delete:function(){
    db.collection('user')//数据库的名称
    .doc("807102f66247af6703c29fce420d184f")
    //数据的唯一标识,也就是数据ID
    .remove().then(res=>{
      console.log(res);
    }).catch(err=>{
      console.log(err);
    })
  },

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_数据_10,第10张

3、在创建成功之后,我们可以在控制台中查看

四、数据的修改

1、在模板文件中创建一个按钮

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_逻辑文件_11,第11张

2、在脚本逻辑文件中写下update的函数组件
update:function(){
  db.collection('user').doc//user是创建的数据库
  ("d4107ab16247d1c5043b101e0dec8984")
  //这个是数据的的唯一标识,也就是数据的id
  .update({
    data:{
      age:21
    }
  }).then(res=>{
    console.log(res);
  }).catch(err=>{
    console.log(err);
  })
  },

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_数据_12,第12张

3、在创建成功之后,我们可以在控制台中查看数据。

五、数据的查询

1、在模板文件中创建一个按钮

微信开发者工具下载码云仓库代码 微信云开发数据库,微信开发者工具下载码云仓库代码 微信云开发数据库_微信开发者工具下载码云仓库代码_13,第13张

2、在脚本逻辑文件中写下search的函数组件
search:function(){
    db.collection('user').where({
      name:'Tom'
    }).get().then(res=>{
      console.log(res);
    }).catch(err=>{
      console.log(err);
    })
  },
3、在创建成功之后,我们可以在控制台中查看数据。

六、总结

这里介绍的内容在小程序官方开发文档里已经有详细的介绍了,所以说官方文档是非常重要的
建议浏览,链接如下: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/add.html




https://www.xamrdz.com/web/2az1944699.html

相关文章: