美文网首页苏苏的微信小程序
微信小程序云开发01

微信小程序云开发01

作者: 苏苏哇哈哈 | 来源:发表于2022-01-11 13:16 被阅读0次

1.创建项目

直接创建云开发,或者手动初始化云环境
以下为直接创建:


在这里插入图片描述

以下为手动创建:
修改project.config配置文件

在这里插入图片描述

修改app.js

// app.js
App({
  onLaunch: function () {
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力');
    } else {
      wx.cloud.init({
        // env 参数说明:
        //   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境(第一个创建的环境)
        // env: 'my-env-id',
        traceUser: true,
      });
    }
    this.globalData = {};
  }
})

创建func文件夹,用来存放云函数。


在这里插入图片描述

2.云开发控制台

2.1选择数据库,可以创建集合。


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

3.基本的CURD

新增

 insert() {
    db.collection('user_info_dict').add({ //test指集合名
      // data 字段表示需新增的 JSON 数据
      data: {
        // _id: 'todo-identifiant-aleatoire', //可以自定义,这里让系统自动生成
        name: "test002", //name是字段名,下同
        sex: "女",
        phone: "123",
        address: "test地址",
        age: '20'
      },
      success: function (res) {
        // res 是一个对象,其中有 _id 字段标记刚创建的记录的 id
        console.log(res)
        if (res._id) {
          wx.showToast({
            title: '插入成功',
            icon: "none"
          })
        }
      }
    })
  },

查询所有

 selectAll() {
    // 3.查询集合中的所有记录
    db.collection('user_info_dict').get({
      success: (res) => {
        // res.data 是一个包含集合中有权限访问的所有记录的数据,不超过 20 条
        console.log(res.data)
        this.setData({
          list: res.data
        })
      }
    })
  },
在这里插入图片描述
查询某一项的详情
 selectOne() {
    // 4.查询集合中的一条记录
    let _id = "17e3426e61dbc79104532d2b754f6ab2"
    db.collection('user_info_dict').doc(_id).get({ //_id是记录对应的_id,下同
      success: function (res) {
        // res.data 包含该记录的数据
        console.log(res.data)
        this.setData({
          detail:res.data
        })
      }
    })
  },
在这里插入图片描述
修改
  update() {
    let _id = "54ad1eea61dbc74304cb43db7eb1766e";
    db.collection('user_info_dict').doc(_id).update({
      // data 传入需要局部更新的数据
      data: {
        // 表示将 done 字段置为 true
        address: "修改地址"
      },
      success: function (res) {
        console.log(res)
      }
    })

  },

删除

delete() {
    // 6.删除集合中的一条记录
    let _id = "54ad1eea61dbc74304cb43db7eb1766e";
    db.collection('user_info_dict').doc(_id).remove({
      success: function (res) {
        console.log(res)
      }
    })
  }

相关文章

  • 微信小程序云开发(一)

    什么是微信云开发 微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。 开发者可以使用云开发快速开发小程序、...

  • 小程序Cloud开发归纳

    小程序云开发 小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小...

  • 微信小程序知识全景思维导图

    微信小程序思维导图 腾讯云小程序学习地址 小程序开发文档 小程序开发社区

  • 微信小程序开发系列六:微信框架API的调用

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的...

  • 微信小程序云开发01

    1.创建项目 直接创建云开发,或者手动初始化云环境以下为直接创建: 以下为手动创建:修改project.confi...

  • 强势来袭!微信小程序·云开发功能上线

    文章来源于:强势来袭!微信小程序·云开发功能上线 昨天,微信公众平台发布,微信小程序-云平台功能上线,这对于微信小...

  • 小程序·云开发 项目开发经验分享

    近期,小程序开放了新的能力——「小程序·云开发」,帮助开发者快速构建微信小程序的后端服务。我作为一名微信小程序的开...

  • 微信小程序云开发httpApi调用

    前言 微信小程序的开发愈发火热,微信官方推出的云开发功能给中小型开发者提供了很大助力。开启了云开发功能的小程序,可...

  • H5打开微信小程序

    前置条件 小程序开发技术栈: uni-app 开通微信云开发 开通静态网站,需要在「微信开发者工具 - 云开发 -...

  • 微信小程序-开发详解一

    微信小程序-开发详解一 微信小程序-开发详解一

网友评论

    本文标题:微信小程序云开发01

    本文链接:https://www.haomeiwen.com/subject/bdmbcrtx.html