微搭低代码从入门到精通05-变量定义

我们上一篇对应用编辑器有了一个整体的介绍。要想零基础开发小程序，就得从各种概念开始学起。

如果你是零基础学习开发，无论学习哪一门语言，第一个需要掌握的知识点就是变量。

那么什么是变量？变量其实就是存放数据的一个容器，这个容器呢是从计算机的内存分配的。如果换成小程序，那么手机的内存就是存放变量的地方。

日常在教学的过程中，学员会问，如果我定义一个变量，我修改了这个变量的内容，另外一个人是否可以感知到。是不是我们共同使用这个变量。

其实这就需要对小程序运行原理有一个比较深的认识，你作为用户，当你打开小程序的那一刻起，小程序运行的所有资源就下载到你本地了，你操作的相当于你本地的资源。

如果你改变了变量的内容，这里涉及到一个持久化的概念，就是你关闭小程序的时候是不是你操作过的内容都消失了。

为了让你修改过的内容下一次读取的时候还存在，我们就需要把内容存到服务器里，下次访问的时候我们就可以从服务器读取回来。

那这个服务器读取的内容呢分成几个部分，一种是你上传的附件，比如图片，音频、视频。另外就是结构化的数据，比如在预约表单中，你提交的信息，比如预约的地点、时间需要的服务内容等等。

我们这些附件在服务器上需要存储到磁盘里，存储的路径呢我们会记录到数据库里，这样就便于根据路径来找到具体的资源。

用户录入的这些信息会存储到数据库里，这些信息最终会分配一个唯一的标识，在微搭中叫数据标识。你下次加载数据的时候就可以通过这个数据标识找到数据。

01 变量的类型

我们的变量是有类型的，可以存放不同的数据。就像我们生活中有各种各样的容器，杯子、碗、盘子，不同的器具的形状和体积不同，因此放入的内容也不同。

微搭中的变量类型分为文字、数字、布尔值、数组、对象五种。

在这里插入图片描述

初学的人不知道五种类型的数据的应用场景，比如我们可能需要展示用户的昵称，那么这个昵称就可以使用文本类型。

又比如我们在会员小程序里需要展示会员的余额，我们就可以使用数字类型。

布尔类型的取值范围是真或者假，计算机用true表示真，用false表示假。那这种类型有啥用呢？比如我们定义一个变量表示用户是否是会员，如果为false我们就表示非会员，如果为true就表示会员。

通常布尔类型的变量用来做权限控制，尤其是在组件的条件展示时，就可以绑定布尔类型的变量，根据变量的值来决定组件是否显示。

那么数组又是什么，数组可以理解为我们一栋酒店，我们入驻的时候根据房号来找到对应的房间。每一个房间又可以存放具体的数据，存放的数据又可以是文本、数字、布尔值、对象和数组。

对象呢是一组属性和属性值的集合，比如我们还拿会员小程序举例。我们可以定义一个变量为会员，里边的属性包括昵称、性别、手机号码、出生日期、会员等级这些属性。

02 变量的作用域

微搭中变量的作用域有两种类型，一种是全局变量，另外一种是页面级别的变量。全局变量在每个页面都可以使用，而页面级别的变量只能在本页面中使用

在这里插入图片描述

03 变量的初始化

在变量创建的时候需要对变量初始化，如果是文本，不知道值默认初始化为空，空是指没有实际的内容

在这里插入图片描述

如果是数字不初始化的话默认值是0

在这里插入图片描述

布尔值初始化的时候可以指定为true或者false

在这里插入图片描述

数组的话需要指定是自己定义还是从数据源中读取，如果自己指定，定义的时候要选择JSON

在这里插入图片描述

如果是需要从数据源中读取，那么需要选择具体的数据源

在这里插入图片描述

还有需要注意的是如果是自己指定，默认值需要输入一对儿中括号[]

在这里插入图片描述

对象类型也需要选择是自主指定还是从数据源读取

在这里插入图片描述

自己指定需要选择JSON，初始化的时候使用一对儿大括号的语法

如果是从数据源读取，那么还需要指定方法

在这里插入图片描述

04 变量的赋值

变量定义好后，我们可以在程序运行的过程中改变变量的值。有两种方法可以对变量进行重新赋值，一种是在代码编辑器的自定义方法中进行重新赋值，另外一种是使用平台方法的赋值语句完成赋值

在代码编辑器中如果需要赋值的，我们是使用变量路径来找到变量，然后使用等号作为赋值语句，将对应的值赋给变量，具体的语法是

$page.dataset.state.*** = ***

因为变量有作用域，全局变量的路径和页面变量不同，全局变量的赋值语法是

app.dataset.state.*** = ***

如果使用平台方法我们可以使用setState

在这里插入图片描述

选择需要的变量，填入赋值的内容即可

在这里插入图片描述

可视化的方法通常用在比如我们的查询界面，将查询条件获取到的值赋值给变量

05 变量绑定

变量定义好后要如何使用呢？通常我们用在给组件绑定属性上，比如我们的文本组件需要绑定文本内容的时候，就可以从定义的变量中选择

在这里插入图片描述

在这里插入图片描述

总结

我们本篇介绍了低码编程的第一个基础概念，变量，包含了定义、初始化、赋值、变量绑定等相关概念。低码开发本质上也是开发，只是平台封装了大量的内容，让我们的编程更方便，并不是说不需要掌握任何概念可以直接上手编程。