48_尚硅谷_书城项目_清空购物车

下面呢，哎，我们来说这个删除购物车，就是或者说清空购物车啊，我们来点一下这个购物车，现在呢，哎，这这里边还少个超链接，我这进入购物车之后，你不让我购物了不行，所以呢，这块啊，我们在清空购物车前面呢，我们再来加一个超链接，整个继续购物。让我购物了。继续撸。哎，继续勾物，那这块呢，同样让他去首页。斜杠。保存啊，不能不让我购物了是吧。购物车，好啊，继续购物。两个去结账啊。是不对，不小心多了一个。好了啊，继续购物，嗯，继续购物好没问题，购物车好来下面啊，我们来实现这个，呃，最最简单的这个，呃，清空购物车，你点一下它把购物车给清空，那你要注意啊，你是一个卖东西的一个网站，所以呢，他好不容易精挑细选，选了这么多东西，你肯定不能让他轻易的删，对吧。

所以呢，诶你的提示，你这个尽量这个告诉他非常后果非常的严重对吧，不让他删除，好不容易你这你这是个卖东西的啊，好不容易人家选的东西，你这个尽量的让他能去结账对吧？所以这块啊，我们来给这个超链间的绑定一个时间。清空购物车，诶来诶来一个ID。来一个N吧，卡。自动跳转啊结账页面那不行。对，欺骗是吧，我我要清空的，你让我去结账。一看就是财迷。Src。子弹一个。什么呀啊，结结完账再清空啊，那不就相当于买了吗，人家嗯，这个script。

下载一个。嗯，杰克杠1.7.2。点GS好引进来，下面呢来。来啊，看一下有没有引入成功啊，我们来alert一下这个道服。好，来试一下。购物车。好，哎，没问题。来继续。window.load就相当于Dollar符括号里边来一个function。就是window function嘛。给。清空购物车。这个超链接。绑定，单击世界来到符括号，请empty cut，点一个click。里边来一个function。

好诶，那我这个呢，要清空购物车，所以呢这块。我需要传什么呀？啊，这边山个购物车啊。帽子穿什么呀？这里边你是不是得把那个得传一个值啊。对吧，诶传一个内容啊，传一个内容，那我点它的话去清空的话，诶清空你得传一个，我把数据库里把这个给它删掉啊，那这时候呢，我可以是不是把购物车的这个ID给他传过去啊。那现在呢，这里边儿这个ID这里边也没有，诶怎么办呀。这里边没有ID，所以呢，在这块啊，你可以。干什么呢？给它设置一个，设置一个属性，设置一个属性。比如说我们我们用一下其他的方式也行啊，因为我们之前呢，都是在里边给他加一个什么属性，然后呢，把那个值给他设进来，因为这是最简单的一种方式。

你那给他有没有内幕？我这给他随便整一个啊，有的属性你给它附进去就可以啊，附进就可以，我整一个class，这个class以这种，这个以它有的属性，你把那个ID比如附进去之后，这样的获取是最最简单的，对吧，你也可以不用这种，比如呢，我们用用另外一种吧，啊也给大家演示一下，比如说我在这个后边，哎在到后边，比如我写一个什么呢？写一个这个隐藏域。你这又有点费劲了是吧？写一个隐藏玉。来啊，再到后边input。因为你得把这个ID给传过去嘛，黑的。Name name不用要了，Y6。哎，就是我们那个ID，我们一会再写啊，看加入这个隐藏域，这个页面有没有变化，别这个一加格式有问题了啊好啊没问题，来右键查看源代码来看一下。

清空购车，好，后边有个它啊，有个它好，那下面呢，我们把这个ID给拿到，那ID大括号，大括号。这里边呢，遍历完之后啊，编辑完之后range end，这里边我们看这个有一个。Session啊，注意啊，我们现在是放session里边了。我们刚刚判断的时候呢，在这一块，哎，我传的这个session，就是session里边那个购物车是空的，是没有购物车的，当然了，你这块改了上面也得也得传session也得改，所以呢，我们把这个呃，购物车啊，把购物车放又放session里边了，所以在我们这个模板里边啊，Session里面我我这个给它改了，之前我们是放那个u nameme，现在变了啊，我直接放的是一个购物车，购物车一个cut一个cut，好，那现在呢，我需要这个来拿到购物车的一个ID，所以呢，我们在这块这个里边，哎，得得把这个ID拿到啊。就得什么点，这是我的session，然后呢，Cut，这是我们的购物车，再点一个。

Cut。ID，诶cut ID，这就是我这个购物车的一个ID，诶所以啊，这里边呢，这个可能记不住是吧，你可以点开它啊cut ID好没问题啊没问题，好，那下面我们就来看一下啊，这个cut ID有没有值。回来诶，再点一下购物车。右键查看源代码。好，来。诶没问题，诶有有ID啊有ID好，那下面就是我现在点的是清空购物车，我怎么来得到它后边的这个就属于紧邻，哎，紧挨着它的后边的一个兄弟元素，哎怎么来获取它这里边这个值，所以呢，这块来我们来。嗯。来获取，获取什么呢？我得先获取这个span。我点的是一个啥超链接是吧，哎，超链接后边这一个，哎隐藏域，获取超链接后的这个，哎隐藏域对我得先获取它，那是获取这个隐藏域怎么来获取呢？哎这块里边有个方法用next，就是获取它紧邻在它后边的一个兄弟元素，我来word一个叫一个什么呢？哎，起个名了啊，Dollar符input hidden。

等于因为一个结块对象呢，通常这个电量名呢，我们以Dollar符开头，啊，就等于什么呢？哎，等于Dollar符括号this是我们点的那个超链接，然后呢，点一个next。哎，这就是它后边的一个兄弟元素，哎，就是我们那个input input好，那我们现在要的就是input里边那个值，我们来alert一下啊，看能不能我们先获取这个值在alert吧。获取隐藏域里边这个值，获取隐藏域，隐藏域隐藏域的这个什么呢？Value属性值。来一个叫一个什么呢？我们这个就叫cut ID了，就是我因为里边放的就是购物车的一个ID。就等于。

隐藏域Dollar符就是上面这个啊，Input hidden，点一个V。Y6值嘛，哎，获取这个Y6值，好，下面呢，我们来alert一下，看能不能拿到啊看ID。保存。怎么了？Dollar input hidden，不是他吗？写错了吗？Dollar input hidden就是我们的下一个隐藏域，你来啊，试一下。干掉购物车。点清空购物车。好，没问题啊，可以拿到可以拿到，所以啊，这个呢，就稍微有点麻烦了，哎，有点麻烦了，还得整一个隐藏域，然后呢才能拿到它这个idd，当然啊，你可以在这个超链接里边，以它现有的属性可以放到那个里边也是可以的啊，也是可以的，之前呢也给大家说了这种方式啊，今天呢给大家演示了一下，后边呢，放一个隐藏玉，好，那现在有这个ID了，哎，我们需要根据它来删这个购物车了，但是删购物车时候要注意诶，之前我们说了这个购物车如果。

有外键引用的，它是不是删不了。对吧，我这购物车里边是不是就像这总数量是四，你买了这个四本书，这四本书是不是在卡的里边。对吧，你是不是得先删它，然后才能删那个购物车对吧？所以呢，这块啊，这块你这个要直接删它是删不了的，它被引用了呢，诶所以啊这块呢，还得有一个我所以呢，我这块我们需要写两个函数啊，一个是不是要根据这个购物车的ID来删购物项里边那些内容，对吧？然后第二个呢，哎，就是呃，根据这个购物车ID来删个购物车有操作，这两张表都得需要操作一下，所以来，呃，我们找到我们这个之前的Du啊，我先把其他的都关掉了。关闭其他，然后呢，我们找到这个cut ato。Cut aem Du和cut Du都打开，我们现在cut aem Du里边来根据购物车的ID来删除购物项。

所以呢，得先写这样的一个方法，这样的一个函数。找一个delete cut by cut ID。根据购物车的ID。删除所有的这个购物项。哎，得根据它来删除这个所有的一个勾物项来放开。Delete。好，诶，那这里边儿传什么呢？根据购物车的ID。来一个购物车的ID吧。Cut一个ID string，好，诶来E大括号好写了一个，它下面呢，来写这个circle口语句。

Circle等于delete。Delete from。斯威尔。Cut ID等于问号。好，哎，删这个表啊，删这个表will cut ID等于号好下面呢，哎，来执行。等于U点一个，DB点一个。Circle逗号。卡特埃迪。一个ID好。保存。少个T少个T好啊，那得到它之后呢，下面来if。

不等于。不等于new return一个122，好，最后呢，我们来return。好，诶，这是这个根据购物车的ID删除所有的购物项，那删除完购物项之后呢，下面我们就可以删购物车了，所以在cut Du里边。哎，在这里边，然后我们来删，所以啊，我在这里边删的时候呢，我这个调的时候就不掉两次了啊，我直接在这里边呢，我调下里边的方法，把这个所有的在删购物车的，诶同时呢，我先把这个购物箱删了，然后再删购物车，所以呢，在这里边我就直接调我们刚刚写的那个方法了啊。Delete。Cut by cut ID。根据购物车的ID删除购物车。好，来，放开。

Delete。嗯，By ID。Delete写错了。保存，哎，这里边呢，同样来这个cut ID。String，好，在这里面呢，我们来先写一句话，删除购物车之前。需要先删除哎，购物车对应的所有的一个购物箱，先删除所有的一个购物箱。所以呢，在这里边啊，我们直接，哎来这个调一下它了。讲一个delete。Cut it by cut ID，诶，我们先在这里边调一下，它把所有的这个购物项先删除了啊，先删除了，哎，这里边有个error，你们把这个写一下吧，等于它，哎，等于它，所以啊，先把这个所有的购物项删除，然后呢，我们再来删你的购物车，If。

不等于就说掉一下我们刚刚写的那个方法，先把这个先把这个购物项给删了，删完之后下边我们再来删这个购物车，所以呢，来写这个色购物具。Circle等于delete from叫cuts where。这个叫啥？叫ID吧。看一下啊，ID好。VID等于问号。然后下面同样来执行。等于UUS点一个，BB点一个。Circle。Cut ID。好保存IF2不等于六。

二保存好。最后。保存好就是这个啊，那下面呢，我们来测一下这个delete cut by cut ID测一下这个方法。Test。复制一个他。来改一下。CRVCS，好。保存。Test，一个delete update book count。啊，这个我们之前改了啊，这个。这个注掉了啊，这个注掉了，我们把那个参数呢，已经改了这个这个类型的已经没有了。除掉哎报错报错吧，好哎，那现在呢，我们来把这个呢测试。Oh my god，复制一个。

主调，哎，根据这个购物车的这个ID。诶，删除购物车。好。一个delete。Delete。Cut。写完下面呢，哎，来测试一下，我们看删谁啊。嗯，443ID等于二的这个这个。就删它了啊，这是四本，看都有什么啊FFD。FFD。这么长吗？FFD1234啊前四个前四个好，我们就删这个FFD了，CTRLC复制一下ID。

来。删除它。Delete。Delete cut。白。Delete cut by cut ID，好括号。CV。保存好就这样了啊来下面呢，我们就来删一下，看能不能删除成功。Go。呀，又爆这个东西了。恶心人。Go test。哎，我不是添加信任了吗。

你说这这这有时候他他弹出来，有时候不弹，这这这是什么情况。诶又好了啊又好了，诶删除成功了啊，删除成功了，诶来看一下，我们先看购物项。你前四个还有吗？没了吗？来看购物车，诶中间那个也没了，哎可以啊没问题好没问题，诶方法没问题，好，下面呢，来应用。找到我们的handler。先找到我们这个页面啊，我们的页面页面。Cut。Views cut点诶前面好来点一下，它现在呢，能获取到这个ID了，诶能获到这个ID了啊，我们刚刚已经A过了，好那下面。我是不是这个，呃，该该干啥了呀，弹框了是吧。哎，确定要删除什么什么吗？对吧？哎，确定要删除什么什么吗？那在这。

诶，我这个超链接直接直接写到后面就行了，是吧，我们又不发异步请求，你说我这获取它干啥呀。对啊，我们这个呃，不发又不请求啊，发同步请求，所以呢，这块这个隐藏域，这不是多此一举吗。哎啊，清空购物车，所以呢，哎，把这个东西给干掉了啊，不要了，我们不发一异步请求了，发一步请求再获取了，现在不用发，我们直接在超链接后边来加这个就可以了，所以呢，来斜杠。迪丽的。别立的什么呢？嗯，Cut，删除这个购物车问号cut ID。等于。大括号大括号大括号大括号直接在这加上就行了啊点。Cut。Their cut。ID哎卡ID好，哎直接这样就可以了，这样就可以了，哎不用获取啊，我们不发这个一步请求，直接发同步的一点这个超链接直接就删掉了，也就删掉了发这个请求。

好啊，那把这个呢，写完之后呢，上面这些东西，我们刚刚什么获取next什么的，这些都没用了，都没用了啊把这些干掉干掉。那干掉这块呢？我需要获取什么呢？获取你要删除哪本图书，所以呢，得获取这个名字啊，得获取名字，得获取名字，你们现在不获取他的IE了啊，我们就采用刚刚写的那种方式，我得获取名了啊，获取名了。获取名字这啊，再回去再回去。在这呢，改成他的名字，哎，不能叫他了，我这个书名。这里边儿能拿到吗。Cut里边有书名吗？Cut。没有署名。这怎么整？对呀，看里边没有附名啊。

不用我这个不用写是吧。对，我在，我在清空。我在清空购物车呢，是吧？这块直接写删掉都可以了，直接come啊，Come来come。什么呢，哎，金。确定。确定要清空。购物车吗？然后呢，三思啊。啊，就这样了，然后整个呜。怎么没有表情了呀？我记得有个符号啊。哎，对啊，就是四。好了啊，就这样了啊，就这样了，然后呢，我们之前说过一个最简单的方式，怎么能判断它有没有确定呢？我在这是不是直接return confirm就可以了。还记得吗？

对吧，所以这里边一行代码就行了，如果你要点确定是不是return true。如果要点取消是不是house对吧，取消呢，就不删除了，它就不发请求了嘛，就取消默认行为了，所以呢，直接写它了啊直接写它了，然后呢，这块啊，我们有这个超链接，超链接里边呢，也有这个地址啊，我们现在来看一下啊，有没有诶来购物车再点一下右键查看源代码，我们看这个超链接里边有没有这个好有ID啊没问题，有ID卡ID好，那下面呢，我们需要来写这个对于这个地址的一个处理请求的一个映射了。找到我们的麦，在这块呢，来写这个删除购物车或者清空购物车。星空购物车好。来改一下，这个叫个M。看。哦，M迪卡，哎，我这是不是叫M迪卡的呀，叫delete的卡。Delete cut，所以你这个不能写它啊，Delete cut。

好，删除购物车，那这块同样我们来写一个处理器函数。Delete。Cut，好，删除购物车来创建这个处理器，找到我们的handler。这是第一，我们的handler。点开好了往下翻，在这写了删除，Delete。E。没有粘上了刚刚类的。他。删除清空购物车。Delete cut。好里边呢，不想写了啊，直接把这个粘过来了。CTRLC。CTRLVCTRLS。

保存好啊，Delete cut。Delete cut，好，没问题，哎，没问题，在这里面呢，我们来获取这个要删除的这个购物车的这个ID，所以呢，第一步。获取要这个删除的购物车的这个ID，哎，那当然啊，在这呢，我们也一样，我这个判断一下什么呢，有没有登录对吧。有没有登录，然后这一块我们先把下边这个核心的代码先写完之后再加那个啊。来诶，Cut ID。等于。有这些。等于，等于个什么呢？R点一个form y6。括号里边就有一个cut ID，我看一下我这写的是什么啊，Cut ID好小写的好没问题，Cut ID好得到它，得到它之后呢，诶来下面删除。

哎，清空购物车DA，点一个delete。Delete by ID括号。Cut ID好，Cut ID好删除了，那清空之后呢？下边干什么？下面干啥？调用不用再判断了，直接调用它。调用get这个函数。再次查询那个购物车信息。好诶来直接调一下它里边的传一个W传一个R保存。好，就是这个啊，删除或者说清空购物车，清空购物车，好，我们写完了，写完了这个代码还是比较少的是吧，下面呢，来试一下啊，看可不可以啊行不行，CTRLC。

够的慢点一个勾。又写错了。好，来。慢点一个exe好来，我们现在啊，这个一直在删，该删谁了。123。找一个ain ID等于四的，我哪一个看着非常的不舒服的那个给它删掉。ID等于三了，哎，这都舒服了是吧，ID跟这个名字都一样了，有一个好像名字跟ID不对的，一个叫din ID是二是吧。对啊，我们我们这个。再添一个啊，再添一个，嗯，正好再测一下，我们看这里边还有没有bug是吧，找一下那个用户啊，那个非常的奇怪的一个用户叫admin ID呢。还有第一个第二个都很奇怪是吧，看着很很别扭啊，看着很别扭的，命好啊，我就来注销一下。

我来登一下我的命。好的命。123456登陆。Yeah。我的命。123456。登录好购物车好没有购物。杂货店编程。中国哲学史忽然七日。编程。几本了？无文啊，诶好，诶就这样了，购物车。好诶五本好没问题啊，没问题，好，下面呢来清空购物车，我们先来看数据库。ID等于二的五本，好，没问题。诶五本12345，诶好没问题，2111好没问题啊好，诶下面呢，就是CA26 ca26就是它啊来看能不能把它干掉。

来清空购物车。点。诶，确定要清空购物车嘛，三思啊，然后他就哭了是吧，哎呀好心疼啊，哎取消吧，哎没有删除啊，没有删除好再来，哎，我这次呢，把它清空，清空购物车确定。哎，清空了，哎清空了就是这个啊me，我们来看数据库刷新。好，没有了购物项。哎，没有了啊，已经没有了，那个什么六没有了啊，没有了好了啊，这是我们这个清空购物车这个处理器函数里边这个代码还是比较少的啊，还是比较少的，但是呢，要注意清空购物车的时候呢，首先得清空购物车里边这个购物项，不能直接清它，哎不不能直接删它，因为呢，有外键关联着它，诶是删不了的啊，就是人家还用着它呢，诶你不能让人家没有领导了，对吧，所以这块啊这块诶这个cut大家怎么引用这个cut，所以呢，必须得先删这个cut s里边的内容，然后才能删这个购物车里边这个内容啊好啊，这是这个清空购物车。

那么删除购物项，哎，删除购物项啊，这再往下呢，该说这个删除购物项了，那个删除购物项你想一想。删除勾物项那个步骤又比这个要稍微复杂一下了啊，你删除过物项呢，相当于把那个cut里边那个切片里边那个给它干掉了，干掉就剩一个了，所以呢，你还得再更新更新里边的内容，所以啊这个你先把这个呢给写一下啊删除啊删就是清空购物车，这个还是比较简单的。