模版语法与数据绑定
模板语法:使用双大括号“{绑定变量}}}”
数据绑定:使用双大括号“{{绑定变量}}}”与Data(){}函数中返回{}的数据绑定
动态绑定:使用v-bind指令绑定要绑定的属性(v-bind缩写::)
双向绑定:使用V-model指令
<view v-bind:class="className">
hello uni-app
</view>
打开hbuilderx,点击左上角的“hbuilderx”->“preferences”打开“settings.json”,点击“run configuration”,下拉找到“applet run configuration”,点击右侧的“Browse”找到开发者工具路径(或手动填写开发者工具路径)
Onlaunch和Onshow是常用的
Uni app支持以下应用程序生命周期功能:onlaunch、Onshow、onhide、onerror、onuninviewmessage、onunhandledrejection、onpagenotfound、onTheChange
// App.vue使用方法
export default {
// 当uni-app初始化完成时触发(全局只触发一次)
onLaunch: function() {
},
// 当uni-app启动,或从后台进入前台显示
onShow: function() {
},
// 当uni-app从前台进入后台
onHide: function() {
},
// 当uni-app报错时触发
onError: function() {
},
// 对nvue页面发送的数据进行监听
onUniNViewMessage: function() {
},
// 对未处理的 Promise 拒绝事件监听函数
onUnhandledRejection: function() {
},
// 页面不存在监听函数
onPageNotFound: function() {
},
// 监听系统主题变化
onThemeChange: function() {
},
}
认识 uniCloud
Unicloud是一个基于无服务器模式和JS编程的云开发平台,由dccloud联合阿里云和腾讯云为uni应用开发人员提供
Unicloud使用JavaScript开发整个前台和后台业务,这对前端开发人员很友好
Unicloud使开发人员能够专注于业务开发,而无需关心服务器的操作和维护
对于非H5、无域名服务器
云函数
云函数是在云中运行的函数(服务器端)。每次修改云功能时,都必须上载并部署它才能工作
事件是客户端上传的参数
Context包含调用信息和运行状态,并获取每个调用的上下文
'use strict';
exports.main = async (event, context) => {
//event为客户端上传的参数
console.log('event : ', event)
//返回数据给客户端
return event
};
可以使用uni Callfunction({})调用云函数
methods: {
函数名() {
uniCloud.callFunction({
name: "云函数名",
data: {},
success(res) {},
fail(err) {}
})
}
}
Unicloud提供JSON格式的文档数据库。数据库中的每个数据都是JSON格式的对象。数据库可以有多个集合
数据是标准JSON代码,字符串需要使用双引号
出于安全考虑,云数据库只能在云函数中调用,不能在客户端进行添加、删除、修改或查询
在云函数中,可以使用unicloud Database()获取对数据库的引用
可以通过数据库集合()get引用集合
新数据:集合添加()
删除数据:收款单(“此记录的id”)删除()
修改数据:收款单('id of this record')Update()或收款单('id of this record')set()
Update():只能使用现有ID更新记录。更新没有现有ID的记录失败
Set():记录存在时更新;如果不存在,请添加