00:00
Hello,大家好,我是火长亮,非常高兴和大家继续分享,那么这节课我们要讲的是关于UNAPP里面的渲染啊,数组渲染列表的相关知识,其实呢,和我们之前讲过的小程序微信小程序里面的渲染是类似的啊,我们还是来举一个例子啊,比如说。我们现在啊,这个呢,都是我们之前的内容是吧,咱们把它先暂时。低调。我们暂时先把它掉。之后假设我们在这里,这些也没有用。这些没用的,我暂时都先把它屏蔽掉。
01:05
好的,那么假设啊,我们还是有三个人名啊,霍长亮,马云,奥特曼,那么我们想把这三个名字全都输出出来,对吧,一行一个的输出出来就怎么解释。比如说啊,我们直接在这。
02:00
好,我们现在点击一下保存。这边呢,就会显示出来马云获超亮奥特曼对不对。然后我们现在如果说。啊,为什么我们这明明用的是和D一样的块标签啊,它还是在一行呢。因为我们还是把它放在了一个大的类里面啊,把它拿出来。在这里。对吧,这个时候你会发现他们已经换行了啊,下面这个咱们也没有用了啊,但是也把它先屏蔽掉。OK,那么这个呢,就是一种方式,最简单的啊,说我直接手动的把它写出来,那么第二种方式呢,就是我们今天要讲的关于一个数组,对吧,那么数组的格式是什么。
03:08
就是这样。用中国号。把它装起来。嗯。OK。这个时候啊,咱们在这里,比如说命名一个。瘦子啊,叫做。这样的速度吧。
06:23
我本来说倒着让大家思路更清晰一点,那咱们还是正着写吧,先把它写在一个view里面。啊啊,这事就有了第五个对不对,基于原数据多次渲染元素或者模板块啊,参考参考参考。好,我们现在双击,那么到这呢,它会跳转到一个关于循环的设置项啊,也就是说你要把什么在什么里面进行循环,我们首先你要把它在数组中进行循环,对不对,数组是什么啊,咱们在这里就可以这行选择,那这个数组哪来的就是这里对吧?咱们已经给他一个定义,就是这个数组。
07:21
好,那现在就算完事了吗?肯定还没有。他想要的是把它每一个元素都展示出来,对吧。然后是在这个里面。好,那么我们现在这样写对不对,咱们先试一下。诶,我们保存了,我们会发现,诶这边什么都没有展示,那就说明这种方式是不对的,至少是不完善的。在这里呢啊,可能有人发现,诶这个eating什么东西啊。写一下吧。
08:13
那么有了数组元素,也就会有一个与之相对应的叫做。下标。我们先写出来,因为一会儿也要用得上。下标是什么大底叉啊?这个呢,咱们在之前的课程中也是讲过的。那么这个时候我们知道了它,然后我们在这里写什么,没有没有无所谓的啊。你会发现在这里写出来之后,它会有一个循环,对不对,但是这个循环并不是我们要的数组的循环啊,我们这个数组里面应该是马云霍长的奥特曼,但是呢,它虽然有了一个循环,我的循环呢,是唐僧是循环的后面这个静态的这个值对不对,那么显然还是不是我们想要的一个目标。
09:13
好,那正常的思路,那既然是他的问题,那我们把它替换成什么,我们直接替换成数组行不行,这样我们再来试一下。诶,你改成了数组了,对吧,它还是显示直接显示它的字符串说明什么?说明它没有把它当成一个数组变量,而是当成一个纯的字符串,那么我们之前讲过,想要把字符串当成一变量,咱们需要加一什么符号啊,也就说是双引号,单引号,还是大于号,还是中括号。不知道的话没关系,咱们试一下对吧,你比如说。大号这边。B号好,我们现在点一下保存。对吧,那这个时候。虽然说数组出来了,但是还不是我们想要的目的,按照这样的写法呢,是把这整个数组对吧,这个数组是它。
10:10
这里不再是一个纯的啊事务数组组这几个字母了,而是变成了这个数组所对应的变量。对吧,但是我们想要的效果是什么?是每行一个,而它这个是等于是把整个数组输出了三次,我们只是要把所有的元素输出,所以这样的格式也是不对的。那么什么是对的呢?那你想一下,我们把数组写在这,它出现的是整个数组,那我们要是把元素写在这,那它出现的是不是就是某一个元素,咱们试一下。然后再保存,哎,这次就对了,是不是,所以说呢,大家在学习的时候应该多看多练啊,不一定说我们讲的就是唯一的一条路,它有很多种思路,那也许说在未来的某一天,你就是希望想把整个数组输出做遍。
11:05
么每个数组,一个数组里面我有三个数组成员,我就想把整个数组所有的成员都出三遍怎么办?那就像我们刚才讲的,你把数组放在这就可以了啊,这个呢就是一个简单的一个写法。好的,然后呢,我们增加一点难度,你比如说我们这不是出现了这个元素嘛,那我们想把元素前面或者全素后面加上一些后缀,比如说我加个序号要怎么写。我们在上面已经讲了啊,序号是什么,就是ID差,哎,那我直接把ID差加在这行不行啊,我们来试一下对吧。In。然后你连在一起的话,它会当成是一个单词,所以肯定不行,那我们加一个冒号,加一个空格,你试一下行不行。它会直接报错,那显然是不行的,那我们想一想用什么进行连接加号对吧,那我给来个加号行不行。
12:06
诶加号他不报错了,但是你会发现。Ind,它它在这里是一个相当于是未定义,对不对,那就是在系统里面,它会认为,诶没有这样的一个东西,那怎么办?那我们在前面就需要给它来一个定义。对吧,咱们把这个it放在这里面,然后再来一个IDE。啊,对吧,那我可能刚才你没有看清是吧,我重新打一遍,哎,嗯。好,那么我们现在再保存一下。对吧,现在就有了,然后呢,有人说诶这边没有个空格,看着有点别扭,那空格怎么办,你加个空格。
13:06
行不行,保存。没有变化,我再加个空格再保存,还是没有变化,所以说在这里面它不会识别出。纯的一个空格,那我们要是想把空格当成一个字符来展示怎么办?我之前说过。给它引起来,然后你再空格,那这个时候我们再来一个保存会怎么办?会报错,为什么?因为你左边虽然有了一个加号,但是你右边没有啊,对吧,右边也得加那个加号,然后。再保存,那么这个时候它就有空格了,所以说我们就可以理解为这是三部分,第一部分是它,第二部分是空格,第三部分是1TEAM,我们把它们三个连接在一起,这才是一个完整的语法,你不能说不加和空格,你直接来个空格,没有办没有用的,没有办法显示。
14:04
啊,这个时候我们会发现,诶,你看这里啊,这这是个012,那我们想要的是123对吧,我们之前也说过,你在一言里面啊,数组是从一开始,而你在。GS就是在咱们写APP的时候,它是从零开始,是不是?那么我们现在想要在零的基础上加个一。怎么加啊,有人说了,我这样加行不行?现在就可以了,对不对,那么我我要是把一加在前面行不行。没看出来区别对吧,我们这儿改成十呢。十十一十二啊。这个就是一个最粗糙的一个写法。
15:03
那么我们以后正常来讲,你不能说直接这样写。你需要对它进行一个优化。怎么用啊,咱们需要给它括号引起来。这样才是一个正常的格式啊,这个呢,没有办法说是固定的,说是一定之规,对吧,但是呢,养成良好的写作习惯,就好像我们小学的时候学数学加减法的时候,老师也告诉你啊,如果有乘法的话,会优先计算乘法啊,如果有加法减法的话,是从左至右运算对不对,如果说你想要。先加后乘啊,那你需要把它给括号括起来啊,反正就是小孩那堆玩意儿,那么我们现在养成一个好的习惯,有助于你将来少犯错误,对不对?好,那么这个呢,就是我们现在所讲的一个非常简单的关于数组渲染啊,将数组整个渲染到咱们的这个页面中啊,大概就是这样一个简单的逻辑,那么除了数组以外啊,咱们还能渲染什么?
16:18
我们还可以渲染对象啊,好,我们还是来举个例子啊,比如说下面咱们在这。对象。哦,好。啊,拨号打开。比如说。姓名。我常亮。年龄。
17:02
30,应该是31了,说这玩意儿,一晃这眼巴前已经是奔四的人了。学校。啊,写地址吧,住址城市。天津。微信。好,那么假如说这个一个对象,我们想要把它整出来,怎么整?啊,咱们照葫芦画瓢对不对,我们先来习惯性的保存一下,咱们在这个地方。我们还是。
18:11
大二。然后这里呢,第一个就是对象对吧,这个就是我们刚刚创建的,创建之后要记得保存啊,然后在这地方就可以看到我们刚刚创建的对象第一个对吧,这个呢,都是我们直接就能写出来的,然后。到这儿肯定还是不行的啊,保存一下。它会有一个报错,对不对,那么这个地方会这个会有这个报错,把它怎么处理才能不报错。啊,你参考上面的格式,你想一下。
19:00
说这里理解为就是在这个数组里面进里面嘛,在这个数组里面选出它的元素,那我们现在呢,就是在这个对象里面选中它的元素对不对。那我们在这里对吧,也。加个进。那就是在这个对象里面,我们要找的是什么啊,比如说咱们还是直接把上面复制下来,你看一下它出现的效果是什么。啊,然后在这边咱们直接出看一看它的效果,我来保存。这个时候呢,不会报错了。对不对,但是你看这个格式非常丑。在这边。哎,有人说,哎,那原先在数组里面按D叉,这个是序号。那我现在是在对象里面,那这个em跟I叉所代表的是什么。
20:00
我们对照这边的值来看。姓名或长亮。一那这个一是什么?一,就是我们在这里加的一对不对,我们现在呢。把它删除掉啊,因为我们这这个。对象里面咱们不需要讲解这个序序号。啊,至少现在不需要啊,咱们就把它忽略掉,这个大家一会儿很好理解。把它删掉之后,前面这个一就没有了,那么现在我们就已经说出了姓名,年龄,城市,微信。对不对。所以在这里这个ind差。和一所对应的就相当于是。对。和他。怎么办?In差就相当于是冒号的左边啊,然后这个E就相当于是冒号的右边。然后我们要导出的就是它和它在这个对象里面。
21:03
然后我们对照着这边来看,就非常好理解了,那如果说我要是只想导出,比如说是过量量三十一千金1307750885,那就更简单了,咱把它删了不就完了。对吧。只不过呢,我们在常规的写作之中啊,对于这里是有一个简单的区分的。对吧,我们这里呢,通常。不用还卡。用的是video对吧,我们把它。进行更改,然后保存,这边是没有变化啊,所以说呢,大家刚才好记忆的时候,你用2D叉,你现在呢,我们写作的时候习惯呢用V啊,这个呢,也不是说呃一定之规,你条条大路通罗马,上下两种方式都可以达到你的目的,具体还是看你的个人的一个需求啊。
22:17
好,那么我们现在呢,简单的给大家讲了一下关于渲染啊,包括说数组和这个对象的渲染,那么我们这节课就跟大家分享到这里,感谢您的关注,我是霍长亮。
我来说两句