0运维？微信小程序云开发增删查改【05】

在创建小程序时，选择云开发：

随后进入项目之后，此时整个目录如下：

此时我们如图目录即可找到首页位置：

接着咱们清除 index.wxml 代码内容：

在 index.wxml 中加入如下代码：

<view>
<button bindtap="select_t">select all</button>
<button bindtap="select_u">update</button>
<button bindtap="select_a">add</button>
<button bindtap="select_r">remove</button>
</view>

接着页面将会呈现如下效果：

在代码中的 bindtap 指绑定一个事件，例如点击后会对应的跳转到一个 js 函数中执行这个函数，bindtap="select_t"就是指点击后跳转到一个页面 select_t 这个函数。

接着在 index.js 中添加一个 select_a 函数，用于增加数据，代码如下：

select_a(){news.add({data:{name:'name_',show:0},success:res=>{console.log(res._id)}})}

这是一个 js 的代码，往数据库中添加一条数据。但是此时我们得注意，需要先新增一个数据库。首先点击：

打开后出现页面可是的云开发管理界面，点击数据库，点击加号，输入名字即可创建数据集合：

集合创建后将会出现在左侧列表之中：

接着在 index.js 代码头部写上链接语句：

const db=wx.cloud.database();
const news=db.collection('news');

首先使用 const db=wx.cloud.database();创建数据库对象，接着使用数据库对象链接一个数据库，并且给予到 news 变量之中 const news=db.collection('news');。
所以select_a 函数中使用了 news 变量，news 变量就等于是 news 数据库对象。

select_a(){news.add({data:{name:'name_',show:0},success:res=>{console.log(res._id)}})}

以上代码 news.add() 表示往数据库中增加内容，其中 data 指的是数据，在此处添加了一个变量 name 与一个 show，添加成功后将使用 console.log 打印添加成功的id值。

其他的几个函数示例如下：

select_t(){news.limit(5).get({success:res=>{this.setData({newList:res.data});console.log(res.data)}})},select_u(){news.doc("3ba7a66861a72abf012f2af24e311ae0").update({data:{name:"test"},success:res=>{console.log('success'); }})},select_a(){news.add({data:{name:'name_',show:0},success:res=>{console.log(res._id)}})},select_r(){news.doc("908462d561a72b92012bf57729c009a9").remove({success:res=>{console.log("success");},fail:err=>{console.log("fail",err);}})},

以上代码中 doc 指增加条数的 id。
查询增加条件只需要增加 where 即可，如下：

select_a(){news.where({name:'name_',show:0}).get({success: res=> {// res.data 是包含以上定义的两条记录的数组console.log(res.data)}})},

若想要删除给定列内容可以将函数写成如下方式:

select_a(){news.where({name:'name_',show:0}).remove({success: res=> {// res.data 是包含以上定义的两条记录的数组console.log("success")}})},

对了不要纠结那个函数名。

0运维？微信小程序云开发增删查改【05】相关推荐

0.1+0.2不等于0.3，微信小程序云开发如何解决JavaScript小数计算精度失准的问题
先看图,0.1+0.2不等于0.3 这个是JavaScript语言自身存在的一个问题.说到这里不得不提一下网上流传的JavaScript搞笑图我们在使用云开发来开发微信小程序的时候,会经常遇到Jav ...
基于微信小程序云开发（校园许愿墙app）2.0稳定版，以发布上线
大家好~我是c站的一个小博主,我会定期更新博文,本篇是围绕微信小程序基于腾讯云开发展开的一个项目,如果看着还不错,或者对您有帮助的话,可以进我的专栏看看我的小程序的其他作品https://blog.c ...
微信小程序云开发 · 从0搭建商业级校园跑腿平台（已开源）
微信小程序云开发 · 从零搭建商业级校园跑腿平台小秃僧新生代农民工,一枚准毕业的大四学生,热爱前端开发,做个有态度.有思想.有价值的公众号. 好久不更新了,再更新已是打工人! 我将分享用云开发 ...
微信小程序云开发用户身份登录_你必须要掌握的微信小程序云开发
微信小程序开发已经成为目前最火爆的技能之一,无论是在求职.毕设.兴趣培养等方面都已经成为一项必备技能,而小程序云开发技术的出现更是点燃了整个小程序生态圈. 在2019微信公开课PRO小程序分论坛上,腾 ...
怎么实现微信小程序云开发拼团功能？
[微信云开发教程]怎么实现微信小程序云开发拼团功能? 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 [微 ...
微信小程序云开发初步上手
微信小程序云开发初步上手 1.概述 2019年11月6-7日,我报名参加了腾讯开发者大会举办的"2019年小程序.云开发极限编程"活动,英文名为"CloudBase Ha ...
微信小程序云开发入门实践
云开发介绍什么是云开发 2017年微信小程序发布后,一度的开发模式是前端页面使用微信小程序的相关组件,在涉及到后台登录及业务交互的时候,需要使用自建的服务器,后台不管是PHP还是JAVA架构,都需要 ...
微信小程序云开发实战：网上商城（二）
微信小程序云开发实战:网上商城(二) 主页面入口页面云函数与云数据库代码实现云端实现小程序端实现选择UI组件库 WeUI Vant 整合UI组件库以扩展包的方式引入weui 接下来主页 ...
没学后端也能开发小程序——微信小程序云开发的介绍知识
微信小程序云开发的介绍知识云开发模式产品经理-->前端开发-->上线云开发传统开发效率只关心业务逻辑,效率高需要关注非业务逻辑,效率低成本按需付费,有免费额度前期需要预 ...

0运维？微信小程序云开发增删查改【05】

0运维？微信小程序云开发增删查改【05】相关推荐

最新文章

热门文章