微信小程序云开发实现增删改查(增)

news/2024/7/20 2:10:08 标签: 数据库, 小程序, javascript

目录:
微信小程序云开发实现增删改查(增)
微信小程序云开发实现增删改查(删)
微信小程序云开发实现增删改查(改)
微信小程序云开发实现增删改查(查)
微信小程序云开发技术越来越普及,更低的开发门槛,更快的开发效率,更合理的开发成本,吸引着更多的开发者涉足。
作为一个完整的项目,增删改查一定是必不可少的环节,云开发实现增删改查非常的无脑,有手就行。
首先我们做一下准备工作,打开app.js,在onLaunch函数中,初始化云开发环境。
在这里插入图片描述
这里的env,可以打开云开发的可视化面板,点设置那里查看,每个人的都不一样。
在这里插入图片描述
ok,我们先实现增。
我们先在云数据库目录,新建一个product的空集合。
在这里插入图片描述
然后新建一个空页面。
首先我们需要在新建页面的js文件中的顶部,写一句

javascript">const db = wx.cloud.database();

然后在onLoad函数中实现增加操作。
模板:

javascript">  onLoad: function (options) {
    db.collection('集合名称').add({
      data:{
        // 键值对的方式写入数据
        key:value
      },
      success(res){
        // 添加数据成功的回调函数
      },
      fail(res){
        // 添加数据失败的回调函数
      }
    })
  },

实例:

javascript">  onLoad: function (options) {
    db.collection('product').add({
      data:{
        name:'小刘',
        age:20,
        gender:'男'
      },
      success(res){
        console.log('添加数据成功',res)
      },
      fail(res){
        console.log('添加数据失败',res)
      }
    })
  },

然后我们执行一下。
可以看到控制台的输出:
在这里插入图片描述
我们应该是添加数据成功了,去云数据库的可视化面板看一下。
在这里插入图片描述
没有问题,和我们预想的一样,数据成功的被导入到了云数据库里面,我们实现了增删改查中的增操作,删改查操作我们在后续文章中继续完成。
有什么问题可以联系QQ:505417246
关注下面微信公众号,可以领取微信小程序、Vue、TypeScript、前端、uni-app、全栈、Nodejs等实战学习资料
在这里插入图片描述


http://www.niftyadmin.cn/n/1576701.html

相关文章

java泛型中? super String和? extends String 的区别

&#xff08;1&#xff09;<? super String> is any class which is a superclass of String (including String itself). (In this case, the only other suitable class is Object.) 即包括String的父类和它本身的类。 &#xff08;2&#xff09; <? extends Stri…

微信小程序云开发实现增删改查(删)

目录&#xff1a; 微信小程序云开发实现增删改查(增) 微信小程序云开发实现增删改查(删) 微信小程序云开发实现增删改查(改) 微信小程序云开发实现增删改查(查) 承接上文&#xff0c;上文实现了增删改查的增操作&#xff0c;这次我们实现一下删除操作。 之前我们向云数据库的pr…

微信小程序云开发实现增删改查(改)

目录&#xff1a; 微信小程序云开发实现增删改查(增) 微信小程序云开发实现增删改查(删) 微信小程序云开发实现增删改查(改) 微信小程序云开发实现增删改查(查) 在之前的文章中&#xff0c;我们已经实现了增加和删除的操作&#xff0c;这次我们实现改的操作。 我们依然像讲解增…

Linux命令速查大全

常用基本命令 ls   显示文件或目录-l 列出文件详细信息l(list)-a 列出当前目录下所有文件及目录&#xff0c;包括隐藏的a(all)mkdir 创建目录-p 创建目录&#xff0c;若无父目录&#xff0c;则创建p(parent)cd 切…

微信小程序云开发实现增删改查(查)

目录&#xff1a; 微信小程序云开发实现增删改查(增) 微信小程序云开发实现增删改查(删) 微信小程序云开发实现增删改查(改) 微信小程序云开发实现增删改查(查) 之前我们已经实现了增删改查的增删改操作&#xff0c;这次我们实现最后一个查询操作。 有实际项目经验的同学都知道…

vue基础点

1、v-model&#xff1a;主要在表单中使用&#xff0c;双向功能&#xff1b;2、插值&#xff1a;{{}} &#xff1a; 文本插值&#xff0c;将数据解释为纯文本v-text&#xff1a; v-html&#xff1a;输出真正的html&#xff0c;数据绑定会被忽略&#xff0c;只对可信内容使用 HTM…

Vue.js入门之环境引入(适用任何编辑器)

Vue (读音 /vjuː/&#xff0c;类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是&#xff0c;Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层&#xff0c;方便与第三方库或既有项目整合。 作为一个前端&#xff0c;Vue是必须…

微信小程序过渡提示框showLoading的使用

在微信小程序中用户进入一个页面时会经历一个页面的加载渲染过程&#xff0c;这个过程的时间受诸多因素影响&#xff0c;如果不加以处理&#xff0c;用户体验就会很差&#xff0c;很多开发者都会选择加一个提示框用以过渡。 官方提供了一个showLoading界面交互API用以此需。 一…