本文实例为大家分享了微信小程序云开发实现增删改查的具体代码，供大家参考，具体内容如下

首先按照微信小程序官方提示创建一个快速云开发小程序

大家可以点击此处下载源代码

实现效果如下：

在小型程序索引的下修改下面三个文件

index.js如下：

页面({ data: { id: ' '，//修改用来保存_id iSshow: true，inpVal: ' '，inp2Val: ' '，inp3Val: ' '，list: [] }，onload : function(){ var那=this。getusersmsg()//读取信息}, //获取文本框内容getName(e){ this。setdata({ InP val : e . detail。value })}，getAge(e){ this。setdata({ InP 2 val : e . detail。value })}，getCreated(e){ this。setdata({ InP 3 val : e . detail。value })}，//获取信息getusersmsg(){ var=this const db=wx。云。数据库()。集合(' datalist ').get({ success : function(RES){ console。记录下来。setdata({ list : RES . data })} })}，//添加信息setusersmsg(){ var=this const db=wx。云。数据库()。集合(' datalist ').添加({ data : { name :那个。数据。在瓦尔，年龄：数据。在v2 val中，创建d:那个. data . in3pval，{ success 3360 function(RES){ console。记录下来。setdata({ inval : ' '，in 2val : ' '，在P3 val : ' ' })控制台。记录(那个。数据。瓦尔-那个。数据。在v2值' '-那个.删除信息deluersmsg(e){ var那=此常量db=wx。云。database()(var id=e . CurrentTarget。数据集。id数据库。集合(“数据列表”).文档(身份证).移除({成功：功能(RES){控制台。记录下来。getusernmsg()} })}，//修改回显更改消息(e){ var=this var id=e . CurrentTarget。数据集。id const db=wx。云。数据库()数据库。集合(' datalist ').文档(身份证).获取({ success : function(RES)}那个。setdata({ InP val : RES . data。名称，inp2Val: res.data.age，InP val : RES . data。已创建，show: false，id : RES . data。_ id })})}，//更新提交updetMsg(e){ var=this var id=e . CurrentTarget。数据集。id const db=wx。云。数据库()数据库。集合(“数据列表”).文档(身份证).更新({ data : { name :那个。数据。无效，年龄：数据。inv2 val，create d : that . data . in3pval }，success 3360 function(RES){ that。getusemsg()。那个。setdata({ inval : ' '，inp2Val: ' '，inpVal: ' '，show : true })})})，})wxml索引。如下：

view class=' container ' view class=' box ' style=' background : # FFFFFF '标签姓名：/标签输入数据-值=' { { InpVal } } '绑定输入=' GetName '值=' { { InpVal } } '/输入/视图视图类=' box ' style=' background : # FFFFFF；页边距-顶部：1 rpx'标签年龄：/标签输入数据-值='{{inpVal}}' bindinput='getAge '值=' { { Inp2Val } } '/输入/视图视图类=' box ' style=' background : # FFFFFF；'页边距-top :10 rpx；'标签手机号：/标签输入数据-值=' { { InpVal } } '绑定输入=' GetCreated '值=' { { Inp3Val } } '/输入/查看按钮wx : if=' { { show } } ' bind tap=' SetUserMSg '提交/button button wx:if='{{！show } } ' data-id=' { { id } } ' bind tap=' updetMsg '确认修改/按钮/视图视图类='信息消息'视图标签姓名/标签标签年龄/标签标签手机号/标签标签操作“{ { list } }”的/label/view视图wx :标签{ { item。名称} }/标签标签{ { item。age } }/标签标签{ { item。已创建} }/label标签文本数据-id=' { { item } ._id}}' bindtap='changeMsg '修改/文本/标签/视图/视图索引。页面样式表如下：

第{背景： # f6f 6；显示： flex flex-方向：柱；正义-内容： flex-start；font-size : 30 rpx}.盒子{宽度： 90%;显示： flex背景：灰色}按钮{宽度： 90%;高度： 40px线高： 40px保证金-top : 20 rpx；background: # ffffff}。infoMsg {宽度： 90%；margin:汽车保证金-top : 20 rpx；border: 1rpx实心# e2e2e font-size : 28 rpx；}.信息消息视图{ display : flex border-top : 1rpx实心# e2e2e2}。信息消息视图标签{ flex : 1；高度： 80rpx线高： 80 rpx文本对齐：中心；飞越：隐藏；文本-飞越：省略号；空白： nowrap}.infoMsg视图标签: not(:第一个孩子){ border-left : 1rpx solid # e2e 2；}.infoMsg查看标签文本{ margin-right : 10 rpx；border: 1rpx实心# e2e2e2}数据集合如下图：

大家可以点击此处下载源代码，有问题可以评论交流！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。