初始化云函数

const db = wx.cloud.database();// 连接数据库

增加操作

 // 添加数据addDate() {db.collection("Test").add({data: {name: "Ac",age: "18"}}).then(res=>{console.log(res);})},

修改操作

 // 更新数据upDate() {db.collection('Test').where({name:"Ac"// 用户输入的内容}).update({data:{name: this.data.dataObj // 更新后的内容},success:res=>{console.log(res);}})}
})

查询操作

// 获取数据getDate() {db.collection('Test').get({success: res=>{console.log(res.data);this.setData({dataObj:res.data[1]})}})},

删除操作

 // 删除数据delDate() {db.collection("Test").where({name: "张三"}).remove().then(res => {console.log(res)})},

完整代码

Js

const db = wx.cloud.database(); // 连接数据库
Page({/*** 页面的初始数据*/data: {dataObj: ""},// 从输入框获取数据Goname:function(e){// console.log(e);this.setData({dataObj:e.detail.value})console.log(this.data.dataObj);},// 获取数据getDate() {db.collection('Test').get({success: res=>{console.log(res.data);this.setData({dataObj:res.data[1]})}})},// 添加数据addDate() {db.collection("Test").add({data: {name: "Ac",age: "18"}}).then(res=>{console.log(res);})},// 删除数据delDate() {db.collection("Test").where({name: "张三"}).remove().then(res => {console.log(res)})},// 更新数据upDate() {db.collection('Test').where({name:"Ac"// 用户输入的内容}).update({data:{name: this.data.dataObj // 更新后的内容},success:res=>{console.log(res);}})}
})

Wxml

<button type="primary" bindtap="getDate">点我获取数据</button>
<button type="primary" bindtap="addDate">点我添加数据</button>
<button type="primary" bindtap="delDate">点我删除数据</button>
<button type="primary" bindtap="upDate">点我更新数据</button>
<input type="text" bindinput="Goname" style="background-color: aquamarine;"/>

数据库展示

总结

主要作为笔记记载，知识点课后复习

微信小程序云开发实现增删改查操作相关推荐

微信小程序云开发—数据库增删改查
首先新建小程序项目,后端服务选择"小程序云开发",新建项目成功后,开通云开发,在app.js中添加 wx.cloud.init({traceUser: true,}) 如下图所示, ...
小程序数据框有重影_微信小程序云开发数据库增删改查
1.添加数据 onLoad: function (options) { this.adddemo(); }, adddemo:function() { const db = wx.cloud.data ...
微信小程序云开发——常用功能2：操作云数据库一键批量导入数据（导入json文件）
微信小程序云开发--常用功能2:操作云数据库一键批量导入数据(导入json文件) 今天我们要添加100条数据.下面的过程是先创建一条记录,然后导出这条数据看json文件中是如何编辑字段的,然后仿照这个 ...
Springboot 整合微信小程序实现登录与增删改查
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的! 作 ...
Spring Boot 整合微信小程序实现登录与增删改查
程序员的成长之路互联网/程序员/技术/资料共享关注阅读本文大概需要 8 分钟. 作者:浮云骑士LIN cnblogs.com/ckfeng/p/12812214.html 项目描述:在微信小程序 ...
微信小程序——数组对象的增删改查
微信小程序--数组对象的增.删.改.查 1.模拟数据的初始化定义 data: {type_name: '项目分类',name_name: '项目名称',type_sId: "",n ...
【微信小程序】数组的增删改查添加与删除
微信小程序,js页面中任意声明一个数组在数组后面操作: 添加:push() 删除:pop() 在数组前面操作: 添加:unshift() 删除shift() 代码示例 /*** 页面的初始数据*/d ...
微信小程序云开发增删改查、按条件查询、排序方法实例详解。
前言身为一个后端程序员却一直对微信小程序云开发很感兴趣,自己也用云开发写了三个开源项目了,主要是不需要配置服务器,减少服务器的花费,钱省下来用来买猪肘子啃不香嘛,不过云开发的数据库是nosql类型, ...
微信小程序云开发.云数据库.增删改查SDK
首页头部模块海报轮播模块球队导航模块 NBA新闻网络API接口,用wx.request请求,成功后用setData接收数据,在wxml中用wx.for循环输出自定义组件即自定义标签定义后在 ...

微信小程序云开发实现增删改查操作

初始化云函数

增加操作

修改操作

查询操作

删除操作

完整代码

Js

Wxml

数据库展示

总结

微信小程序云开发实现增删改查操作相关推荐

最新文章

热门文章