编写一个微信小程序修改已注册的用户的信息。

开发平台：微信开发者工具

微信云开发更新信息的代码字段update:

在update.js页面添加数据库peocollection(需要提前在云数据库创建并添加一定数据)
按下按钮查找张三的_id号
在数据库中根据_id号进行查找，找到张三并修改其数据

修改后张三的数据已经更新为100

本次导入了vant-weapp库

可在该网站进行下载：
https://github.com/youzan/vant-weapp

####完整代码：

update.js

// const _ = db.command()
const db = wx.cloud.database()
const peocollection = db.collection('people')
Page({/*** 页面的初始数据*/data: {page:0,id:""},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {peocollection.get().then(res=>{console.log(res)this.setData({people: res.data})})},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {peocollection.get().then(res=>{console.log(res)this.setData({people: res.data},res=>{console.log("数据更新完成")wx.stopPullDownRefresh()})})},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {let page = this.data.page+25;peocollection.skip(page).get().then(res=>{let old_data=res.datalet new_data=this.data.peoplethis.setData({people: old_data.concat(new_data),page:page},res=>{console.log(res)//wx.stopPullDownRefresh()})})},/*** 用户点击右上角分享*/onShareAppMessage: function () {},click:function(event){console.log(event.currentTarget.dataset.id)peocollection.doc(event.currentTarget.dataset.id).update({data:{view: _.inc(1)}})},updateData(){peocollection.where({"title":"张三"}).get().then(res=>{console.log(res)this.setData({id:res.data[0]._id})console.log(this.data.id)peocollection.doc(this.data.id).update({data:{view:100}}).then(res=>{console.log("数据修改成功,已将金额修改为100")})})}
})

update.json（需要导入vant-weapp库，不然无法正常显示）

{"usingComponents": {"van-card": "../../dist/card"},"enablePullDownRefresh":true,"onReachBottomDistance":25
}

update.wxml

<button type="primary" bindtap="updateData">修改张三信息</button>
<block wx:for="{{people}}">
<van-cardnum="2"price="{{item.view}}"desc="{{item.team}}"title="{{item.title}}"data-id="{{item._id}}"thumb="{{ imageURL }}"bindtap="click"
/>
</block>

update.wxss

微信小程序云开发修改用户信息相关推荐

微信小程序云开发删除用户信息
编写一个微信小程序删除已注册的用户的信息. 开发平台:微信开发者工具微信云开发删除信息的代码字段remove: 在delete.js页面添加数据库peocollection(需要提前在云数据库创建并 ...
微信小程序云开发之用户输入数据后excel表格导出升级版
大家好,我是csdn的小博主lqj_本人,最近在哔哩哔哩开始上传我的制作微信小程序的详细流程,大家可以关注一下哔哩哔哩:小淼前端本次程序的详细视频教程已上传至哔哩哔哩: 腾讯云开发小程序之用户输入数 ...
微信小程序云开发获取用户openid
下面带领大家借助小程序云开发获取用户唯一标识openid 首先在磁盘建立一个文件夹,存放此项目在目录这里选择自己创建的文件夹位置,AppID输入自己申请的小程序AppID,然后选择不使用云服务,我们 ...
❤️微信小程序云开发教程合集（视频+图文）免费❤️
一.视频版微信小程序云开发视频教程上线啦二.图文版 (1)预备知识 1. 怎么注册开通个人微信小程序 2. 微信小程序云开发教程-互联网软件的运作模式 3.微信小程序云开发教程-云开发对微信小程序 ...
微信小程序云开发用户身份登录_你必须要掌握的微信小程序云开发
微信小程序开发已经成为目前最火爆的技能之一,无论是在求职.毕设.兴趣培养等方面都已经成为一项必备技能,而小程序云开发技术的出现更是点燃了整个小程序生态圈. 在2019微信公开课PRO小程序分论坛上,腾 ...
微信小程序-云开发下的用户注册及用户登录逻辑
文章目录一.前言二.思路分析三.这样做的好处 1.安全性 2.便捷性 3.健壮性四.实现代码 1.创建集合.配置权限 2.实现代码(app.js) 五.一些疑惑六.结语一.前言基于微信小 ...
【系】微信小程序云开发实战坚果商城-云开发之商品信息和主题商品数据实现
第 3-8 课:云开发之商品信息和主题商品数据实现目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES ...
【原创】微信小程序云开发通过input输入框动态修改云数据库的数据
[原创]微信小程序云开发通过input输入框动态修改云数据库的数据效果: 可以在小程序的显示界面中,渲染出数据库的相关内容,并且可以在显示界面中,直接修改数据库中的数据. 初始状态图: 点击获取数据 ...
微信小程序云开发不完全指北
微信小程序云开发不完全指北首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小 ...

微信小程序云开发修改用户信息

编写一个微信小程序修改已注册的用户的信息。

修改后张三的数据已经更新为100

本次导入了vant-weapp库

update.js

update.json（需要导入vant-weapp库，不然无法正常显示）

update.wxml

update.wxss

微信小程序云开发修改用户信息相关推荐

最新文章

热门文章

微信小程序云开发 修改用户信息

编写一个微信小程序修改已注册的用户的信息。

修改后张三的数据已经更新为100

本次导入了vant-weapp库

update.js

update.json（需要导入vant-weapp库，不然无法正常显示）

update.wxml

update.wxss

微信小程序云开发 修改用户信息相关推荐

最新文章

热门文章

微信小程序云开发修改用户信息

微信小程序云开发修改用户信息相关推荐