00:00
接下来我们再来编写改变我们勾箱数量的功能,那这一块数量的增减,那么最终都会要跳到我们这个red里边,把这一块的数量来进行修改,所以呢,我们先为这个增减按钮来绑定单击事件,无论增还是减,那么最终呢,就要进行一个修改,来找到这些增减按钮,好,我们现在来找一下它的这个加,我们来搜这个加号啊,主要是这个减号,我们这个减法,这个按钮呢,我们来找一下我们这个购物车的增减按钮,在这儿这个时代我们为这两个呢按钮,我们去统一来绑定事件,所以我们给它给一个统一的class,这个class呢,都是操作我们这个增减的,那么就叫count。OPS button,我们操作我们这个数量的button按钮,然后呢,我们这个按钮只要一操作,我们的这一块的内容就会发生变化,所以这一块的最终我们增了多少个数量,减了多少个数量,我们就要找到他们。好,我先来拿到这个我们的button按钮,我们为他们来绑定一个单击事件ctrl end,好,我们还是为所有的这些button按钮来绑定,单击事件,点一个click。
01:11
当我们这个一点击以后,我们就要跳转去来做增减功能,好我们想要增减,我们还是当然得获取到我们当前要增减的这个商品的squ的ID,以及我们要增减的这个数量,数量我们需要读取这一块的内容,而且如果我们操作的是这个增减,我们要读取跟它紧挨着的这块内容,好所以现在呢,我们来做两个,第一个是获取SQID,那SQ的ID的获取,我来CTRLF们为每一个按钮呢,在这点击的时候,我们可以直接绑定一个这个at tr属性,这个给两个都绑定,我感觉太麻烦了,我给这个P标签绑定一个t at tr相当于给它的副元素绑定一个我们的SQID的值,这个值呢,那就是Dollar福大括号当前商品的SQID值item.sqid,好,然后呢,接下来我们还要获取这个数量,为了方便获取,我们给这个数量也绑定一个class,因为这个数量框有很多,我们肯定不能绑ID,我绑的是class。
02:12
好,这个class我们就叫count,我们计数的这个number,我们这个count OPS的这个数量,这是我们的button,这是我们的数量,我们找这个button按钮,当被点击以后,我们来找到它的副元素,拿到它副元素的自定义属性就行了,Ctrl end,我们先CTRLF9,我们把这个页面呢重新来编一下,来给大家看一下效果,如果我们来点了这个按钮来看,我们为这个按钮呢绑定了单击事件,而且我们知道是哪个商品,我们找到它副元素,拿到SQID的值,它的值是多少,我们找到它里边的这个count OS number,找到它的这个文本值,我们就知道它的值了,所以我们现在拿过来。我们现在呢,当前被点击的按钮Dollar this Dollar this呢,代表我们当前被点击的这个button,无论是加还是减,我们找到它的P复元素,所以当前的this我们找一个parent,我们找它的复元素,我们约定这个副元素呢,必须还是一个P标签,我们可以在这来约定,当然直接来找这个parent p也没什么问题,因为我们这个P呢,就是这个副元素找到以后呢,拿到这个复元素的SQID,这个复元素的自定义属性啊,自定义属性我们来拿到它的sqidd的值,我们虽然大写的SQID,但是在HTMMR这个标签里边,它不区分属性的大小写,我们无论在这大小写都行,好,那现在呢,第一个我们拿到SKUID,我们这个能拿到,然后呢,我们如果想要拿我们这个数量当前是多少,我们还是找到负元素,然后呢,找到在它里边再来找class维它的子元素,所以我们现在就来找。
03:51
我们还是当前点击的这个按钮,我是无论是增还是减,我们先来找它的负元素,负元素呢是整个P标签,我们在负元素里边呢,再来找它的子元素,而且class叫它的子元素,所以我们在它里边来写一个放的,放的呢就是在它的后代来找元素,找谁呢?Class为它的,那么这个找到以后,我们接下来就可以获取到我们这个子元素的这个属性值,比如我们这个at tr,这个什么属性值呢?我们其实不是来获取属性值,我们是找到这个子元素以后,我们要获取它的文本内容,所以我们直接来点一个t test,我们拿到它的文本内容,这就是我们的数量,挖一个number,好,我们在跳转之前呢,我们来确定一下我们是改哪个商品,改几件,好们在这a lott弹个框商品的ID来加一个SQID,然后呢,包括我们这个商品的数量,这个数量,数量呢,我们来再把这个number来也加一下CTRLF9。
04:52
我们先来看我们的页面能不能获取这两个内容,好我们再来刷新一下我们的页面,我们现在来修改我们这个商品,IPhone我来点一下,我们现在呢商品是11,数量呢变到三,我们获取下边的这个华为,我来点一下,商品呢是四号,数量呢是二,那就没什么问题,然后接下来我们就要进行我们的这个商品数量的修改,所以呢,我们还是跳转到我们一个地方,那么最终希望我们这一块呢,有这么一个请求,好,我把这块拿来跳整,以前呢是一个check item,然后呢,我们再来给一个count aem来统计这个数量,我们来改变我们这个item的这个数量,数量呢我们改变哪个商品,那就是这个把商品拿过来,然后呢,我们再来把它的数量要改成几个数量,把这个数量呢,这个数量呢,最终是几把它真正的值拿来,数量这一块增减的显示那是以前的GS写好的,我们也不用管了,好数量拿来,那么最终呢,就希望我们的CCTRL。
05:52
那有一个方法好,我们这个方法呢,我们就来处理一下get mapping,我们能跳转呢,都是get请求,好,我们来要改变我们这个商品的数量,然后我们来public string写一个string方法好,就是来改变数量,Return,我们先来写一个地址,我们放在这改变数量呢,我们传两个参数,我们把第一个SQ的ID,商品的ID拿来,第二个我们传一个inte类型的number数量。
06:20
来写一个request poem请求呢,页面如果传递还会给我们带一个参数叫number,把这个number呢,我们再来CTRL,我们获取过来,获取过来,我们接下来希望cut service就有一个方法,就叫change,改变我们这个count。我们item的这个数量,这个改变哪个商品,那就是这个商品改变几个数量,那就是这么多,再加上我们只要改变完了,我们相当于还是重新展示我们购物车的列表页啊,重新再来展示一遍,所以我们的重定向位置,把这个拿过来放在这儿,好,我们接下来呢,就来创建出我们这个方法,走这个方法创建出来它的作用就是呢,我们修改购物项数量,修改我们购物项数量,好,我们把这个方法的实现拿过来,我们要修改的这个购物项,我们先拿到购物项原本的信息,Get cut item,如果我们不拿原本信息直接改,因为购物车里边购物项呢,存的值很多,可能把其他值就默认覆盖为空了,所以我们必须拿到原来的信息,我们拿到原来这个购物项对应的信息,然后拿到以后呢,我们给它改一个数量,然后把它重新再保存进去。
07:37
Set一个count,我们现在最新的数量,就是这个number重新保存,我们现在拿到我们的购物车操作好,拿到我们能操作的这个购物车,这个购物车呢是一个哈希,它根据我们当前登录状态给我们获取到购物车,获取到以后呢,我们接下来改变改变改变什呢?改变什么呢?接下来就是当前商品的ID作为K好最终商品杰森序列化后的文本,杰森点图,杰森string,把我们这个改后的这个商品给它一格式化,我们再保存到release里边,这就是来改变数量,那现在来测试一下,来重新来启动我们的购物车服务,我们页面呢,会给我们发送count item这个请求,一发送这个请求,我们只要执行完了,重新又会跳转回来,好,我们现在来稍等一下,我们先来刷新我们的购物车,好,现在呢,来准备改变数量,我们给这个华为一个来加一下,我们现在呢跳转到这个请求,只不过呢,这出现了四百四百半的request。
08:37
那么这个错误的请求,那么这个参数number不存在,那就是我们这个页面给它拼数字的时候,我没拼等号,好我们在这个number上边再来拼一个等号,CTRLF9,我们回退过来,现在还是我们这个购物车页面来给它改变数字来操作华为,好,我来加一下,好加到二,我们再来加一下,加到三,而且我们只要改变了商品数量,这块总价也会变,总价变的原因是我们这个购物车你想要获取总价,我们都会重新计算,好我来加一下,来看一下这个总价二四,好,我再来加一下,那么这个总价247,所以只要我们这呢有添加么,这一块呢都会发生变化,而且我们重新会跳到我们这个页面,那么这个改变这个数量我就写好了。
我来说两句