• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序云开发-数据库-用户更新数据并提交

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一、wxml增加input输入框和【更新商品价格】按钮

在商品详情页新增【更新商品价格】按钮,wxml新增部分代码,input绑定事件,用于获取用户输入的内容。按钮绑定事件,用于更新商品价格。

 

 

 二、js实现代码获取input内容和更新商品价格功能

1.定义getNewPrice()获取inputyoghurt输入的内容

 

 2.定义updatePrice(),用户实现更新商品价格的功能

 

更新成功后,显示提示框

 

 

 注意事项:

1.更新数据的.doc(id)中的id是从列表页获得的,有两个函数使用到这个id(onload函数和updatePrice函数),因此需要定义为全局变量

 

 2.newPrice定义为全局变量,可以在多个函数中使用

 

【代码优化】实现页面上实时显示最新价格

1.将获取商品信息封装成函数getGoods(),在页面加载的时候调用此函数(即在onload()中调用getGoods()函数),来实现页面加载的时候查询商品数据

 

 2.数据更新成功后,再次调用getGoods()函数,再次查询数据库一次,实现页面实时显示最新价格

 

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序用户登录显示\"微信用户\"的问题——解决分析 ...发布时间:2022-07-18
下一篇:
微信小程序 图片缩放发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap