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=>{})
     
  • 相关阅读:
    深港DJ好听的歌曲
    电调的相关知识
    CAD画图技巧经验
    第一期周二航拍视频分享 2017/07/10
    网站资料
    如何读懂零件图
    航拍技巧经验总汇
    乐迪AT9
    机器学习、数据挖掘、计算机视觉等领域经典书籍推荐
    Eclipse调试Java程序技巧
  • 原文地址:https://www.cnblogs.com/sna-ling/p/11826444.html
Copyright © 2011-2022 走看看