zl程序教程

您现在的位置是:首页 >  其他

当前栏目

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

2023-03-07 09:16:08 时间

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

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

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

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

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

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

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

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

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

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

01 变量的类型

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

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

在这里插入图片描述

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

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

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

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

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

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

02 变量的作用域

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

在这里插入图片描述

03 变量的初始化

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

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

在这里插入图片描述

04 变量的赋值

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

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

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

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

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

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

在这里插入图片描述

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

在这里插入图片描述

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

05 变量绑定

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

在这里插入图片描述
在这里插入图片描述

总结

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