微信小程式雲開發及一些微信小程式的回顧個人筆記
官方自帶模板 第一個資料夾是一個 雲函式|專案的名字
第二個資料夾是迷你程式 裡面有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返回的是集合中的所有資料