zoukankan      html  css  js  c++  java
  • 小程序的基本概念-生命周期(组件 wxml)

    一、组件生命周期:一个组件从创建开始到使用中最后被销毁的过程

    ---onLoad事件:组件(创建成功并且加载完成)触发一次

    (1)当此事件触发发送请求获取数据

    (2)获取其他组件传递数据(options)

    ---onReady 组件渲染成功   触发一次

    ---onShow   组件显示完成   触发多次

    ---onHide     组件隐藏完成   触发多次

    ---onUnload 组件销毁          触发一次(谨慎使用)

    二、小程序云开发(重点)----出错非常

    小程序团队+腾讯云合作新方案=云开发

    (云函数+云数据库+云存储)

    综合实例:

    (1)"云开发"=>"控制面板"->创建集合   web1906b

    (2)创建组件 db07

    (3)在组件模板中添加元素  view add 添加三条记录

        uname  job sal

    (4)添加view 元素绑定点击事件  <view>查询</view>

    (5)*为每条记录添加<view>del</view>

    当用户点击 del 删除指定元素

    2.1   小程序开发云服务器----操作数据库方式--查询当前用户所有记录

    db.collection("集合名称");

    .get()

    .then(res=>{})

    .catch(err=>{})

    2.2  小程序开发云服务器---操作云数据库方式---查询当前用户一部记录

    db.collection("集合名称")

    .where({

      name:"小明"

    })

    .get()

    .then(res=>{})

    .catch(err=>{})

    2.3    小程序开发云服务器---操作云数据库方式---更新数据

    db.collection("集合名称")

    .doc("当前记录 id")     #容易出错复制

    .update({

       data:{age:23}

    }).then(res=>{

       //执行成功回调

    }).catch(err=>{

       //执行失败回调

    })

    2.4   小程序开发云服务器---操作云数据库方式---添加数据

    var data = {
          name: "文哥",
          age: 37,
    }
    //添加
    db.collection("web1906a")//指定集合
    .add({
           data: data //添加数据
    })
    .then(res => { console.log(res) }) //成功回调
    .catch(err => { console.log(err) }) //失败回调
     
    2.5  小程序开发云服务器---操作云数据库方式---删除一条记录
    #小程序端只能一次删除一条记录
    db.collection("集合名称")
    .doc("当前记录id")           #出错
    .remove()
    .then(res=>{console.log()})
    .catch(err=>{})
     
  • 相关阅读:
    注册登录过程点滴(一):初始的想法分享是王道
    根据Cron表达式,通过Spring自带的CronSequenceGenerator类获取下次执行时间
    解决jqGrid中,当前页一直显示为0的问题
    使用JDK自带功能,实现一个简单的Web Service接口发布
    Linux 僵尸进程 ( Zombie or defunct )
    C语言赋值操作符
    面试题 ( ++a )和( a++ )
    关于学习Linux的经典书籍
    C语言中的 sizeof 问题
    条件变量 pthread_cond_wait ()
  • 原文地址:https://www.cnblogs.com/sna-ling/p/11826444.html
Copyright © 2011-2022 走看看