0运维?微信小程序云开发增删查改【05】
在創建小程序時,選擇云開發:
隨后進入項目之后,此時整個目錄如下:
此時我們如圖目錄即可找到首頁位置:
接著咱們清除 index.wxml 代碼內容:
在 index.wxml 中加入如下代碼:
接著頁面將會呈現如下效果:
在代碼中的 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();創建數據庫對象,接著使用數據庫對象鏈接一個數據庫,并且給予到 news 變量之中 const news=db.collection('news');。
所以select_a 函數中使用了 news 變量,news 變量就等于是 news 數據庫對象。
以上代碼 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}).remove({success: res=> {// res.data 是包含以上定義的兩條記錄的數組console.log("success")}})},對了不要糾結那個函數名。
總結
以上是生活随笔為你收集整理的0运维?微信小程序云开发增删查改【05】的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 小程序获取头像试试水 02《 程序员变现
- 下一篇: 10分钟做一个新闻问答web站点[iVX