uni-app进阶之模版语法与数据绑定【day7】

模版语法与数据绑定

模板语法：使用双大括号“{绑定变量}}}”
数据绑定：使用双大括号“{ {绑定变量}}}”与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（）：记录存在时更新；如果不存在，请添加