14-项目第六、七阶段/08-尚硅谷-书城项目-修改购物车商品数量

咱们把这个删除清空对吧，添加都做了，接下来我们看一下这个。购物车商品数量的修改我们怎么来做啊，那么咱们上午的时候其实说过这个数量怎么办呢？要把这个数量用一个输入框来这个展示啊，我们现在这里呢，用一个输入框输出一下，那么找到输入框怎么办呢？找到卡的这个地方往下拉，这个这个就是那个数量啊。然后。Input啊，然后这是什么东西呢？Count啊，其实这个name用不上，ID暂时也用不上。咱们就写成什么东西，花柳，哎，输出这个数量，这数量呢，其实就是它。就是他。粘贴一下，好，咱们先来看看这个效果哈，先刷新一下这里呢，都已经变成这个呃，输入框了，当然这个框啊比较长，咱们给它弄短一点啊，没有必要那么长，呃，来style设置一下这个宽度，咱们说80基本上都够了哈，80基本都够了，那你说这么这么长度，你你买什么商品不够啊啊基本上都够了好。

那现在这里面咱们怎么样去实现这个商品数量的修改呢？就比如说现在这个输入框，它一上来它就是个一是吧，诶，它一上来就是个一，别着急，然后这个时候我们必然会在这个输入框里面输入啊，比如说我在里面再输入一个零是吧，然后我一离开，那离开以后这个时候肯定会干嘛。加注。提示用户。

这里要提示用户啊。嗯，提示用户是否确认修改是吧，你问一下用户说，诶你是不是要把商品数量改成十啊，那么这个时候就用两种情况嘛，一种是确定，一种是取消嘛，一种呢是取消是吧？两种情况，那么两种情况咱们都分别怎么处理，咱们来说一下，先说取消。你想想，当我取消了以后，我要干嘛？啊，咱要干嘛，取消就干一件事情呗，恢复原商品数量。呃，恢复原来商品数量，比如说我点击取消，那么我就把这个十变成一是吧，再改回去好，那如果说当时点击了确定呢。点击了确定呢。就发起请求给服务器保存这个修改啊，就把这个值提交给服务器上，服务器保存的修改，诶这个呢，咱们了解一下，好，那么这个地方大家来看一下哈，要发哪些参数啊，首先你要告诉人家商品编号。

商品编号还有呢，商品数量对。商品数量，这咱们了解一下啊，商品数量好了，这个就是咱们。这个什么呢？修改商品数量大概要做的。那么其实大家注意看到哈，在发起请求之前，其实还应该。做一件事情。就什么东西啊，就是确认，就是判断现有就现在输入框里的数量是否和原来的相同，能理解吧，哎，那么不同才提示用户是否需要修改，他需要干这么个事情。

哎，他需要干这么个事情好了，那么什么时候开始做这个事情啊，就是我们离开的时候啊，所以我们先给这个输入框绑上失去焦点事间，就按照咱们这么个分析哈，按照咱们现在这么个分析，那么来看一下哈，我们在这个地方要给它们都绑上事件的话，这是多个，多个怎么办呢？用class。Update count，我复制一下，然后呢，我们在这里输入一下，呃，咱们说点update count。叫做呃落是吧，数据焦点事件。

来。别着急，提示一下老师，这是干嘛呢，给输入框绑定。失去焦点事件，那么咱们先看一下吧，啊不着急，先看一下效果啊，诶先乐子一下，那么大家请看哈，我们现在刷新一下这个内容，我进去一离开这个视线，是不是就触发了，呃，就触发了，不管你这个输入框变没变，咱们是需要自己来判断的。自己来判断的，这个是阿布洛的事件它的一个特点。那么其实咱们以前呢，学过另一个事件，我不知道大家还记没记得叫做一个什么事件呢啊。顺的事件就是什么呀，内容发生改变事件，如果说用这个事件会有什么效果和特点，来我们看一下哈，甚至会怎么样。

嗯，我们刷新一下，好，现在我离开是不是没有响应，但是如果说我输入了它有变化了再离开。发现了吗？它是不是就有响应了，那么刚好。他是不是帮我们做了判断这样一个事情啊，哎，那么这个地方大家注意看一下最好呢，事件使用的是on的事件，如果你只是单纯的简单的使用失去焦点事线的话，那这个判断的操作是需要你自己来完成的啊，那我们就来换成这么一个事件好，那这样呢，咱们就可以省去这个判断了。那接下来咱们就往下走呗，是吧，就提示用户确认修改呗，那来咱们说一下康。

说你你你确定要将诶什么东西呢，某某某。商品修改数量为多少多少吗？就这样子，就这样子，哎，那这个时候大家去看需要获取两个信息，一个是商品名称，那怎么获取，其实跟前面一样，就跟这操作一模一样。啊，咱们直接把它拿过来就行了啊。这个是获取商品名称，好，咱们就放在这里。好，那么数量呢，数量呢，咱们说呃，变成卦啊。咱们说获取这个商品名称。

获取商品数量，来第一次点就可以了。啊，那么这个就是count嘛，数量，那么把这个count呢就加进来，好，这样呢就有了，然后大家来看一下哈，我们刷新看看是不是能有了，我们十走，你确定要将数据结构与算法。商品修改数量为十吗？你看是不是得到咱们需要的信息了，这个提示信息就很完整了，那么这个时候大家看一个确定一个取消。咱们要根据这个不同的操作呀，做不同的事情，咱们先做取消，因为它比较简单是吧，哎，这判断一下判断一下。

好，大家注意看取诶取消呢，当心诶怎么老出现这个呀。哎，大家看取消怎么办？取消之后恢复数量，恢复数量的话，d.Y6等于原数量就可以了，那么原来的数量我们怎么去取？大家看一下哈，在这个do对象里面，它有一个。D fort d fort value，它有这么一个属性可以辅的这个值。啊，可以辅的这个值来我们看一下哈。我们刷新刷新刷新改成十走取消啊，这个没写对是吧？来default value怎么写来着，提示啊，点d foot value。应该是这个，诶对了，这个颜色变了是吧？变了就说明对了哈，来咱们刷新一下哈，比如说我给个十，我走取消，它是不是恢复了这个default value是什么呢？这default value是啥？咱们先说明一下default value属性是什么呢？表单项动对象的属性，它表示默认的值。

默认的这个什么值呢？默认的value。Y6属性值就这个值，那么大家想想啊，默认的时候咱们在这里面。是不是输入就是原来那个数量，诶，它就记录下来了，它有个专门一个属性叫default value记录下来，哎，这咱们了解一下，那如果说是这里面呢，我们说这里面要干嘛，就是发起请求给服务器保存修改，那么怎么发请求，Local location点和RI等于一个地址啊。

HTP冒号，呃，Local host，然后8080，然后book，然后到问号action等于update count是吧？咱们先给它准备个方法，这方法好像还没有，有了吗？啊，还没有是吧，准备一个。好。在上面来。Update，修改商品数量。修改商品数量，好，那么把这内容都删掉啊，我先删掉，就调用这个方法，我复制一下。呃，等于它，然后他需要什么东西啊，大家看啊，咱们前面说过了，他需要两个参数，商品编号和商品数量。

那么注意看啊，商品数量，其实咱们是已经得到的，就这个count嘛。对吧，加上这个count，但是商品编号呢。商品编号呢？注意看一下商品编号，我们可以怎么干呢？注意看啊，我们可以在这个地方叫做book ID。等于商品编号啊，叫做entry.value6.id，大家看，我们可以通过这种自定义的属性记录下任何我们需要的信息，那这个便利的时候不就输出了这个商品编号了吗？那我们获取这个不ID就行，呃，在这个地方。大家记住啊，这个自定义属性，你也可以取其他值啊，你叫abcd也行，你叫ABC也行，能理解吧，哎，不是说必须要叫book ID啊，根据你的需要去写好，那这里呢，我们写成book ID，我们就按照book ID去获取它的值。

来下面咱们获取一下啊。轴先把它转成几块，对象at，这里是book ID。呃，没有，那咱们自己来吧，呃，叫什么东西呢？ID就等于它，那么把这个ID啊，就追加到这里面来就行了。连字符ID等于加上ID就完了啊，就有了，好，那么参数都有了以后，我们看看服务器这边怎么做啊，获取请求的参数，商品编号。商品数量来吧TID等于web u点点get ID。

零。然后int count.web.t request。Get parater。然后呢，Current，呃，默认数量是一好。然后得到这些参数以后怎么办呢？获取cut购物车对象来request.get.get这就是cut。在前面接收一下类型转换。转换好了以后啊，要判断一下啊，如果说这个它不等于空。它不等于空，那么cut.update count a ID啊，数量啊就都进来了。

好，那么咱们说修改商品数量，修改好了以后干嘛呀，再想想修改好了以后干嘛还是一样啊，我要跳回这个页面，我要刷新这个页面，我看到这个数据得到改动。啊，要跳回来，来怎么做？呃，从哪来回哪去，就还是他。好，那这个呢，修改商品数量就好了，来我们给大家演示一下哈。呃。再重新部署一下吧。啊。亲一下。那么应该已经空了啊，咱们去加点商品，一个两个三个四个啊各加一次，然后呢，咱们把这个改成十是吧，走取消恢复了，一旦我确定呢，这时候注意看一旦确定走这是不是改了，总金额改了，数量改了，这下面的总的数量也改了，十加上三个是吧，13这个应该总金额也改了。

这就是修改商品数量啊。