00:01
哈喽,各位小伙伴们大家好,那接下来啊,咱们去完成咱们品牌管理的列表的展示。那咱们看一下的已经写好的这个项。那已经写好这个项目当中啊,它在表格当中展示的数据,那一定是来自于服务器真实的数据。那一级啊,底下的这个扉页啊,当然也是可以使用的。对吧,那所以说咱们要开发这一部分的功能了。而咱们现在正在开发这个项目啊,那当然咱们这里面呢,是没有数据的。那所以说啊,咱们要开发这个品牌管理的列表展示的模块。那如果开发,咱们要做的第一件事是什么呀?你想想。那静态组件已经搞定了,那你接下来是不是要向服务器发请求,获取服务器真实的数据,展示数据?那所以说咱们做的第一件事是什么呀?是书写相关的API接口。
01:06
那咱们呢,得去完成咱们的API接口的书写。那首先说啊,在它的API文件夹当中啊,它有两个模块,一个叫u.JS。那这个呢,就是关于登录所用到那几个接口,比如说登录啊,获取用户信息啊,啊退出登录啊,那当然这个咱们是在用的啊,不需要给它删除,而table。他呢是在获取他默的假数据,那这个是没有用的,那咱们可以给他删除掉。那咱们呢,看一下呢,咱们即将开发的这个。业务啊,那首先说在商品管理下,它有四个模块。分别啊是品牌管理平台属性管理SPU和SKU,那每一个模块都有属于自己的接口。那咱们呢,为了能区分开这四个模块,那咱们呢,在这儿呢,老师呢,给他新建一个文件夹,咱们就叫做product。
02:06
Pro。那在这个文件夹当中啊,咱们可以创建四个模块,那每一个模块啊,哎,都对应的去获取属于自己模块数据这样的一个模块。那咱们一个来呗,那第一个是品牌管理,那咱们叫做吹的mark模块。那这个模块呢,将来呢,就是获取服务器关于品牌管理的接口的模块。那除此之外呢,还有叫做平台属性a tr。那以及啊,还有叫做SKU和s puu2个模块。哎,第2DS。那咱们呢,一个一个的去完成,那咱们呢,先开发咱们品牌相关的这个模块。那咱们做一下笔记,那这个模块,哎,这个模块主要获取的是品牌。
03:03
管理的数据的模块。那咱们呢,想获取人家这个品牌管理的列表的数据啊,那咱们得看一下swa。那首先说啊,Swagger文档当中啊,在最底下,这里是关于品牌管理的接口的。那咱们想要获取到的是什么呀?获取到的是品牌管理的分页列表。那么在最底下有一个盖的请求,而这个接口呢,就是可以获取到分页列表的接口。那咱们呢,把它呢,老师呢,给它复制到咱们的文件当中,那咱们也做一下笔记。那以及啊,咱们去看一下咱们的s Spark。那首先说啊,这个接口啊,需要你携带两个参数,一个叫做配置,一个叫做厘米。而且这两个参数呢,是必须要带的,而这两个参数分别带的代表的是什么?代表的是当前第几页以及每一页,哎,展示数据的条数,这两个数据你是需要给服务器带过去。
04:12
那所以说啊,那咱们的封装这个接口,那这个是干什么,是不是获取咱们品牌列表接口啊,获取品牌列表接口。那咱们呢,就对外暴露一个函数X per。那咱们就叫做re EQ获取到trademark,哎,品牌管理的列表。当然啊,这个函数在调用的时候是需要带参的,带两,一个是当前第几页,一个是每一页展示数据的条数。那咱们的发请求啊,利用到的是人家已经封装好的这个as。那咱们呢,需要引入一下子,那就是inport蕊。Request for,它呢是放在了you文件夹下的,叫做request模块当中。
05:06
对吧,那咱们呢,需要对外暴露request。那咱们呢,需要书写咱们的URL,那首先说URL谁是不是就是它啊,啊当然需要带参带谁呢,带配置和limiting对吧,那咱们呢,在这呢,你需要给它来一个Dollar,以及在这啊给它来一个Dollar,但这个接口呢,是get的请求,所以说咱们写个method,为什么呀,为get。那这块呢,要注意一件事。咱们将来啊,这四个模块都是分别暴露的,那你可以直接在哪儿啊,在组件当中引入使用。那咱们为了方便一些,可以把这四个模块,你可以怎么做呢?你可以这么做,哎,让他们四个。统一起来对外暴露。所以说咱们在这呢,可以来一个叫index.gs那这个文件是干什么呢?哎,是讲四个模块请求的,哎,接口函数。
06:10
哎,统一暴露。那咱们呢,需要一个一个去引入,这样也方便后期去啊,在组建当中去使用。那咱们来呗,Import星矮。那咱们先用的是谁?是trademark for,他们应该是点杠啊,Product下的trademark。那以及啊,还有相应的其余的三个,那就是星as a tr for,那就是点杠product下的a tr。以及啊,还有咱们的SKU和s puu星S。对吧,PU for,那就是点杠product下的SPU,那以及还有咱们的import星as SKU for,那这个呢,应该是点杠product下的SKU。
07:06
那首先说啊老师呢,讲这四个模块呢,都进行了引入,那以及啊老师呢,让他四个呢对外暴露。那就来一个呗,xport.for暴露的是谁呀?KV一致省略v trademark ad t r SKU和s puu。SKU和SPU。那这里呢,咱们还是一样,为了方便,你可以把咱们这个模块当中对外暴露的数据,你可以挂在Vue的原型上。那这样做的好处是什么?你可以在任意的组件当中,哎,使用这些函数。就类似于咱们曾经写过的全局实验走线Dollar bus,对吧,可以在任何的组件当中是不是可以使用。那所以说啊,咱们呢,回到咱们的命点GS当中,那咱们呢,去引入咱们API相关的接口函数啊,引入。
08:08
引入关啊相关啊API。请求接口。对吧,那咱们呢,就可以引入一下子import API for wrong从谁引啊,是不是从咱们的API文件夹,对吧,它的index不就是对外暴露那四个。对吧,那咱们呢,可以把它挂在圆形上,就是VE点10type.dollar API。等于谁呀,等于API,那这样做的好处是什么呀?对吧,就这里做,这样做的好处是什么,对吧,比如说组件。实力的圆形的圆形指向的是Ve.pro啊。点pro pro圆型对象,那这样的好处是什么呀?是任何的组件,哎,也就说任意咱们的组件。
09:07
可以使用。API相关的接口。哎,相关的接口。那咱们呢,可以回到咱们的品牌管理这个组件当中。那咱们来看一下能不能获取到。对吧,那咱们呢,先找一个地儿,比如说monkey,当你组建一挂载啊,你就要咋的,是不是就要发请求了。对不?这块你还真得想明白,就是当你组件已挂载完毕对吧?哎,就是组件挂载完毕要干啥时候发请求。那就是谁呀,Mount moon mount。那咱们呢,可以去打印一下,先看一下能不能获取到相关的API,对吧,当然了,API。那咱们呢,可以运行一下子,以及看一下咱们的。
10:00
对吧,看一下咱们的这个项目能不能啊获取到。那咱们看一下子啊,它这里面呢,有一个API啊,咱们在引入的时候应该是引错了对吧,那咱们呢,回到这呢,给他处理一下。对吧,这应该是大写的啊,这块一定要注意呃,英文的大小写啊。真的咱们看一下咱们现在这个项目当中,咱们找到咱们品牌管理的这个组件,看一下子能不能获取到相关的啊,发请求的这些接口。对吧,那咱们可以看一下。对吧,当然是可以获取到。对吧,那这里面呢,那咱们呢,就需要拉取服务器的数据,展示这些数据了。对吧,而且呢,这块呢,老师呢,要给你们说一下,一定要养成个习惯,把控制台和开发者工具一定要合理的利用起来。好吧,好,那对于咱们而言,咱们应该知道,当组建一个挂载,应该获取服务器的数据,展示数据,但是你要注意获取咱们列表的这个数据是只是获取一次吗?可不是,当你点击分页的按钮的时候啊,你还要获取到相应页数的数据进行展示。
11:17
所以说咱们这个接口啊,他发请求的时候不可能只发一次。那这里呢,你要注意一件事,什么事,如果你把请求放在这里写了一下,那你要注意你这个请求只能发一次。而咱们将来点击分页的时候,他还是要发请求的,那所以说咱们可以怎么办,可以这么办,对吧,做一下笔记,那这一块呢,就是获取哎,咱们列表数据的呃,函数。或者叫方法。咱们可以起个名字叫这点,比如说这个get。配置list。那当然咱们现在组建的身上是没有这个方法的,那所以说在咱们的master当中啊,Meth OS,你去需要书写这个方法。
12:05
那这个呢,咱们写一下是获取啊品牌列表的数据。那叫什么叫做get配置list?那咱们呢,就可以发请求了,对吧,那就是这点Dollar API点咱们应该叫做trade the mark模块下的叫谁来着,叫做re EQ。那咱们呢,去看一下它的名字叫什么来着,叫做r EQ trade mark list。而且别忘记,这个函数在调用的时候是需要带参的。对不对,那这块呢,咱们写一下子,这个呢是获取品牌列表的接口。获取品牌列表的接口。但是你要注意一件事。这个接口呢,需要你带两个参数,一个是当前的页码,一个是某一页展示多少条数据。
13:01
那所以说啊,咱们呢,可以在date当中去声明两个初始化的数据。作为你这个发请求带的默认参数对不?那咱们呢,给他来一个written,那一个是什么叫做配置。那第默认应该是第一页对吧,那这个代表什么,代表的是分页器啊第几页,那第二个你还得有一个参数,什么参数啊,就是哎当前。页数,哎,展示数据的条数,那咱们呢,也叫厘米,厘米为几,咱V3。对不,那这块呢,一定一定要注意,因为你这个接口要发请求,要带两个默认的参数。对吧,就是说你初始化得有参数,那所以说咱们在小是数据这里啊,弄它两个参数,一个叫配置和。那所以说啊,咱们在这儿呢,可以怎么的,是不是解构出参数,哎,解构出参数。
14:02
啊,应该叫解构。哎,结构啊,结构出参数,那解外cost一个叫做配置,一个叫做limit等于谁等于this。那这样呢,你就可以咋的了,是不是就可以代餐了?对不对,这块呢,一定要注意一件事,哎,这块一定一定要注意一件事啊,你一定要想明白,这块老师还得写一下。这块呢一定要注意,比如说当你。向服务器发请求的时候。那么这个函数啊,需要代参。所以说哎,代餐。所以说哎带参数,那么因此老师在贝当中,那么初始化两条啊,两个字段。两个字段,那这两个字段代表什么?是不是代表给服务器传递的是不是参数。
15:03
对吧,这块呢,一定一定要懂啊,那所以说咱们把数据呢,给它解构出来cost,那咱们的一个叫做配置,一个叫limit,等于谁,是不是等于this。那你就可以怎么办,是不是可以带这两个参数,一个叫配置,一个叫limit。对不,那当然,那这块咱们是不是得用到a think,对不?A think,那你需要a wait是不是等待它的啥,是不是等待它的结果啊asyn think,那这你别忘记得来个谁a read。那咱们的可以打印一下它返回的结果,看一下有没有。对不?你得看一下数据长成什么样子。如果你连数据都没看呢,那你都不知道长成什么样子,你怎么往底下写呀,对吧,那所以说来咱们打印一下子服务器返回的这个数据,看一下它长成什么样子。以及哪些数据是咱们想要的,哪些是没用的,那咱们都要看一下。
16:03
那虽然说扣的等于200,代表咱们这个发的这次请求是成功的,那这是OK的。以及它返回的数据,对当中咱们看一下有些数据咱们是要用的。比如说。那它是一个数组,数组里面这三个对象就是将来咱们要展示的这三条数据。OK吧,那以及其实还有一条数据,咱们要用就是谁呢?Total头因为飞叶气他得知道啥,知道你这个数据一共多少条,那这样他是不是才可以计算。对吧,那所以说咱们要接收两个数据,一个是什么。一个是服务器啊,一个就是咱们的,呃,总共。数据的条数total。那咱默认的给他来一个零,当服务器的数据一回来给它进行替换。第二个还有什么,就是咱们列表展示的数据,哎,展示的数据。那刚刚你也看见了,他们其实是数组,所以说咱们给他来空数组。
17:03
对不,那这里面咱们就可以判断判断啥,就说如果你的蕊造的点扣的。那等等于200是不是代表成功,那如果成功了,你要干啥?是不是存储一下这两条数据?对吧,那一个是this.total等于result,点贝点total。那还有一个就是什么点list。它呢,应该等于result.date.list。那这两个分别是什么呢?选项呢?哎分别是哎分别是呃,展示数据的总条数与与什么呀,与列表展示的数据。对吧,那咱们呢,可以运行一下子,看一下子咱们的开发者工具,找一下咱们相应的这个相应的这个组件,你看组件的身上有没有这些数据。
18:01
对吧,那你明显list是不是没有啊,那明显是不是单词就写错了对吧,它不叫list,叫record cards。那所以说这回咱们再看一下子,那相应的数据有没有。对吧,那一定要注意,一定要保证数据有了再去通过其余的东西。对不对,对吧,好,那咱们一点点来,一点点来。那首先说啊,咱们的需要把这个表格当做数据,是不是给它展示出来,那这是简单。那咱们数据已经有了,那先展示表格的数据。那这里呢,要注意一件事,什么事?EL table,它展示的数据,那咱们看一下它需要用到一个字段。叫什么叫贝,那咱们可以看一下。在最底下呢,是相关的API,你看啊,这是table的属性,那date是什么?Date是显示的数据,而且它的数据类型呢,是数组类型。
19:03
那也就是说啊,咱们这里面呢,你需要写一个动态的date冒号,Date等于啥?是不是等于咱们要展示的数据是不是list。是不是这个就是列表要展示的数据?那所以说咱们看一下子,哎,你会发现早杀气。那你会发现,哎,总共数组里面有三条数据,那你会发现你要现在是不是它这个意思,是不是也是要展示三条数据。对吧,你看嘛,啪啪啪对不?你看数组里面是三条数据,你看它是不是要展示三条。对吧,那咱们一个一个来,那首先说这里面呢,要注意一件事啊,这块老师做一下笔记。做一下笔记。一些注意事项呢,还是得给你们写上注意一。哎,注意的第一个。那这块呢,要注意饿了么UI element UI当中的这个table组件,它展示的数据啊,一定要切记是以列啊,以一列一列展示的一列啊以一列。
20:08
哎,一列的。啊,一列进行什么进行展示数据。那咱们的一点点来,那首先说先看第一个,那第一个当中啊,它要展示的啥,展示的是序号。那咱们看一下数据啊,数据当中是没有序号,说老师ID是不是ID可不是。对不对,你看嘛,ID是一二,那这个就是1142,那明显咱们的需要是不是得123。那怎么让table展示序号?哎,这玩意儿你自己别搁这瞎猜,咱们可以找一些,人家已经就是饿了么UI当中的一些组件,你可以看看它前面有没有带序号。对不,你看这个是不是带序号。他是怎么带的呢?你可以看一下,他们是给table。啊,不是,是给column加了一个属性叫type index,那这样就可以让这一列展示的就是序号。
21:04
那所以说啊,咱们这块的你可以怎么办呢,可以这么办,可以给他加一个啥呀,Type属性。Type,为什么呢?为index,那这样你就可以展示序号。你可以看一下再刷新看一下是不是。对不对,对吧,那接下来你这块要展示的是什么?展示的是品牌的,品牌的名称。对不?那咱们看一下咱们的数据当中有没有相关的品牌的名称,那list是数组,那每一个元素都是一个品牌,它有没有品牌的名称,有小米。对吧,叫TM name,还有什么TM name,苹果TM name这个是啥?看一下子这个是不是小米二。对不,那接下来咱们要展示品牌名称,那这个很简单,用的谁用的是。那proper是什么呀,Proper呢,这里面呢,咱们呢也说一下子,哎,看这。
22:00
叫pro,那咱们呢,去看一下人家的文档,咱们看一下profit的作用是啥。那文档呢,还是在最底下,咱们找一下,它呢,应该是column的属性叫proper,找一下。哎,找一下有没有,你看在刚刚写的type在这是不是出现了,是不是有inex。对吧,那咱们看它的跑是看这。对应列内容的字段。比如说你这一列要显示哪个字段,你就写谁就行了,也可以使用,呃,Property对吧,属性啊,对吧,其实proper是proper p的一个简写。那proper是什么?是对应列内容的字段名?啊,这个老师呢,把它呢,我给你拿出来,咱们给他复制一下,做一下笔记。那这里面呢,要注意一件事,什么事?十是什么是对应列内容的字段名,那这个pop要展示的是是不是展示的是品牌的名称,它字段名是不是叫TM name。
23:02
对不,所以说你会发现一件事,什么事来,品牌的名称有了。对不对,对吧,那所以说一定要明白一件事,什么事,他proper展示的展示是你那个字段名,是你需要展示数据的那个字段名。对不,那接下来品牌logo,那有的同学会说,那老师那这个简单了,那这个不就是用logo URL吗,叫logo ull吗。那咱们看一下,它和你想的一样。不一样,对不?你要这么写,它展示的是啥?展示的是你这个图片地址是个字符串,而你看已经写好这个,它展示的是个图片。对不,那所以说你这么写的指定是不行的,那这里面呢,咱们需要用到一个套路,什么套路呢?其实老师以前也说过,就是作用于插槽。什么是作用插槽类的?也就是说子组件的数据是来源于谁,来源于父组件,而子组件是决定不了它的结构与外观的。
24:03
对吧,那所以说啊,咱们的第三列当中这个呃,这个这个图片咱们得用到作用于插考词了。那这里呢,要注意一件事,什么事?那对于table组件,它会把相应数组里面的每一条数据进行回传。那这回传的时候啊,咱们呢,可以进行接收,一个是受,一个是Dollar inex,这不就是咱们前面讲的叫坐浴插槽吗。那咱们看一下肉是什么?哎,肉是什么,看一下肉呢,其实就是返回到每一条数据。啊,咱们可以看一下,它返回的就是数据当中每一条数据,他会把数据进行回传。对不?这个和咱当年讲组建通信的时候作用插槽很像,咱当年是不是讲了个todo list那个。对吧?那你会发现肉是什么?肉是每一个数,因为你一定要记住table是以列进行开发的。
25:03
他会把数据当中每就是每一列啊,你看这个每一行,它会把每一个数据。回传你看嘛。对不,那所以说那这块如果你想展示图片,那就很简单了,对吧,结构谁决定是不是由父亲决是不是放一位就行了。对吧?那除此之外咱们再看Dollar index是什么?是你数组里面每一个元素相应的索引值。对吧,这不012,那当然现在咱们这个索引值暂时用不到,那咱们得传啥,是不是传结构,那你显示的图片是谁,你显示的应该是肉的,叫logo u l。对吧,那这样你可以看一下子,那咱不就用到了作用于插槽吗?而且展示的是不是图片。但是你会发现一件事儿啊,这个图片有点大,那所以说咱们稍微改一下它的样式啊,那咱就给它来一个style,那宽度呢,咱给他来一个100,高度呢,咱也给他来一个100吧。
26:03
那这样这个图片看起来是不是就正常了一些。对吧,那这块呢,老师要说一下肉是什么,肉代表的是你数组回传啊,就是作为插槽回传的每一条数据,咱们刚刚也看见。对吧,这是它,那以及还有操作操作这里你会发现它有两个按钮,那当然咱们也需要给相的table组件传结构,那咱们需要传的是啥?传的是不是相应的两个按钮。对不,那当然它这里面也会接受到,哎,你回传的每一个肉和Dollar inex。但是这里呢,一定要注意你解构作为插条法问这个数据啊,一定要切记它的字段就叫肉和刀ex,你不能起别的名字。你要起别的名字是不行的,因为咱们应该知道,他回传的是一个对象,你通过K解构出V,所以说这个K你不能给我瞎写。对不?而在第四列当中,它需要的是按钮,那一个是EL8。
27:05
那咱们看一下子,它这两个按钮都是什么呢?一个是这个有点呃,橙黄色,那是谁是窝。对不war啊,看一下这个单词怎么写吧,叫warning war。对吧,写下W。A ni玻,而且要注意一件事,它这块叫做啥叫做删除,而且呢它呢是有一个icon。对吧,应该是管icon,我看下有没有icon,看一下已经写好,其实是有吧。对吧,是修改,那咱们呢,给它来一个吧,那就叫EL杠啊,他这应该啥是修改啊修改。修改EL-I。Icon杠埃塔,那咱就来个E,当然这个你没必要去记。懂不,因为他饿了么UI当中是有相应的说明的啊,你可以看一下的那个文档。
28:03
OK吧,你看咱们可以看一下啊,可以看一下,当然现在这个个头有点大,咱先稍微改一下子,Size为啥为mini。大小,个头稍微小一点,为mini小一些。这块呢,一定要注意啊,这些东西呢,你不需要死记硬背,为什么呢?首先说你看它文档当中是有啊,首先说比如说button,你看橙黄色是不是警告颜色,是不是warning。对不,War warning,这不警告,这不就这个颜色以及icon图标,你也不用去记,这里面都有。对吧,啊好了,那以及还有个是什么是删除,那咱也来个EL-button。那这个呢,咱给他来个叫删除,那它呢应该是D红色嘛,DA这样D,那以及咱也给他来个icon。啊icon icon它为什么呢?EL-I-delete。那一节啊,它的size,哎,Size大小也为什么也为mini。
29:02
那咱们保存的看一下子稍微看一下O不OK。啊,是OK的。而且呢,要注意一件事啊,咱们底下这里啊,你这个扉页你得给他完成对吧,当然现在老师点第几页都白扯,因为这个扉页现在展示的都是假的数据。那所以说啊,哎,老师把这块呢,给它折上去啊,折上去能稍微好看一些啊。那咱们来看一下咱们的这个分页,那首先说咱们这个分页现在展示的都是假的数据。比如当前第几页你不应该写六应该写,可写配置当前默认是不是第一页,总共多少条数据?咱的total是不是已经有了?在底下是不是已经有了对吧,以及每页展示的数据的条数,要不就是limit。那咱们的配置size可以切换的是三五十,那这个咱们就不用改了,对吧,以及连续的页码是不是这都有对吧?这咱来个七吧,连续页码是五。对吧,好,那这个呢,咱们看一下刷新。
30:01
对吧。对了,以及啊,老师呢,想把这个飞器啊,给它放在中间。那这个呢,咱们也可以调一下它的样式。给咱们这个分页器啊,给它来一个test alone with就行了啊,但是要注意这个A应该是大写对吧?啊大写的好,那咱们呢,看一下的它应该是居中的啊,这是没问题。那接下来咱们要完成的第二件是什么?当你点击第四页,你是不是应该展示第四页的数据,你点示第六页,是不是展示第六页的数据,那你是不是得触发分页器的这个点击事件?对不,其实这些事件啊,人家都给你封装好了,就是哪两个事件呢,就是咱们上面注视的这两个事件。第一个是谁呢?第一个叫做啊,就是这个叫做,呃,Carry change,这个代表是什么?咱们可以看一下,看一下文档。咱们呢,找一下子page。找一下。那API呢,一定是在最底下。事件先看这。
31:02
对吧。叫做current-change can的配置改变时会触发啥?当前页码发生变化的时候。那所以说啊,咱们可以把这个事件你给人写上。对,不叫current change,那咱给他拿过来。那当然啊,咱们现在没有这个方法,那这个方法呢,咱们可以怎么办呢?可以,诶在底下再搞一个呗,在这。对吧,那咱给他来一个。而且呢,要注意一件事,什么事,他会把你选中的那个页的页码啊给你传进来。咱们呢,可以看一下走council.log picture。你看啊,当老师点击,比如说点击第二页的时候,你看一下,这样老师把空台给他提上来,当你点击第二页的时候,你看是不是第二页,第三页,第四页,第五页,第六页,它会把你选中那个页码回传。
32:04
那你说啊,老师现在要点击第三页,那是不是要。要干啥,是不是要再发请求,但是你再发请求的时候,参数得发生变化,咱们参数现在都是四一和三。对不,那也就是说当你发生变化的时候,那你第一件事干是不是修改参数。对吧,这点配置啊,等于page。对不,那以及再发请求不就行了吗?对吧,那咱们可以看一下,找你刷新看一下。比如说现在是第一页,当老师一点击第二页,是第二页。第三眼,第六。对吧,当然了,咱们这里边儿呢,还有可优化的空间,其实你想想,当你触发这个事件的时候,你无非要干什么,是不是再发一次请求。那咱们的请求是放在哪儿?是不是放在这个函数当中?对不对,是不是放在这个函数当中,那所以说这块你完全没必要,你这块可以怎么办,可以怎么办就用谁get配置list。
33:03
哎,这样不就可以省略一个函数了吗?咱就叫get。配置list,那也就是说当用户点击的时候,它也可以进行分页的切换。对吧,第五页第四页啊,第第第一页第一页,但你会发现点的时候他根本没有发请求。对不对,为啥?因为他现在获取的是第一页的数据,它永远是第一页。对不对,所以说你可以怎么办,那在这儿咱也是来一个叫page,但是你要注意。那首先说第一次运行的时候,Want的运行的时候,那你这个配置应该是是一,当你在点击的时候,这个呃,配置会发生变化的变化,所以你可以怎么这么办,让配置默认是一。啊,比如说当你没有传进来参数的时候,默认是一,那如果有,那我可以相互赋值不就完事了。这点page等于page。
34:01
这个跟咱当年的套路差不了多少。对吧,那这块老师给的格式化一下什么意思,就举个例子,当monkey的第一次执行的时候,你要调用这个方法对不?那没有传参数默认是几是一。这不还是第一页,但是当你点击什么,点击分页器的时候,它得传参数,你传六,那是不是第六页。那你说默认参数失效了,你是不是六对吧,那我点击一,那是不是还是de。对吧?那这样写的好处是什么?可以省略一个函数。对吧,那这个咱的分音器还有一个小功能,什么功能就看这。你看这样。当你改变,比如说当你改变某某一页显示数据的条数的时候,其实它的条数应该也跟着变化,那其实也是一样,把参数进行修改,再发请求就行了。它用到的是谁呢?是哪个函数呢?是这个函数啊,这个事件叫做size change。Size。
35:00
那这个呢,咱们呢,也给他拿过来啊,叫做size。它是什么呢?那咱们也看一下了,相应的文档咱们也可以看一下。看一下他的文档。所以说啊,Size change是啥?是当你配置size改变时会出发什么叫配置?某一页展示数据条数发生变化的时候,它也会出发。而且呢,他呢也会把你选中的那个一页一页展示多少条数据的个数给你回传。咱们可以看一下,那这里老师做一下笔记。就是当分页器某一页啊,就是当分页器需要展示啊,就是当分页器某页啊需要。展示数据的条数发生变化的时候会触发。那咱们呢,可以去写一下呢,这个函数它呢,也会把相应你选中一页有多少条数,它也可以进行回传。
36:02
咱们打印一下子,你看他会不会回传厘米,那咱们看一下。走你,哎,走看一下。举个例子,比如说现在啊,老师啊。哎,我发现我一格式化它这个A应该就变成了小写对吧,这得是大写驼风险了,那咱们呢,看一下,那比如现在老师选中的是五,那你看一下是不。对不对,对吧,那假如说来老师再来。哎,找假如说老师选中的是十,那是不是就十,但是你会发现咱们这没有变化,为啥?因为你还是一样需要重新整理参数再发请求。对不,那这也是一样,整理上整理参数。参数呢,就是z.limit等于什么limit?以及再发一次请求就行了,就是face.get page list。那咱们呢,可以看一下是不是OK的刷新。
37:01
比如说啊,第一页,现在老师每页要展五条数据,这是没问题。对不对,对吧。对吧,啊,假如说你要展示十条数据,这也是没问题。对吧,那所以说咱们的品牌管理的一个动态的展示就OK了,但是呢,老师呢,要总结一下子,其实啊,刚开始写这个后台项目的时候,其实难点不多,多的是谁是这个饿了么UI。所以说啊,老师希望你们通过饿了么UI啊,就是通过这个案例,把通过这个项,把这个饿了么UI你慢慢的给他玩熟,这块呢一定要切记。
我来说两句