14-项目第六、七阶段/06-尚硅谷-书城项目-删除购物车中的商品项

那么大家看一下哈，接着我们来看一下删除这个购物车中的商品项，那么大家想想，当我们点击了这个删除，那其实要干嘛，就跟我们这个图分析的一样啊，那他肯定是要干嘛呢？请求cut思类中这个方法叫delete it。啊，去执行这个删除购物车商品项的这样一个操作，那么我们先给这个看来准备这样一个方法。呃，我们在这边。找到他，Cut。呃，这个注释要移下来啊，咱们复制这个方法把它注释移下来。好，那么咱们这个叫什么东西呢，叫delete。I层就删除商品项。呃，删除上下，诶这个这个怎么没有大括号啊。

好，删除商品项，呃，删除商品项好了，那么删除商品项里面大概要做什么？来咱们想一想，你在这里点击删除的时候，你得干嘛？你要把你所点击的这一行的商品的编号发送给服务器，然后服务器在这边接收到之后怎么办？调用cut的delete方法就可以了，好，我们按照这样的一个设计啊来做一下。首先大家看啊，我们找到这边，找到这个删除地址，改一下的cut select问号action等于delete item，并且还要添加一个商品项entry.value.id是吧？这就是商品的编号，然后在服务器这边int ID等于web us.pat request.get perter，然后这是ID。

啊，默认值咱们就给零，然后在这里面大家注意看，这是获取商品编号，诶有了这个商品编号之后，大家注意怎么办呢？我们得注意啊，得找到session中的这个购物车对象，调用delete按方法，那我们从购物车里面取一下录音，换点get session点。Get表。然后这里呢，Cut。好，咱们说获取购物车对象获取了以后，这里啊最好呢是能做一个判断，咱们说cut点啊，Cut不等于now是吧，就有这个购物车，有购物车的情况下，Delete it，你把ID放进来。

啊，把ID放进来，这就删除了，删除了购物车商品项，那么删除完之后要干嘛？大家想想，我们一般情况下点击了这个删除，我们是不是希望这个请求再次跳回原来这个页面，然后刷新一下这个商品的一个什么呢信息啊，对吧？那怎么办？就跟我们那个加入购物车一样，点击之后从哪来回哪去啊，那么我们这个地方说从定向，从定向回原来什么东西啊，购物车展示页面，那怎么办呢？其实就跟下面这个地址是一样的，你就直接从箱回去就行了，是吧，这是干嘛，这不就从哪来回哪去吗？对吧？好，那这个也一样，好也一样，那么我们可以在这里面。

打个断点就测试一下啊，用debug启动，用debug启动。好，稍等啊。呃，大众要启动，稍等一下。这启动好了吗？启动好了是吧，来。咱们来看一下哈，这是debug，已经是debug了，呃，这个断点有了，来咱们现在刷新刷，诶这怎么起不来呢。咱们看看这里面的内容有什么错误了吗？没有是吗？咱们先停一下啊。还有啥问题，然后debug启动一下。

稍等啊。都能启动。哎，好了，这次就启动成功了，好。稍等啊，咱们现在来看一下，我们刷新这就出来了嘛，呃，我们现在购物车应该是空的，我们去浏览一下这个商品四件了啊，那现在这个删除大家注意，你看左下角啊，左下角我一点这商品编号有多少啊，一走他就发过来，我们看看这是一啊，没问题，再往下走获取购物车对象也是有的，你看这里面还有四个商品的，咱们不就是四个嘛，是吧？然后我一判断不等于空之后删除之后剩下几个啊，三个这是不是能看见呢？哎，三个好，然后再从对向回去来，现在呢，我从对向回去，你看这个刷新啊走，这时候看见它删除了是吧，现在呢，我们可以把这个啊删除这个断点去掉啊，然后点击直接看一下走。

走是这样一个效果吧，走是这样吗？诶，这就是删除购物车商品项啊，那我们再加一点，但是大家注意啊，这样呢，大致上这个删除功能就好了。啊，删除功能就好了，但是大家注意咱们还要做点什么东西呢，诶最好我们在点击删除的时候要给用户一些提示。你想想，因为有可能是什么，我们想删除这个数据结构与算法的，那不小心点A是吧，就划到下面去，点到下面也是有可能的啊，那这时候怎么办，我们在给这个删除啊，都做一个提示操作，呃。回来我们找到页面这边，呃，页面这边的话，我们给这个删除呢，加一个样式。

叫做。Delete item class啊复制一下。那么我们在这下面script生成一下来，Type是script，好，先给删除榜上单击事件点click，然后我们在这里面敲一下。已经啊，先写个页面加载完了之后是吧，上去把这个忘了，好把这个移进来啊，这是页面加载完了之后给。删除啊。绑定单击事件，好，那么这里面要干什么事情呢？直接提示用户啊confirm是吧，应该也很熟了，怎么办呢？就是你你确定要删除某某某吗？诶就这样子是吧，这个某某某出的商品的信息了，那么商品信息怎么获取啊，不知道大家还记不记得呢啊。

还记得吗？来，我直接写了哈，咱们写过好几回了，来把这个Dis转成几块乐对象，为啥为啥？大家想想啊，在事件响应的方程函数中有个Dis，这个Dis是当前正在响应事件的动对象，也就是谁呀，就这个A标签，然后呢，取它的一次负元素，再取一次负元素，得到这个含，再取来第一个子元素TD是不是就有了，是吧？来。呃，我们写一下哈，取两次负元素。哎，再取它的后代什么呀，TD要的是第一个的文本内容就好了啊就好了，然后直接将这个结果对称，还记得吧？诶好，那我们来看看这个效果，刷新一下啊，刷新一下点击啊，这还没有是吗？说明缓存。

刷新刷新有了吗？有了，你确定要删除这个这个吗？哎，取消没事是吧，一旦确定大家看是不是删了，哎，好，取消没事，确定删了，好这个呢，就是删除，呃，这个购物车中的商品箱。