小程序的基本概念-生命周期(组件 wxml)

时间:2020-12-15 21:04:12

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

---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=>{})