00:00
好来,咱们接着上节课来说,我们上节课呢,把这个模板的一个基本使用呢,给大家演示了一下,那这节课呢,我们要真正的去便利数据了,操作数据,嗯,OK,那这个数据呢,是我自己去模拟了一份啊数据是我模拟了一份,这有个data,先不要管它是什么,我先把它拿走,放到咱的项目里面,这不进来了吗?进来了以后呢,呃,或者这样,大家看这是一个GS文件,我用noteb加加给大家打开。在这清晰一点,最外面是个什么?这是不是一个数组啊,看有点看不清楚,这不数组吗?数组里面的个体是不都是对象,没有问题啊,个体都是对象,然后我做了一件事情。向外暴露,我问下大,我暴露出去了,这是什么?我暴露的是个对象,对象里面有个属性,名叫利贝塔,能懂不?它的值呢?是一个数组,哎,我这个方式就是对象简写方式的另外一种叫同名的属性,可以省略不写。
01:12
懂吗?OK,那再问一句题外的东西,那这个东西这是暴露对吧,那我用的哪种模块化的规范呢?可以啊。来,那这是这个数据,首先要用这个数据的话怎么办?你第一步是不是得引入它,注意我们待会操作数据,肯定是在当前这个页面操作了吧,所以呢,我应该是在哪引用的。在list的这个页面,List不就是对应的当前页吗?啊操作数据统一在GS里面去乘啊,因为它倒路的时候使用的是Vo.X这种方式,那引入的时候你说我怎么引,如let data等于什么?哎,很好,Require,那在这呢要写一个路径,注意。
02:07
我现在要找这个数据,按理来说我直接跟目录下的塔下面的那个。等会儿啊,贝塔,下边我就懒得拼了,是不是它?对的吧,那接下来我去console log一个东西,我们去看一下我引入的data对不对,并且呢,我可以给大家去打印一下它这个这叫什么数据类型。对吧,啊,前面这少个S,嗯,好加上CTRLS保存。来打开调试器。报错是对的啊,这啥意思啊,这个径是不不对呀,而且给我整的乱七八糟的。
03:03
我这虽然出发点就是跟路径对吧,但是你看它是不是还是以自身这个为出发点啊,就是他又给我加了一层什么,相当于它的出发点始终是什么相对路径以自身为参照物啊,啊在这我要说一下,你在这引的时候不能用绝对路径。只能用相对路径去找。我都不知道他为什么要这样设计。只能用相对路径,那怎么办?相对路径什么意思?你是不是从这开始找,首先你是不是得先出去一层,再出去次CTRLS1保存应该差不多了,哎,怎么出来了。数据是不是引入了,引入了以后这个数据,哎,我取里边的这个例子data不就拿到数组了吗?拿到了数组我在页面一遍利它是不是就能想办法生成多个这个模板页面啊好,那我页面要使用数据。
04:06
你首先得把数据交给谁。是不是应该放到data中啊,那所以呢,我在这先去初始化一个,比如我们叫它list上来,是不是没有数据啊,然后你尽快的去把这个数据是否给人家填充进去。对,我们可以在这写list set OK,那在这呢,Listray它对应的值应该是塔点,List在这应该我记得没错,是个下划线。你可以看哪了,看控制台这个对的吧,没问题,好哎,正好问一下大家看一下上午的知识有没有吸收了,我想看一下这个页面到底有没有这个数据,去哪看是不是ADB塔中来走。
05:01
有了吧,数组有了,接下来我们就要考虑去变立整数。来到我们的结构这你是不是想便利生成多个这个?哎,这个时候呢,来找官网。呃,来到框架这一块,我们往下看,这有个东西叫列表渲染,想都不想想就是它了。这个特别好理解,微信冒号负这一看什么就是变量啊嗯,后边跟的是什么,注意你后边跟的肯定是个变量了吧,那所以不要忘了这个东西。加表达式里面是要放一个数字的。来,我去写一下,哎,这个时候呢,我给大家再说一个东西吧,其实现在用不上,有个组件叫block。叫block这个组件,好,呃,没有任何意思,呃,Block本意是个快捷的意思啊,使用这个block什么,你可以在当你使用这种便利的形式,呃,便利的东西的时候,你可以在它外边套一个block,然后去便利,为什么呢?大家看我现在便利生成的个体,它是不是同时有两。
06:18
懂我的意思吗?这俩外边有容器吗?先不看block,假如说我给你一个数组,数组里面的勒为几,我让你生成几对这个东西。那我问你,我如果说把这个威放在他身上行吗?肯定不行,放在他身上,那这个就没有了,同样道理,我放在他身上,上面是不是也没有,所以我们是不是可以在它的外边再加一层啊,啊,其实你在这儿。外边加一个view也行,加一个block也行,是这样的,大家看。呃,叫BLCK,那这个时候还得我自己去写。
07:10
呃,BC,哎,这不就要block吗?我把那个放进来,其实我们现在呢,用不上它,我为什么说我用不上它呢,现在我是不是只有一个子节点啊。而你看看官网上这种是相当于同时有俩。嗯,那我们用一用啊,也就现在我可以是不是在它身上去便利啊,怎么写微信冒号号来后边要跟的肯定是个数组了,那这个时候我们放谁listr ctrl s保存一下。首先我能确定我的放循环成功了。懂吗?肯定成功了,因为咱本来是不是写了一个呀,但是现在你看是不是有多个了,数据看上去一样,那是因为我现在我的模板页面的数据是写死的。
08:08
但是认子是不是对的,OK,没有问题,那这个时候打开调试器,这有一个小警告,看看大家能不能看懂。注意,这个不是报错,是个警告。No you can,就是现在你可以提供一个属性微信问候key for,对于他来说用于去提高性能,就叫提升性能。这个在RA view里面咱们也见到过,是不给便利员给它加一个K也是唯一的标识啊,哎,所以呢,我在这儿可以怎么写啊。加一个加一个呗,微信对吧,K对应的是不唯一标识,你说我去找谁找ind,哎,问题来了,你会发现这根本没有。
09:08
对吧,没有index这个呢,还不像我view里面,View里面你比如说我们来个item in什么什么,或者说是item逗号index in,对吧,在这没有这个语法。哎,那这个时候我们还得来看一个东西,看这这有句话。默认数组的当前向的下标变列名默认为index,就是说你根本不需要定义,我默认就叫index,你可以直接用。而遍历出了数组的每一个个体,就叫it特,这个其实就是符合我们大众的需求的。咱平时自己定义不也叫h index吗?那也就是说一旦我使用了V,现在自动有一个东西就叫index。哎,我CTRLS保存一下,大家看一下刚刚那个警告是不是没有了,没有问题,好,那接下来有个很重要的问题。
10:10
就是我我知道了,现在有个东西还叫it对吧,但是这个I是谁呢。就是里面的美。每一个对象,这个大家能懂吗?好,关键是啥,这里面这些数据你说给谁用啊。是我的意思本身要用吗?不是现在要数据的是不是我的模板页面啊,哎,那现在有个很重要的问题,你如何把数据什么传递给模板页面。因为啥我现在模板里面我都没有什么GS文件吗?是不是需要外部给我传入进来啊。哎,怎么传来,我们来看一下官网,看看大家能不能看到这个,刚刚我们使用模板的时候有东西啊,我没提,那是因为我们现在才有。
11:02
看这,然后将模板就看这句话就行了,使用模板这这个A咱不是说了吗?后边这将模板所需的贝塔传入。先来看这这个贝塔等于后边这这肯定是个变量对吧,什么它是不是使用的,这叫三点运算图吧。这个I是谁啊?不要急,看这看这,这不是当前页面吗?这不data塔吗?哎,我这I这是个对象吧。也就是说我现在用data后边跟一个数据的方式是吧,把这个item里面的数据导入到模板里边啊,重点是加了个三点运算符。三点运算符加上有什么好处呢?来看下边它如何去使用。
12:06
下边如何去使用呢?我们看这有个index,有个message,是不是还有time时间啊,哎,它没有在下边放,它放到这了。Linux message type。我有通过对象点属性去拿里面的值吗?没有,这个是不是相当于是直接取对象里面的值啊,那你说这一步是干嘛,谁能给我解释一下。对,其实现在它的作用就相当于是结构复制。我们之前学三点运算符的时候,可能是怎么整的呢?这后面应该是一个数组才对,对吧,它是一个数组,然后我点点点一个数组,那我是不是相当于便利一下数组,能拿到它里面的每一项内容啊,那现在这种方式就是他去便利对象,把对象里面的数据直接导入到模板内部,而你在模板内部直接去使用它,这不更方便了吗?要不然你每次还得干嘛,假如说导入是个对象呢,你每次是不是还得对象点属性啊?
13:18
嗯,那大家说咱们这应该怎么写,首先它这是不是要数据啊,那这个贝塔杠这是固定的语法啊,那么接下来呢,我在这要写的是什么呢?点点点item。那这样的话数据就进去了,进去了以后我们来测一个,哎,来到模板这儿,首先这个头像能不能写死呢?这肯定不用写死他了,哎,我们看一个数据吧,头像叫什么。这叫维塔,嗯,OK,那那这个时候呢,诶这个应该在这,哎,我们顺道把这个也整了。
14:01
这不日期吗?还有什么?哎,这还有个叫公司的名字,来,我们挨个去找。是这个抬头我叫他,然后下边这还有个大图对吧,那这个大图呢,我们是叫它这个。Detail。啊,这些你们到时候就不用啊。挨个去找,您这个可以直接看我的都行,因为这个自己找也没有多大意义,OK,那这个是内容,内容去找文字最多那个。就是他叠替奥康还有什么八十八六十六。那这个我们。换过来再整一个吧,这个叫。
15:01
Potential court。过来CTRLS来编译一下。对的吧,啊,那这样数据就动态了,没有问题,而且大家有时候啊,你们有的同学在这儿,你会发现两边的文字显示的不全。不是咱写的问题,这是他模拟器的问题,拿真机肯定没有这个问题,就是其实你们现在如果写到这儿的话,就可以去预览一下,在手机上去看了。呃,拿真机去算的话还有点感觉,呃,那再整一下吧,有没有发现每一个模板上下挨着呢,中间是不是应该给它加一条线才好啊,这个太简单了,给他是不是可以去加一个border啊,其实我们应该加两个才对。和bottle,而不需要左和右。能理解为什么吗?
16:00
肯定不用,你在这儿如果加的话,那这儿不是很突兀吗?有条线。我们是不是只有上下要才对啊?OK,那这来个12PXSO,再来个井号一。那呃,同样的道理,我应该再整一份。这个应该叫。有了啊,然后呢,你可以给它上下把判定上下来个12PX左右为零。就是让他往下撑一下。离得远一点。这个啊。不应该这样讲,我们这不是我最外边那个容器吗?比如说我们用个什么这个吧,12PX让他推一下,你有个距离就行,好,稍微好看一点,这也太近了。
17:05
嗯,就上下有个那个界限,不过这个呢,也看你们实际需求啊,就是人家出的图是什么样的,咱们就什么样的行,当然大家能不能跟得上。应该是没什么问题了啊,我把这里容易犯错误的地方,或者思路容易断的地方啊,我来稍微过一下,首先我们要使用模板,至于说里边这些结构一点不难啊,在这儿要注意的东西是模板,一定不要忘了给它加一个内蒙。加内部的目的是为了使用模板的时候,是不是跟这个is要对应上。好,然后要注意一个东西啊,引入模板结构和引入模板样式这两个事大家不要忘了,并且你要注意它俩的方式不一样,一个是用标签的形式,一个用a at import这种形式。然后我们又学了一个东西叫列表渲染,其实指的就是我们便利数据吧,操作数据啊,那这个时候咱们用到的API微信号。
18:10
嗯。当使用它便利的时候,你最好是给他加一个唯一的标识叫微信K,哎,那这个时候呢,我们顺理成章的就把下方给他了。然后要注意,它给我们提供了一种更为简洁的方式,就是当你使用微信放弃循环便利与数组的时候,它默认的个体就叫item,而默认的那个下标就叫index。其实呢,就这么多东西。好,来,我把这个视频停一下。
我来说两句