00:00
哈喽,各位小伙伴们大家好,那接下来啊,咱们去完成删除PU的业务。那咱们呢,去看一下呢,已经完成的这个项目啊。比如说用户选择图书。电子书刊。电子书。那么当你三级分类确定之后,在场景为零的这里会展示所有来自于服务器的po的列表。那对于我们目前而言啊,添加PU和修改PU的业务已经完成。那接下来呢,咱们呢,把删除po的业务给他完成。那看一下,比如说我现在想删除一一这个PUOK。当你点击这个按钮的时候,会弹出一个泡泡。对不那么一点击确定是不是真的会删除掉。那所以说回到咱们的项目当中,咱们看一下。看咱这个啊。图书。
01:00
电子书以及电子书,这样你看删除没用。对吧,因为咱们没有写相应的事件。那咱们呢,找到这个EL当中这个副组件。找他。在table的第四列当中啊,应该有一个按钮,而且咱当时是用自己封装的,Hi button用的。叫做删除PU。那么咱们呢,找到这个按钮是不是这。那么当你一点击它的时候,看一下艾click。那比如说啊,咱们就叫做delete啥呢PU。对不?那你要不要传参的,你得告诉人家你删除的是哪一个PU。对不对,那所以说咱们呢,需要把当前的这个PU的信息给人传进来,那这就是谁肉。对不?那当然咱们目前是没有这个方法的。那咱们呢,需要写一下这个方法在这儿。这个呢,是删除PU的按钮的回调。
02:05
那咱们呢,写一下。那咱们呢,可以先alert,先确保一下写的是OK的。对不,那么当你一点击删除按钮的时候,看一下它有没有弹这个一一没问题。但是你要注意,删除po是要发请求的。咱们去看一下接口。接口当中这个delete这个接口就是删除的,你要通过ID告诉人家服务器,哎,我要删除哪个PU。那所以说咱们目前呢,是没有这个接口的,那所以说咱们去写一下这个接口。那找到咱们的PU这里,那这里边呢,又要新增一个接口,叫做删除PU。对不X。那比如说啊,咱们的起个名字吧,叫做re EQ啊,或者叫。对吧,叫REQ,叫D类的SPU,那当然你这个函数需要携带参数的。
03:02
对不,那地址是它那带的参数啥,是不是这个IDPID。对不?那以及你得写谁,是不是写request。以及URL应该为它。一级啊不对对吧,应该是整个的这个路径CTRLCCTRLV啊,当然它需要有参数,所以说呢,咱们呢,需要来一个模板字符串。对吧,那以及什么请求呢?Method为delay的请求。对不,那也就是说当你点击删除按钮的时候,你点击它是不是要发请求,但是你要注意它这块是不是用到了一个小小的一个泡泡。对不,那所以说呢,咱们得去找一下饿了么UI的那个组件,对不?咱们找一下咱们当年用过叫做泡泡。对吧,泡泡气泡选框。对不,那咱们去找一下子,那用的是哪,用的是这块的结构。
04:00
对吧,那咱呢,把他给他带走。那当然你得看准,看准了template不需要啊,就是EL-pop。那当然,那咱这块是不是得替换,那咱先给他拿过来。那这块呢,咱们呢,先给它提上来。对不,哎,那这块呢,咱也给他提上来,那这这个button一会是不是要替换的,那以及这。对吧,哎,这块咱先给它折上。那当然这个按钮啊,是需要lo这个属性的,那把咱们的这个是不是也加上lo这个属性。对吧,那咱们呢,就把这个按钮呢,给它替换一下,换成咱自己的这个。对不对,那这回你要注意了,那这回是在这儿写回调啊,这回可不是了。对不对,这回可不是了啊,这回要注意,是当你点击确定的那个按钮的时候才删的。你看啊,图书电子书,看电子书一点击走,是不是弹出一个气泡确认框,当你点击确定的那一刻,是不是来调用这个方法发请求。
05:09
对不对,而且咱们当年的这个回调,成功的回调,咱们也说过,用的是用的是on。对吧,应该叫咱们看看那个事件的名叫啥吧。对吧,API永远在哪呢?在底下,对不应该叫做onfor,咱们说过于版本问题。对吧,那所以说这啊,咱们得来一个at啊。Confirm c I,看一下全称叫绍CIMIM调用哪个方法,是不是叫做delete,看那叫啥来的?叫做底类的PU。对吧,PU,当然你需要传你相应的那个PU。对不?那咱们先看一下对不对。对吧,你万一不对呢。图书电子书,看电子书来确定。对吧,所以说是没问题。
06:01
那么当你点击确定的那一刻,你要干什么?你是不是要发请求了?对不对,你是要发请求了。对吧,那咱们呢搞一下,那咱们接口已经写好了。对吧,哎,保存一下又没有提示对吧,保存一下。关掉。再回首看一下,那这块你得写谁wait?对不没提示了,行,咱给它关掉,再重新跑一下。所以说啊,这个插件有点多对吧,好应该是这点。关掉。应该是这点Dollar api.pu点看一下那个方法的名字叫什么来着。对吧,叫做r EQ delay的PU。对吧,叫REQ啊delay的PU你要传参传的谁传的是你这个销售啊,传的是你这个PU的ID。对不说老师你咋知道一定是ID呢,咱们可以打印一下。对不,咱们呢,可以打印一下这个是什么,是你要删除的那个PU。
07:05
咱们打一下他身上有没有这个ID,因为它需要是需要携带参数。对吧,咱们呢,把它呢,给它提上来看一下。图书。电子书,看电子书。对不清一下。来看这儿啊走对吧,他的身上呢,是有相应的ID的,不是三级分类的ID,也不是品牌的ID,就是这个ID。那所以说啊,老师呢,把这给干掉。那这块呢,你得发请求,那当然有wait,你这就得有谁有a thing。对不,那当然你这块呢,需要等待它的结果伪造。对吧,那就是说如果你的result。点code等等于200,那代表的是不是删除成功,那你可以啊,给他来一个提示信息,比如说删除成功对不这点。点Dollar message。对吧,那咱们呢,给它来一个吧,比如说类型啊,咱们呢还是为成功叫sus对不message。
08:07
提示信息呢,代表就是删除成功。但是你要注意,只是提示一个信息就完事了吗?咱们可以看一下。你看图书。电子书。对吧,比如说我删除理想汽车。OK,你只是显示一个删除成功吗?不是,你是还要再获取列表的数据。对不,那所以说咱们的这个方法。获取PU列表的数据,还要再发请求。对吧,那这块呢,就是face.get SQ list获取数据。那咱们这回呢,刷新看一下这回是不是OK的。对不啊,看一下比如说删除华为很溜。是不是删掉了。但是啊,这里面呢,要注意一件事。什么事呢,你看。那假如现在老师是在第四页没问题。
09:01
你看我删除的时候是不是应该留在第四页。对不对,所以说这块呢,你要注意它得分情况,说老师我现在直接写这点,呃,这点谁这点配置它也不对。你看啊,其实这个套路咱以前玩过,你看老师在接着给你删你看啊。开业。图书电子书电子书对吧,你看在第四页老师删啊。是不是停留在第四页没问题。我再闪。你是不是应该停留在第三页,是不是应该展示第三页的数,但你发现不对了。对不,那也就是说这块你是需要判断的。啥判断?你得看你这个PU列表当中,这个数据是不是大于一,如果大于一代表的是有很多个停留在当前页对不?那如果说是小于一的,你应该回到上一页。对不,所以说呢,怎么去看它的这个这个这个这个这个。刷新怎么看它的这个PU列表的个数。
10:03
其实数据在哪呢,在这呢,Record,这你看吧,看下咱们的table。你看嘛,这不就这个数据吗。你得看它的这个PU的个数,咱们得判断。就是face.record数组点Les,如果它的长度大于一,那代表的是你SPU展示的个数应该是咋的?应该是大于一,至少是不是有两或三个?对不,那你删除的时候应该是停留在当前,那应该是这点配置,那否则呢。否则没有,应该回到上一页这点配置减几减一。对不,就这个套路咱以前玩过。所以咱们这次再回首看一下吧,你看啊,图书。电子书对吧,来看这老师从第三页闪啊,你看啊。山是不是停留在当前页?当前也。我再删,是不是回到上一页。所以这块呢,要注意这块代表的是什么,代表的是。
11:03
你的PU的个数如果是大于几,大于一,那代表有两个或三个,那你删除的时候,删除的时候停留在当前页。对不,那么如果你的po的个数。小于一对,不,那你应该回到上一页。所以这块的业务也要注意一下,所以说咱们完成了删除PU的业务逻辑。
我来说两句