1. 程式人生 > >微信小程式雲開發及一些微信小程式的回顧個人筆記

微信小程式雲開發及一些微信小程式的回顧個人筆記

官方自帶模板  第一個資料夾是一個 雲函式|專案的名字
              第二個資料夾是迷你程式  裡面有json js wxss 和三個資料夾 images pages style
              第三個是readme介紹
              第四個是一些 配置檔案 小程式的根 雲函式的根 url檢查 es6支援 appid等等

              第二個資料夾裡面的 js json wxss 
              app.wxss設定了container的盒模型 排列方式 內容排列方式
              app.json  cloud設定了true
                        pages裡面配置了當前同等檔案位置的每個頁面
              app.js中 寫了App({})   onLaunch  生命週期回撥—監聽小程式初始化
                                     wx.cloud 判斷小程式是否有云能力
              GlobalData可以隨時在頁面中讀取和儲存資料,比Storage方便很多。
              使用globalData 首先在對應的js頁面中 寫 var app=getApp();
              wxml bindtap繫結事件   js xx:function(){}中 wx.navigateTo({"url":"..."})進行跳轉
              直接使用navigator標籤 裡面url進行跳轉  opentype
              navigator的open-type屬性 可選值 'navigate'、'redirect'、'switchTab',對應於
wx.navigateTo、wx.redirectTo、wx.switchTab的功能
              標籤上wx:for="{{xx}}" 會顯示xx數量個同類標籤

              const db = wx.cloud.database() 這個是調取微信雲資料庫的
              db.collection("資料庫名字").add({
                 data:{},
                 success:res=>{
                       在裡面設定this.setData({})寫入的值 會變成當前本條雲資料的欄位
                       每條記錄生成之後會在雲資料庫中自動生成一個ID 可以用res._id獲取
                 },fail:err=>{}
                 )}
                 
               })

               每次提交都會產生一個新的記錄
               
               wx.showToast({
                 title:‘提示的訊息’
               })   這個可以彈出一個 對勾 下面顯示文字訊息
               
               如果有很多需要根據判斷進行展示的頁面 就把每個頁面 用wx:if="{{ step===2 }}",判斷當前
的步驟是否是第2步 別的標籤塊寫法相同
               style="color:{{step===index+1?'green':'black'}}" 

               微信雲開發雲資料庫的名稱叫集合 集合必須在雲開發控制檯中建立

               集合中的查詢 bindtap繫結事件 也是先建立雲資料庫變數 wx.cloud.database();
               查詢語句多了個where 後面跟get
               db.collection('counters').where({ _openid:this.data.openid }).get({
               success:res=>{},fail:err=>{}})
               res返回的是集合中的所有資料