00:00
来,我们去看一下这个购物车的列表,这个页面啊,基本的数据我们已经以列表的形式体现了,那么接下来呢,还有很多操作,比如说修改这个数量啊,修改数量你在这里改完没有用,你得到数据库里面是不是也得更更新完对吧?这是一个另外一个点击删除是不是也得删掉,对吧。好,另外的话就是我们先做那个叫什么吧,先做数量修改和删除可以吧,做完以后呢,这边再增加一列,他能选择元素可以吧。OK吧,啊这边的啊,来看一下,我们先找到这个页面这个元素,它如果就是给他们绑定事件,如果他们的值发生改变,接下来我们是不是就可以做那个处理了了,对吧?嗯,这个肯定是不能为零的,这个位置依然也不能为零,对吧,但你可以删,听懂了吧,你可以删掉的,不能为零知了吧?嗯,那我们去找一下这个元素啊,不在这。我们的index先去看一下那个。按钮这位的啊,按钮这位置呢,给他来一个最小值,就man等于一个一最小就为一对吧,然后接下来呢,给它绑定事件,绑定事件我看下铺的type的名单。
01:11
Type等于,然后等于吧,找到这个元素,然后给绑一。接下来我们去写GS啊,写G代码。来这里抛括号百分号block block对吧,GS,然后下边划括号百分号and block b对吧?好,然后写一个SC的标签,那么接下来呢,这里边给A,这里啊给。给什么?呃,编辑啊,叫购物车数量数量编辑编辑编辑来到了括号,找到这个input啊,它的name等于number的这个元素,对吧?Number的元素,然后点上一个配事件,当它的值发生改变的时候呢,我们去获取当前元素的。
02:06
值更新的值对吧,所以这个位置呢,是嗯,cons.log打印一下,等一下N吧,这个位置N等于YNN等于我们到了。this.vr是不是获取它的值啊,先看一下啊。刷新。点击检查放到旁边来,放到下头来啊,然后点击空。这个方法啊对来加减是不是都可以啊,加减对吧,嗯,加减。啊,加几加一次减一次就更改一次吗?上次交点是对,要是老师都那个什么就很麻烦是吧?嗯叫BRU啊对每一次都改他他在那没事光点着玩是吧,比如说遇到一个这场景,他在这儿本来想改一下数量,结果接了个电话,这个电话一打一个多小时,他就没事在这啪啪啪啪在那点是吧,点一次你发一次,点一次发一次疯了。
03:11
对吧,这服务器受不了这个压力,懂我的意思吧,明白意思吧,还有一种是页面中有一个特效是比如说三个滑块,或者是一堆滑块,鼠标放上去它就加载一下数据,鼠标离开它就不加载数据了,那放上一些一次它就发二点克斯离开它就不发了是吧?然后呢,你还做了一些效果,比如说改变下颜色,反正都是为了提升用户体验嘛,对吧,结果他鼠标放在这个位置的时候来了个电话是吧,边打电话在鼠鼠标里划来划去,划来划去。对吧,你的2.x就不停的发,是这个意思吧,对这这个时候就不太合理了啊对,所以咱们这个位置呢,他可以随便改,但是上次焦点的时候我们才去更新数据,懂我的意思吧?啊所以这一步啊,就是他丧失焦点之后,丧失焦点之后,那这个数据库就到了。对吧,数据获取到以后,那么接下来呢,就是呃,还得找到他这个呃,这个购物车的ID,然后到购物车里面时把这个数据更新掉,对吧?好,那么购物车的ID在哪个位置呢?目前位置好像没有在哪传是吧?嗯,我们写一个在循环的时候写一个内容容写一个内容加一个杨玉或者加一个什么东响。
04:17
就在这里吧,我再加一个隐藏可以吧。input type等于name,等于我们的。内部等于我们的,呃,叫CTDID可以吧,然后VALUE6VALUE等于我们当前这个元素的id.ID对吧,对不对,那么接下来我们是不是可以通过这个来获取这个元素了,嗯,来接下来这里上失焦点事件的时候,获取当前元素更新的值,然后还有一个Y,呃,叫cidd等于我们。等于谁等于Dollar找到这个叫input input中括号name,哎,不对。必须得是当年这个元素的素的,对不对,你所以不能那样找啊,所以这个位置必须得是当年元素的,当年元素的。
05:03
嗯,它的下一个就是这个标签的下一个标签是不是就是了啊,下一个标签,下一个标签用什么什么。Ne是吗?Next,然后点V括号获取来,我把这两个数据呢放到咱们的字典中。我看看看我看行吗?行行放到这个字典,所以这个位置就对。Date中号ID,然后这里打印date就可以了,可以吧,放到一个那个叫不是字点这个地方叫什么呢?叫对象对吧吧啊放到一个对象里啊来来刷新看一下啊。点击。对吧,开D等于一啊N等于七对吧,拿到了吧啊这个时候是不是可以发了对吧?然后下边这个他点击这个个啊点不行啊,点这个是不开ID等于二对吧,这个数量改成二对吧?啊那么剩下的就是发二四百百。
06:09
对吧,嗯,好,发送发送阿贾克斯,嗯,数据到后台,到后台更新,更新购物车数量,商品数量。数量对吧?啊怎么更新呢?在这位置到了点,我们用盖子发吧,好吧吧,我们是不是得先有这个方法呀?啊对应的方法得有哈,然后还得有那个试图啊下面来更新对不对?写一方法叫更新购物车购物车数据。购物车商品数量商品。数量数量,然后这个位置呢,D定义成叫number好吧,然后request下边啊,那么接收这个叫什么呢?它接收一个数据对吧?啊接收数据数据的话,我们用date等于我们的。
07:00
Request点儿get点是不就接收了啊,接收以后呢,我们return。一个神response,然后先把地址发来可以吧,先看能不能接受啊好,然后接下来呢,对应的给他绑定一个U2路由,对吧,来购物车数量更新更新。叫更新购物车数量。Cut。然后我们这个方法名叫什么来着。这个改成艾得了,好吧,可以吧,嗯,你自己能问下,你要自己分不清,你把名字自己写好就行了啊来艾,然后呢,这个里面。接收数据,接收数据以后,它是不是有一个叫ID啊,啊,你看我们这边啊,接收的数据是不是就是这个东西啊,啊,然后有一个ID。这么行不行?是吧,单独接也可以啊,它的ID等于request点。get.get括号。I对吧,单独解吧。
08:01
Number等于N对吧?然后呢,找到对象,获取这个构设的这个对象,那就是model,呃,这个叫obj等于我们的models点上一个ct.ob.get括号获取这个元素,那么它是ID等于ID对吧?找到以后obj点它的number应该等于最新的number对吧?然后OB这点save保存。完事了吧,对吧,然后呢,这里呢去。判断一下有没有问题对吧。嗯,如果没有问题。复制一下。放这儿,如果没有问题,更新成功对吧?啊购物车啊,商品叫商品,商品数量数量更新更新成功。从成功对吧,然后这个位置是中心失败。对吧,没问题吧。看到了吗?这个逻辑啊,找到购物车当前的购物车的这个这个这个数据,然后呢,更改它的数量,然后保存完之后啊,返回到前台去,没问题哈,好,那这个位置完事以后哈,把我们那个前台那个名字拿过来,路由的名字复制一下,放到我们对应的这个方法里边来打开这个是花括号,百问号,URL空格,写这个位置位置对吧,然后点。
09:21
啊,不对点,然后数据是对,然后回调函数对,然后呢,接受那个返回的数据节省省。对不对啊,然后这个位置我们还需要做什么操作吗?我感觉不需要操作。嗯,对,成功就不需要做的是吧,所以date中号里边的这不叫扣,它的结果如果为真是不是就失败了了。对吧?零是为假嘛,真就400个对吧?如果为正的话,那就是a date中号里边的message。M。可以吧,嗯嗯。
10:00
刷新看一下啊,这个商品数量现在为一是吧,点击加号。好像也没个那个不用刷新了,你看数据库没更新。对。没更新吧,没更新啊,我感觉没发出去这个芯片。我刚前台刷新了吗?哦,在这呢,我的个乖乖。哦,我看成bad了是吧?啊看错了啊对,应该是这个位置更新了对吧,然后再改回来,改回来,比如说这第一个来减减改成第一改成一对吧,然后看一下数据库。好像没点提醒感觉不到是吧。这应该没有啊。嗯,对,到时候肯定要改,要改那个价格价肯定是要改对行吧,嗯,这个先搞定了对吧,就是更新操作更新,然后接下来就是。小静没改啊,我们不光这个个这个价格,这个价格这个价格,还有还有后面这个,这都要统一计算,知道吧,我们先把数据库的更新先做完,懂我意思吧,对,然后接下来先做删除可以吧,做删除这个回头再改再改啊对,然后接下来做删除,删除的话就是这个位置点击按钮,那么找到这个元素的idd,对吧,然后给它弹框是否要删除,如果点击确认,那就删除。
11:24
可以吧,点击取消,那就不删,删明白我的意思吧,啊然后呢,先找这个元素绑按钮啊,绑上词点。看一下这个删除的在这位。一个javascript冒号void括号零,然后。找到这个远处里边的A链接。绑定一个单机世界。嗯,购物车购物车商品购叫购物车商品商品删删除是吧,删除啊,然后找到这个元素,点它里边的。
12:03
A链接A标签,然后点上一个可以搞单击事件,单击事件里边做什么的。啊,弹出一个弹出叫弹出一个确认框,不是一个提示框确认框。确认,确认框框框框确认框确认框是什么呢?Y as等于我们当前这个叫CFM括号,然后写一个是否确认是否确认。确认删除。购物车商品对吧,问号好,然后呢,我们看它返回的结果log,打印下as。这个写错了,俩都有。来来刷新点击删除是否删除,如果点确定,哎呀,没把这个什么打开。先把这个打开,对,来刷新一下下看一下啊对,然后这里一点弹了一下下,点击确定,那就返回的是错,如果点击取消返的是false,看到了吧,如果是处我们就删,如果是false就不删了,对了吧,啊明白这意思吧,好,但是在这里点击的时候,我是不是还得获取他的ID啊,它的ID我们看一下啊,它的ID,它的ID获取的是这个A链接,我要找到它,所以应该是它负极里边的TR里边的这个元素。
13:25
对吗?对吧,嗯,所以这里判断一下啊。判断一下if判断,如果res结果为真,那我们就执行删除,获取当前购物车的ID对吧?所以这个位置呢,是 Dollarz.prints里边的T,然后点find去找它里边的input中括号name等于CD,然后获取它的value,对吧?YCYC等于它是不是就会到了,然后我们看一下log c来确认一下啊刷新。
14:05
点击确认ID获取到了吧,如果点击取消就没有有对吧,下边这个点击确认获取到了,点击取消没有可以了吧?啊那这样的话,这个购物车的ID是不是就拿到了,拿到以后,然后呢,干什么发送二点请求是在后台把它删掉,对对应的你这边是不是得有一个。有一个这个操作,嗯,来看一下啊,更新购物车商品数量,我看一下能不能换一个别的。删除购物车商品对吧,对吧。这个是删除购物车商品。DER。Delete是吧,嗯,然后同样的是不是要获取这个ID,然后呢,获取ID以后是不是找到这个对象,找对象之后干什么。删除这里是叫delete是吧,Delete方法删除,如果没有问题,就是商品删除成功。
15:03
删除成功,如果有问题就是删除失败,对吧,这个逻辑是不是就这么简单单。对吧,找到这个对象删掉回去OK吧,好,然后这个delete,然后我们是不是得有一个路由啊,得有一个路由啊,来de delete复制放到这里,这里也放一个,这是删除购物车,购物车商品你看前台里边哈,前台页面当中只有购物车是增删改查一套。明白了吗?增删改查一套啊,然后比如说像个人中心里边那个数据,它只有修改和查看。明白了吧啊,都没有添加和那个什么都没有有对吧吧啊他可以你你说我原来没有那个昵称,我添加个昵称,那是不是更新啊,那算数据更新听见了吧,但是购物车这个是真正的,就是从一开始没有添加数据进去到列表显示到数那个更新到那个删除,明白了吧?啊这是它是全套的啊来把这个路由地址啊复制一下,在我们这个方法里边去写一下,那么这个位置是发送发送阿贾克斯请求删除购物车商品,那这位置是到了点get get上好吧吧,嗯,Get,然后括号百分号,然后那个URL空格写这个地址,然后接下来数据是数据是得这么想象冒号CD对吧,然后接下来方。
16:34
最后一个是杰森。那么这个数据里面是不是要判断当前它是不是生化啊,判断当前判断。当前是否删除,删除成功,如果删除成功了,如果删除失败,肯定是要那个叫什么,肯定是要弹框的,对吧,如果删除成功了怎么办呢。整行数据是不是都要移除掉掉,整行数据都要移除掉啊对,所以这里怎么判断if返回的结果里面这个叫。
17:03
它的这个叫date中括号里边的后,如果它的结果为真,是不是就删除失败了了啊,所以这个位置呢,叫弹一框,叫date中括号里边的message对不对啊,如果他删除成那个叫什么呢?成功了,成功了之后我们这里干嘛呢删除。成功。删除整个,删除整行数据整行。删除这个这个TRTR对不对啊,这个TR怎么怎么找。怎么怎么打打打。Parents里边的TR,点上remove行不行?啊,行不行,这个this是不是有问题啊,啊,This有问题啊,所以这个位置来到了,这么写到了this,等于到了括号里边的this,听了吧,你这个地方不要写this啊,不要写this,听了吧,你要写的话,写成一个别的懂我的意思吧,不要写啊,因为this里边是不是变成那个谁了。变成那个叫原生键边的对象了,听懂了吧?啊,但刀了加块意思是几块了,所以刀的意思是没有用的,听懂了吧,咱们可以用这个变量明白这意思吗?啊,不要和其他变量冲突啊,好把它删掉。
18:09
那测试一下看对不对啊,刷新一下下看这位置,点击删除确认没了吧,数据库也得没有了哈,来刷新是不是就剩两条了。对吧。没问题吧,嗯,好好,不会出现失败的情况。不会吧?会出现失败的情况吗?不会,嗯,不会,好了好了,那这个位置搞定了哈,那么下一步是干什么呢?是。选择元素啊,然后还有这个小鸡的价格对吧?啊,计算这个小鸡的价格啊,小鸡的价格呃。怎么计算呢?嗯,更改的时候要计算,删除了之后,删除之后这个总计总计,我看总计的话,我们什么时候去计算这个总价格,旁边给他弄一个选,他选中的时候我们才记录总计,不选中的时候就没有。
19:01
可以兄弟们啊,就是没有了啊,好了,那么就是把这个小鸡的价格更新一下。还有这个叫购物车统一的价格,好吧。
我来说两句