微信小程序云开发及一些微信小程序的回顾个人笔记

官方自带模板  第一个文件夹是一个 云函数|项目的名字
              第二个文件夹是迷你程序  里面有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返回的是集合中的所有数据

猜你喜欢

转载自blog.csdn.net/qq_41619567/article/details/83146640