00:01
哈喽,各位小伙伴们大家好,那接下来啊,咱们呢,去完成删除品牌的操作。那咱们呢,看一下呢,已经完成了这个项目啊。那比如说啊,我想删除华为这个品牌,那你就可以点击删除按钮。但是啊,这里呢,要注意,当你点击删除按钮的时候啊,会弹出一个小弹框。那如果点击的是取消啊,那是不是这弹出一个叫已取消删除。那假如说你真的要删除,点击确定了,那是不是真的要删除掉这个品牌。那咱们呢,接下来呢,去完成这个效果。那咱们看一下,找到咱们品牌这里啊,找到咱们的品牌这个组件。当然,咱们需要找到表格第四列当中的这个删除的按钮。在哪,是不是在这儿。那首先说啊,那当你点击这个按钮的时候,那所以说咱们呢,给他绑定一个单击事件。
01:06
比如说咱们起个名字呢,叫做delayed trademark,叫删除品牌。但是啊,这里呢,要注意一件事,当你点击这个删除按钮的时候,你要想想需不需要给回调传参。那一定是需要传餐的,为什么?因为你需要告诉服务器,你删除的是哪一个品牌。你需要把品牌相应的ID是不是要带给服务器?那所以说啊,这里面呢,咱们呢,把你选中这个品牌信息啊,给他传递进来。那当然咱们目前啊是没有这个方法的,那所以说啊,回到咱们的底部这里。那咱们这呢,也做一下笔记,这是咱们是不是删除品牌,哎,品牌的操作。那咱们呢,可以打印一下,看一下有没有这个品牌的信息,打印一下肉。
02:06
找你。那咱们呢,去看一下吧,比如说老师选中第二页这个华为。当你点击的时候,是不是可以获取到你要删除这个品牌的信息,当然它是不是有ID。对吧,那接下来你就得弹出一个什么,是不是弹框。那弹框用的是谁呢?是这个message box这个插件弹框。当然啊,它是有确定跟取消按钮的,那咱们看一下是不是这个提交内容啊,看一下子啊,比如说提交内容咱们都多看看,以及确认消息,那这个是不是就符合咱们的情况,确认消息,这样不是有取消和确定按钮。对吧,那所以说咱们看他是怎么写的。那首先说啊,有一个按钮,当你一点击的时候,会掉open方法,而open这里面,那是不是就是咱想要的业务逻辑了。
03:00
对不对,对吧,那所以说啊,咱们呢,可以把它粘过来,那这块是什么呢?写一下子这块呢,是咱们的弹框。那咱们呢,稍微呢,格式化一下,稍微格式化一下,先看一下这个弹簧功能O不OK。随便点击一个,这是没问题的。但是你要注意啊,这里面的内容啊,咱们不应该是这个文字,应该是,哎,告诉人家是不是要删除哪哪哪哪个品牌对吧,那所以说咱们这里面的替换一下,换成模板字符串。对吧,哎,给他换成模板字字,比如说写一个你确定,哎确定。删除哪个品牌,那是不是就是肉点TM那。对吧,加一个问号。对吧,那以及这块呢,有提示,提示是谁,其实提示就是左上角的这个文字。对吧,那以及有确定跟取消按钮的文本,以及是war类型的。那这里呢,要注意一件事,点赞咱们看一下什么时候会出发,那这里呢,老师写一下子啊,其实啊,就是当用户哎,当用户点击确定按钮的诶时候会触发。
04:15
会出发,那以及啊,点开值是什么,什么时候会触发,就是当。用户点击取消按钮的时候,哎,按钮的时候会触发。拉爱出发。咱们可以看一下啊,你看。它这里面其实写的代码呢,无非是弹出两个信息,一个是什么删除成功,一个是取消成功,对吧,那咱们可以看一下,其实就是当你点击确定跟取消的时候,按分别会执行和回调。对吧,但是这里面你一定要注意,那假如说我真的点确定了,你是不是真的要发请求。以及如果删除成功之后,你是不是还要再获取一下品牌列表的数据进行展示?
05:00
那所以说啊,咱们的需要写咱们的接口,那接口呢,咱们用的还是品牌操作当中这个删除的接口对吧,是底类的请求是删除某一个品牌。那咱们呢,把他的老师呢,给他带走啊,咱们呢给他复制一下,给他带走,写一下这个接口,因为你是需要发请求的。对吧,而且还要带一个餐,带谁是带你删除的那个品牌的ID。对吧,那所以说啊,咱们这里面呢,去写一下子,那这个是什么,是删除品牌的接口。那请求的地址,谁是他以及是delay的请求。那咱们写一下吧,叫export cost,叫re e q d类trade mark。对吧,那它呢是一个箭头函数,那当然需要携带ID,那以及咱们的request也要书写。对吧,有两个,一个是URL,哎,URL请求的地址,那地址当中啊,它是需要携带参数ID的,别忘了加上单了。
06:07
那以及啊是什么请求,那是不是应该是底类的请求。对吧,那接下来呢,你要注意一件事什么事,那如果说当你点击确定按钮的时候,那你是真的要发请求的,所以说啊,咱们要怎么的,是不是要向哎服务器发什么呀,是发请求。那应该是谁这点得了API点,哎API大小写要注意啊,点吹的ma.re EQ叫什么笔late。啊,Re EQ de delete,来就直是接把它给它复制过来吧。叫r e q delay,但是别忘记你需要携带ID。对吧,你是需要写带ID的啊,这块一定一定要切记。那咱们呢,就给他来一个肉。第二,ID,那当然啊,咱们呢,需要等待它成功的结果,需要加一个away,那这里面你就需要写上咱们的think。
07:08
对吧,那咱们呢,可以拿到它返回的结果light一个result,那如果返回的结果的扣的是200,代表删除成功,比如说如果删除成功,如果删除成功的操作对吧,就是如果造的点扣的等等于200,那删除成功第一件事是不是弹出一个这样的一个message。对吧,代表已经删除成功,但是也别忘记还要怎么的,再次哎,获取品牌列表的数据,品牌。列表的数据。This点哎叫做咱们叫做z.get配置例子,如果没有传参,默认传的是几啊,默认参数是一。对吧,再点这不是一嘛,对吧,那咱们先看一下有没有完成看一下。那这里面呢,比如说啊,咱们想删除华为,那先看一下有没有删除,是不是删除成功了,而且回到了第一页,但是这里面呢,要注意一件事,老师多给你添加几个品牌,比如华为。
08:13
这个老师有些细活,还是要说说。对吧,老师呢,先让咱们的第二页里面啊,有两个数据,比如再来一个吧,比如说叫做VIVO。对吧,那也来一张图片啊,老师的这个图片只有华为的,当然将来你有别的图片也可以上传。对吧。好,咱们看这。你要想明白一件事什么事,那假如说我删除的是第二页第三个啊,这应该是刚刚又有同学新增了。就比如说我删除的是第二个页的这个华为,就这个品牌。那当你点击确定的时候,你要注意你应该留在的是第一页,不是第二页,而不应该去第一页。对不对,你想想我现在是在第二页删的,删完之后是不是应该停留在第二页,因为第二页当中还有两条数据。
09:02
所以说这块的判断呢,一定一定要注意,就这块儿你得判断。你得判断啥?你得判断你展示的这条数据当中元素的个数。也就是说,如果你这个数组里面的元素的Les大于几,那大于一你是不是停留在当前,那如果小于一,你应该去上。对吧,那所以说这块呢,咱们要做一个判断,什么判断呢?就是咱们的z list list是什么,是当年咱们展示品牌数据那个数据。如果他的闷死,哎,点谁。点哎,点less写一下,点less,如果是大于一。代表着现在至少有两个或三个品牌的数据,那你应该停留在的是当前。对不,那否则呢,应该是当前页减几减一小于一了嘛,代表当前这一页为数,你是不是去上了。对吧,所以这块呢,要注意一下,那咱们看一下,比如说我现在删除的是第二页这个微博,那你看是不是留在当前页,第二页你再删,那没了是不是应该回到第一页。
10:12
对吧,就是这块的熄火,你要注意一下子。那所以说咱们完成了咱们删除品牌的操作,但是这里边儿的老师说一下这个,呃呃,就是饿了么UI。当中的组件啊,一定要切记,有时间的时候,有时间的时候多翻看翻看。啊,因为这个饿了mi在工作当中,它使用的频率是挺高的。
我来说两句