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

2024-09-01 17:31:19

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

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

最新文章

热门文章