亚洲精品亚洲人成在线观看麻豆,在线欧美视频一区,亚洲国产精品一区二区动图,色综合久久丁香婷婷

              當(dāng)前位置:首頁 > IT技術(shù) > 微信平臺 > 正文

              小程序云開發(fā)四:向云數(shù)據(jù)庫插入一條數(shù)據(jù)
              2021-07-28 14:45:33

              上一篇的文章里,有提到像數(shù)據(jù)庫里面插入一條數(shù)據(jù),今天主要是把《小程序云開發(fā):向云數(shù)據(jù)庫插入一條數(shù)據(jù)》單獨拉出來寫個小的demo,方便記憶和理解。
              參考文檔:
              https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/add.html

              1:方法在小程序的api里面說的很清楚,通過在集合對象上調(diào)用 add 方法往集合中插入一條記錄,方法如下:

              db.collection('todos').add({
                // data 字段表示需新增的 JSON 數(shù)據(jù)
                data: {
                  // _id: 'todo-identifiant-aleatoire', // 可選自定義 _id,在此處場景下用數(shù)據(jù)庫自動分配的就可以了
                  description: 'learn cloud database',
                  due: new Date('2018-09-01'),
                  tags: [
                    'cloud',
                    'database'
                  ],
                  // 為待辦事項添加一個地理位置(113°E,23°N)
                  location: new db.Geo.Point(113, 23),
                  done: false
                },
                success(res) {
                  // res 是一個對象,其中有 _id 字段標(biāo)記剛創(chuàng)建的記錄的 id
                  console.log(res)
                }
              })
              

              2:打開云開發(fā)控制臺,添加一個todos集合,插入的數(shù)據(jù)會在這個集合里面顯示。


              ?
              小程序云開發(fā)四:向云數(shù)據(jù)庫插入一條數(shù)據(jù)_分享
              ?

              3:例子,在昨天的項目中接著main文件寫

              main.wxml

              <view>
                <button  bindtap='insertData'>插入數(shù)據(jù)</button>
              </view>
              

              main.js

              const app = getApp()
              Page({
              
                data: {
                },
                onLoad: function (options) {
              
                },
                // 單擊“插入數(shù)據(jù)”按鈕調(diào)用該函數(shù)
                insertData: function () {
                  const db = wx.cloud.database({});
                  const cont = db.collection('todos');
              
                  cont.add({
              
                    data: {
                      description: "向云數(shù)據(jù)庫插入一條數(shù)據(jù)",
                      due: new Date('2018-12-25'),
                      tags: [
                        "cloud",
                        "database"
                      ],
                    },
                    success: function (res) {
                      console.log(res._id)
                      wx.showModal({
                        title: '成功',
                        content: '成功插入記錄',
                        showCancel: false
                      })
                    }
                  });
                },
              
              })
              

              4:打開界面,點擊插入數(shù)據(jù)按鈕,插入成功會出現(xiàn)提示彈框提示成功,插入的id也會在界面打印出來。


              ?
              小程序云開發(fā)四:向云數(shù)據(jù)庫插入一條數(shù)據(jù)_分享_02
              ?

              5:打開云開發(fā)控制臺,我們可以看見自己剛剛插入的數(shù)據(jù)


              ?
              小程序云開發(fā)四:向云數(shù)據(jù)庫插入一條數(shù)據(jù)_分享_03
              ?

              6:那該如何從云數(shù)據(jù)庫讀取剛剛插入的這條數(shù)據(jù),打印在前端界面?且看明天的博客。

              原文作者:祈澈姑娘
              90后前端妹子,愛編程,愛運營,愛折騰。
              堅持總結(jié)工作中遇到的技術(shù)問題,堅持記錄工作中所所思所見

              本文摘自 :https://blog.51cto.com/u

              開通會員,享受整站包年服務(wù)立即開通 >