微信小程序云开发如何--实现简单的增删改查
生活随笔
收集整理的這篇文章主要介紹了
微信小程序云开发如何--实现简单的增删改查
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先新建一個項目,后端服務選擇 小程序·云開發
進入之后提示未:沒有權限,請先開通云服務。
這時候點擊云開發即可開通。首次開通云環境后,需等待大約 10 分鐘方可正常使用;還請南信等待。
這時候需要進行初始化程序:
首先在app.js中修改:其中env后面的為環境ID,可在云開發-設置當中查找。
然后再云開發-數據庫-集合名稱中新建一個名稱隨意---我起名叫 list,這就是你要操作的那張表
//app.js App({onLaunch: function () {//云開發環境初始化wx.cloud.init({env: "qushen-boxwe"})} }) <!--index.wxml--> <view class="container"> <!--添加數據--> <input placeholder="請輸入姓名" bindinput="addName"></input> <input placeholder="請輸入年齡" bindinput="addAge"></input> <button bindtap="adddata" type="primary">添加數據</button><input placeholder="填寫要查詢的id" bindinput="getInput"></input> <button bindtap="getdata" type="primary">查詢數據</button><button bindtap="getAlldata" type="primary">全量查詢</button><input placeholder="填寫要刪除的id" bindinput="deleteInput"></input> <button bindtap="deletedata" type="primary">刪除數據</button><input placeholder="請輸入你要更新的id" bindinput="upDataInput"></input> <input placeholder="請輸入年齡" bindinput="udpAge"></input> <button bindtap="updata" type="primary">修改數據</button> </view>?
//index.js wx.cloud.database()是云數據庫,collection("list")是獲取表 const DB = wx.cloud.database().collection("list")let name="" let age="" let id = ""Page({//獲取用戶輸入的nameaddName(evn){name=evn.detail.value},//獲取用戶輸入的ageaddAge(evn) {age = evn.detail.value},//獲取用戶要查詢的idgetInput(evn) {id = evn.detail.value},//獲取用戶刪除的iddeleteInput(evn) {id = evn.detail.value},//獲取用戶輸入的idupDataInput(evn) {id = evn.detail.value},upage(evn) {id = evn.detail.value},//添加數據adddata(){DB.add({data:{name:name,age: age},success(res){console.log("添加成功",res)},fail(res) {console.log("添加失敗" ,res)},})},//條件查詢數據getdata() {DB.doc(id).get({success(res) {console.log("查詢成功", res)},fail(res) {console.log("查詢成功", res)},})},//全量查詢數據getAlldata() {DB.get({success(res) {console.log("查詢成功", res)},fail(res) {console.log("查詢成功", res)},})},//刪除一條消息deletedata() {DB.doc(id).remove({success(res) {console.log("刪除成功", res)},fail(res) {console.log("刪除成功", res)},})},//更新數據 updata(){DB.doc(id).update({data: {age: age},success(res) {console.log("修改成功", res)},fail(res) {console.log("修改失敗", res)},}) } })?
?
?
?
總結
以上是生活随笔為你收集整理的微信小程序云开发如何--实现简单的增删改查的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 玻璃晴朗,橘子辉煌.这句是什么意思?
- 下一篇: 最新两个字的个性游戏网名92个