00:01
哈喽,各位小伙伴们大家好,那接下来啊,咱们呢,去完成咱们品牌修改的功能。那咱们呢,去看一下呢,已经完成的这个项目。那首先说啊,对于咱们现在而言,对于添加品牌的功能呢,咱们完成了大部分功能。还有一些功能呢,咱们还没有完善,比如说表单的验证。那对于添加和修改啊,都有表单验证,那所以说咱们最后再去处理表单验证的功能。那咱们呢,先把修改的功能啊,先给它进行处理。那比如说啊,咱们现在展示品牌展示的很多。比如说啊,有一个品牌叫的密啊,以及也有它的品牌logo,那假如说你想修改这个品牌,那你点击修改的时候。那咱们的对话框呢,也会弹出来。那你可以修改品牌的名字,比如说咱们起个名叫华为30。
01:04
那以及啊,你可以选择他新的品牌的logo。对吧,那当然你可以进行修改。那所以说啊,咱们呢,目前而言啊,只是完成了添加品牌的功能,而修改是没有完成的。对吧,那在展示的品牌当中有很多,那你要修改哪一个品牌,那你是不是得点击相应的这个修改的按钮。那咱们呢,去找到表格的第四列,因为第四列这里是不是有修改的按钮。那所以说啊,回到咱们的组件当中。找到相应的table表格,在他的最后一列当中,是不是有咱们的这个修改的这个按钮。而且啊,咱们当年呢,也给他写了相应的回调,对吧,叫update trademark叫做更新品牌。
02:03
那咱们可以看一下相应的回调在哪呢?在这儿修改某一个品牌。对吧,那这里呢,要注意一件事。当你点击某一个品牌的时候,你要不要给相应的回调传参数,那一定是需要啊。因为你将来得知道你要修改的是哪个品牌,而且你要把修改完的信息要带给服务器的。那所以说啊,咱们这里面呢,需要传参传谁传的即为肉。肉就是什么呢?肉就是你对应这一行的这个品牌的信息。对吧,那这块呢,你要注意一件事,当你点击修改按钮的时候啊,默认你得把人家品牌的名字和品牌的logo给展示出来。那展示这些信息呢,其实很简单,那咱们先看一下吧,那首先说修改某一个品牌,那咱们要接收这个肉。那这里呢,老师呢,做一下笔记,肉是什么肉就是你当前。
03:04
哎,当前用户选中的这个品牌的信息。那咱们呢,可以打印一下子对吧,打印一下肉,而且这个呃,品牌的信息呢,是来自于谁呀,你想想咱们展示的这些列表的数据是不是来自于服务器。对不对,那当你点击修改的时候,你要注意啊,你这个品牌的信息当中,它是有什么的,是有相应的ID的。对,不,因为你要想明白一件事,现在所展示的这些品牌信息,其实是你从服务器获取到的,以及展示出来的。那当然修改品牌的信息代表是已有的,它是有ID的。对吧,那你要注意一件事,当你一点击修改的时候,你默认是要把品牌的名称和品牌的logo给它展示出来。那这里呢,其实很简单,你只需要把事件回调传进来的这个漏网复制给谁就行了,是不是复制给TM就行了。
04:07
因为TM它在这里是不是进行了微港model的绑定,那是不是就可以展示。那以及像这这的图片是不是也是用TM的logo ul进行展示?那所以说啊,这个里面你只需要做一件事即可,怎么的,是不是就是咱们的这点TM方等于谁等于肉。对,不等于绕。那这块在干什么呢?写一下就是将已有的品牌的信息对吧,赋值给咱们的天赋进行展示。对不?那咱们呢,可以看一下,这是没问题的。咱们可以看一下,比如说来咱们修改一下这个品牌,那你看这些信息是默认就展示出来了。对吧,但是这里面呢,有一些细活你要注意。
05:00
比如说老师修改品牌,咱们叫什么呢?叫做呃鸿星尔克。哎,红星尔克。对吧,那以及啊,咱们的找一张图片啊,随便找一张华为。那这里面呢,老师要做一件事什么事,你看啊,现在老师是修改了这个品牌的信息,但我没有点击确定,我点击的是取消。但是你会发现一件事,虽然老师没有进行修改,但是你会发现这里的信息是不是已经修改。那你要想明白为什么?这块你要想明白,为什么他就及时的呃修改。那你得看这块儿的代码,你这块要注意啊。你这块代码在做一件事,什么事是讲服务器。返回到品牌的信息。对不对,哎,返回品牌的信息,直接赋值给了谁,赋值给了to进行展示。
06:03
这是没问题的。但是你要注意,在收集表单数据的时候,咱们也用的是填否。对不,那就说明一件事,什么事,咱们现在在这儿,你赋值的这个肉,把这个对象是赋值给了TM four。对吧,来写一下子。那也就是说,也就是说,哎,写一下。哎,写一下,那也就是说TM放。哎,存储的即位上即为服务器返回的品牌啊信息。对不对。对吧,那你看咱刚刚做的这件事儿,你点击这个按钮的时候。对吧,弹出咱们的对话框,那你在这里进行修改的时候,你要明白一件事,咱们再点击修改按钮的时候,你是不是把咱们这个品牌展示的这个信息对象是复制给了TM。放那你这块进行数据绑定呢,数据双向绑定呢,对不?那你这边修改,你看底下这是不是也跟着修改。
07:04
那也就是说PM form和你在表格当中展示品牌数据这两个对象啊,这两个数据指向的是同一个对象。对不?因此会出现什么你在这输入的用户名,比如说么么哒,对不?你一点击取消,你会发现它也是假的,虽然你没有改,但真的修改为什么?其实说白了你TM for说白了。是间接的,也可以称之为直接的,是不是在操作表格的数据?对,不是不是操作你服务器返回的那个品牌的数据。对不,所以这块要注意,那所以说这里面呢,你不能直接把这个服务器。返回的这个对象直接复制给TM,应该怎么前拷贝?对不,前拷贝怎么搞,点点点谁哎点点点肉哎点点肉,那这样相当于是什么,是不是相当于前拷贝了一份对象。
08:02
对吧,是复制给了T,那这回咱们再看,你看老师这边修改,比如说来一个来个什么来个123,那你看这里根本没有改,你点击取消,它也是没有改。对吧,那就说白了,那为什么要用前拷贝,说白了就是让TM这个属性接收的并非是并非是啥,是不是服务器那个返回那个数据,数据里边那个对象。对不,这块呢,一定要注意。咱们是能获取到服务器的数据的,咱们可以看一下在哪,在这。这不就是个list list是返回的品牌的信息,这个数组,数组里面有三个对象,那咱们要做的是不是把数组当中的某一个对象,你选中那个对象是不是前考被复制给了T?那说白了,是不是相当于给他拷贝了一份进行操作。不要直接操作这个数据,因为这个数据是在表格当中进行展示,所以说这里咱们需要用到前考。
09:00
对吧。那咱们点击一下,比如说咱们给他来个修改品牌,咱们叫什么叫做鲁迅。对不,那咱们看一下子你有没有收集到你这个更新后品牌的数据。那咱们呢,可以看一下开发者工具,看这是不是收集到了。那当你点击确定的时候,那你是不是要发请求。其实不管是对于啊在这儿。不管对于是添加还是修改,其实都需要走这个函数。对不对吧,哎,添加品牌或者修改品牌嘛,那这块呢,要注意一件事,其实咱们已经区分开来。对不,也就说你传给咱们的这个这个API里面的这个,呃,接口函数的时候,你看你要带给服务器的一个字段,带不带ad,那如果带ad,那是不是就是更新。那如果更新成功之后。那你看你是不是在谈这个信息。那有的同学啊,眼睛比较贼,说老师你看啊,你看人家已经写好这个啊,你看这比如咱来个123123。
10:05
啊,来个二三。随便来一个。111对吧,周老师你看人家修改的时候啊,人家谈的是绿色的。对吧,而咱们的这个呢,您可以看一下。哎,咱们先搞一下吧,你看咱的这个是不是这个颜色。说老师那这个能不能改,能咱们找一下是哪个组件呢?就是它就是message消息提示。对不?其实啊,它的这个颜色啊有很多,你看这个是不是就咱想要的颜色对吧?警告色,消息色,错误色有各种各样的颜色,其实啊,它的写法啊,最开始老师是这么写的,那这块老师写一下子这块是不是弹出信息。对不,那这块要注意啊,那假如说你想带颜色,那咱可以这么写,怎么写里面传一个对象。啊,传一个对象。那你看一下人家是怎么写的,咱要的是成功,那找呗,找箱子成功,成功呢,应该谁是OPEN2。
11:00
是不是这个,那你可以怎么办,是不是传一个对象,让这个信息的类型为什么为成功对不,那你这块就可以怎么找,这么找,哎,Type为success,以及你提示的信息呢,是通过message字段进行设置。对不,那这块呢,咱们就可以判断了,因为这块可能是添加,也可能是啥是也可能是修改。这块你就可以判断怎么判断是不是判断这点TM form身上有没有ID。那如果有IE,那是不是就是修改品牌成功。那没有呢,那是不是就是添加品牌成果。对吧,哎,成功。那咱们看一下咱们这个呢,是否OK,举个例子看一下吧,比如说鲁迅这个。那咱们来一个叫做鲁迅老师,那咱们要进行修改。对吧,那这个老师给他关掉,那你看啊,当老师一点击确定的时候,走是不是修改品牌成功。对吧,以及再一次拉服务器的数据进行展示,这是没问题。
12:04
但是呢,还有一些细活咱们要做,那举个例子,当前是第一,那假如说老师现在选择是第六页,我想修改这个123叫花题。对,不叫华为。对吧,那你点击确定你是不是应该留在第六页,但是你会发现咱们是留在第几页,第一页,那为什么呢?是因为你这个发请求这。叫get配置例子的,如果你没有传参数,你看啊,如果你没有传参数,默认是第几页,默认是不是第一页。对吧,你没有传参,那他用的是不是默认参数是不是第一啊,所以你这块呢,你也得判断判断什么。比如说如果。哎,如果是添加品牌没问题,你是停留在。哎,就是停留在第一页。那如果是修改品牌呢,那你应该是咋的,是不是应该留在当前?
13:00
当前页面。对不?所以这块你得判断也是一样,判断咱们的z.TM form有没有ID,那如果有ID代表是不是修改,那修改你就留在当前页这点配置。那否则呢,那就是添加添加流第一页就完事。对吧,那咱们这回再看一下子刷新看一下,比如说老师来到最后一页华为,比如咱来到华为123,那你看一下是不是停留在当前页,而不是第一页。对吧,而且是修改品牌。对吧,哎,只是修改品牌的操作,那以及啊,咱们呢,还有一个细活要操作,你看啊。如果点击的是添加按钮,你这是不是应该添加品牌。那如果你这块是谁呢?点击的是修改,那你还是添加品牌吗?不应该是应该显示修改品牌。那也就是说你Di love的这个title,咱找一下子就是Di这个title,你应该是活的,而不应该是死的。那这块判断呢,其实也很简单,就判断咱们的TM。
14:02
Form有没有ID?对吧,那如果有ID代表啥,代表是不是修改品牌。对不来修改品牌。那没有的没有,那就是啥添加品牌。对吧,哎,添加品牌。其实对于添加品牌和修改修改品牌而言啊,其实说白了主要的区别就是什么?携带给服务器的参数,是否带有ID。对吧,那这回咱们可以看看现在是不是修改。对吧,那你点击它是不是就是添加。对吧,那所以说对于咱们的修改的业务呢,也就完成了。
我来说两句