44_尚硅谷_书城项目_完成添加购物车

来啊，刚刚呢，我们把这个，如果购物项里边没有这一个图书，诶我们需要新建一个，然后呢，把它这个添加到我们购物车里边那个切片里边，然后呢，你还得把购物项插入到数据库里边，最后呢，我们得更新购物车里边那个总数量跟总金额啊，诶刚刚那个错误呢，就是因为我们之前查这个购物车的时候，再说一下啊，查购物车的时候呢，得到的那些切片里边，那购物项里边没有book可所以呢，导致了那个控制帧，他调那个价格的时候啊，没有book可呢，所以就空制帧了，那现在我们把那个已经改过来，已经解决了，所以呢，我们来说最后这块就是如果你添加购物车的时候，这个图出呢，在购物项里边已经有的情况下，我怎么来处理它，诶我们这块已经写过这个注释了，只需要将该图书所对应的购物项中的数量加一，那注意了，那这个时候呢，你你是不是得先拿到，因为我购物车里边那个切片里边是不是有好多购物箱。你是不是得找到跟那个匹配的才能让它加一对吧，所以这块啊，哎我们干什么呢？哎，我们把这个步骤也写一下吧，啊获取什么呢？获取购物车。

购物车什么呢，这个切片。中的这个什么呢？所有的这个购物箱。哎，所有的共享你得先获取它，那这个呢，我们获取的时候叫cut。埃特姆斯，哎呀，我就其实不想写这些了。写了说过CTS了啊，就等于，诶等于一个什么呢？叫一个cut点一个cut艾斯，诶这是购物车里边所有的这个购物项，哎，都在这个切片里边，那下边呢，我们来便利得到一个一个的这个。每一个，每一个这个购物箱，每一个购物箱。好来，诶，For什么呢？KK就不要了，V等于CTS。

好，那得到它之后，下边是不是要寻找这个匹配的，对吧，哎这个嗯，哎干什么呢？哎寻找。找到这个找到啊。找到什么当前这个的这个什么呢？哎，购物箱。这个现在这个勾象不等于闹了，那在我这个看到这个切片里边哪个是它，哎，哪个是他说一定找到它，那所以呢，这块得写个条件了，这个条件是啥呀。我们要找这个购物项的时候，哎进来了，进来之后呢，哎，我来找到找一个个的购物项。哎，我找到它根据什么来判断呢。哪儿啊？24行是吧，那你不能操作它，你要操作它之后，我购物车里边那个切片，切片里面那个购物项那个值是数量是不变的，你要单独改它。

对吧。能想到吗？我如果单独改这个啊，我如果你要单独操作它，你把这个你操作它，你说这个它，呃，这个不等于闹了，哎有这个构项了，我把这个勾项里边那个数量，那个数量给它变成二了，那变成二之后，我们cut里边切片里面那个值它是不会自动变的呀。对吧。那在再改看到那个里边你不是还在这个便历不一样吗？肯定得找到看里边跟它对应的那个呀，你要直接你注意啊，我们这个是从数据库里边查出来的，跟我那个看里面那个是不是没关系啊。对吧，跟cut里边那个啊，因为我cut现在我们这个数据库里边，跟我们这个查到的这个结构里边这个啊，它我们没有保存，数据库里边没有保存，就是保存的一个这个一个它的一个ID就是一个外键，所以这块你这个查出来这个刚刚他说那个我我理解什么意思啊，查出来了之后有同学，哎，这个它不是已经不等于到了吗？你直接根据它，哎，这不已经有勾项了吗？我这个写一下那个ID，如果是它的话，我把那个数量给它设置为二加一不就行了吗？但是你只是改的它，我购物车里边那个切片里边那个购物项跟它对应的那个构项那个，看到它那个值，它是不会自动变的。

所以我这块啊，还得这个便利找到跟他匹配的啊，跟他匹配的，所以哎来。那下面呢，找到与他匹配的这时候呢，哎，你查到的这个购物像，哎购物像里边那个图书，比如呢，我那个ID是几跟这个里边的我切片里面那个ID1匹配，我就知道，哎就知道到了啊所以呢，这块写一下if if什么呢？我这个cut item就是我这个查到的这个勾物项点一个。我们那个ID是啥不。点一个。IID改ID了啊，如果啊，等于等于什么呢？V点。

不点了一个。诶，那这时候也就是说我切片里边那个勾物像。根我这个根据那个ID查的，哎，从数据里边查到那个，诶这个我这是我查到的那个查到的现在这个购物项在数据库里边已经有了，就在我那个购物车里边，那我这个得从购物车的那个切片里边去找到它，哎如果这个ID，哎我发现啊这个ID比如是二，诶我这个查到的那个呢，购物项也是二，哎这个就证明找到了我们购物车那个切片里边对应的购物项，我这样啊，哎，这个就是我们要找到，那找到它之后呢，下边诶干啥呢，我要来设置这个V了。诶通过V来设置了，因为V是代表了我购物车切片里边那个购物箱，就是我们想改的那个购物项，所以啊得操作V了啊操作V了，也就是说如果呢，它哎等于这个V或者V点它等于它都一样啊都一样。我说我把这个写前面吧。因为我要遍历把把这个数据，这个购物车cut里边那个切片可能有十个，我得便历看找一下哪个是我想要这个找的那个啊，想要找的那个，哎，把它放这啊，把它放这啊，把这个写前面，如果无一点不可点ID，哎，等于它就是如果这个便利的时候，我发现，诶，购物车切片里边那个图书的ID跟我这个。

查到的上面这个，哎这个一样了，就是我想要改的，哎，干什么呢，我来将当前这个购物项。像那个什么呢，购物项。中勾项中的什么呢？这个图数的一个数量加一。哎，加一怎么加一呢？嗯，V点一个count。V点一个count是不是就等于V点一个count？再加一好，哎，这这个啊哎，v.count等于v.count加一，诶那我就把这个，呃，购物车注意，因为我们是通过一个指针引的啊，引的一个购物项，如果你单独操作它这个呢，跟我购物车里边切片里边那个购物项没有关系，你改了这个数量之后，不影响不会影响它，所以呢，我们还得改购物车里边那个购物项，所以它啊，v.com等于v.count加一，就是在之前的基础上加了一，加了一之后，我们那个cut里边那个切片里边那个数量和它就自动变了，所以这块啊，你必须得你不能只操作它，那这个变完之后，注意，虽然你改完之后，Cut里边切片里面那个数量变了，但是数据库里边它是不是还没变。

对吧，所以呢，我这块还得干什么呢，诶将数据库中。什么呢？呃，该购物项的呃，更新呃更新得更新数据库，你现在只是把cut我得到的那个购物车，诶，这是cut，呃，Cut里边那个数量改了，购物车里边那个，呃，数据库里边你还得更新啊，改什么呢？将这一个呃，数据库中一个购物项，呃。

该购物项的这个图书的一个数量更新。哎，更新吧，更新哎数据库中更新数据库中该购物项的这个突出的一个数量，好，那现在呢，我要更新也是一个update了，哎，就相当于更新我这个里边这个count update什么什么写个S口了，我们现在是不是还没有这个方法。一对吧，哎，也没有这个方法，所以呢，这个时候，哎来我们还得在cut aem Du这块，诶我们来再写一个方法，哎，就是根据这个。那这块也一样一样啊，我定位的时候呢，根据这个图书的ID，然后根据购物项的一个ID，然后然后来定位它啊，来定位它好，所以呢，我们就写到这个这个下边吧，写到这个下边啊。Update什么呢，Cut cut。Update的这个这个这样吧，Update的一个不可抗的吧。

Con，不可count by不写BY了啊，就这样了，根据什么呢？哎，图书的这个ID和购物车的这个ID，以及诶图书的这个数量。那么更新哎，勾象中。读书的这个数量好来放。After count。Con，好，那这里边传的参数怎么来，传什么参数，我们这个先空着啊，这个里边传什么呢？因为这个方法我们现在用，于是将来我们点这个购物车的时候，我们点到这个购物车啊，将来呢，我这个购物车应台啊，这个服务器没开啊，没开我们点到购物车之后呢，我们这个之前看过啊，那个购物车是有一本图书，有一本图有一本的书，这是不是有个数量，我将来要把那个数量改成一个框框，那你能除了能点加入购物车的外，在这块还能输入内容来更新这个购物车的数量，购物项的数量，所以呢，这块啊，我们把这个count你要更新的这个数量，因为将来我也要调这个方法，所以呢，我把这个呢也给它传进来，所以呢，这里边要传三个参数，第一个是你要更新成多少本book的一个count。

不可得预抗德，然后哎下边这块哎传一个。呃，传一个这个突出的一个ID。再穿一个卡的一个ID。好，就是这块好，那下面呢，来写这个SQL语句。Circle。等于好up cut下划线斯这个表set set什么呢？我们要set这个count了啊，Set这个count。

好，Set一个count Co等于问号where什么呢？不可下划线，ID等于问号and。Cut_ID等于问号，好，哎就是这个，然后下面呢，我们来更新，哎，执行。优点，一个DB。点一个。CU circle，好，第二个参数就是我们要更新的一个数量，Book，一个count，第三个是book的一个ID，第四个是cut的一个。ID。好保存，哎，就是这个啊执行，然后呢，这块有个error，哎，我们这个。二二。等于好，最后呢，来IF122不等于。

Return。122好，最后。保存好这是这个啊，根据它哎来更新，根据这个，哎，我们这个测一下吧，本来不想测了是吧，测一下啊update book count，我们来更新这个测试一下这个看有没有问题啊，Test一个update count，更新突出的一个数量T星。testing.t好，来。再写一个测试测试。根据用户的一个ID，这不是了，这是图书的ID了，根据嗯，图书的这个ID。和购物车的一个ID，以及呃，输入的一个图书的数量。呃，更新购物箱。

好，我们来test一个update。保存好来啊，测试一下，测试一下我们这个方法，我们来看更新哪个购物项，嗯，更新这个吧，6688这个啊，我们没没用的这个我们把这个不开ID等于一的这个更新一下啊，666888好就更新它了，就更新它了。其实在底用里面update，哎，Book count'哎，里边传一个数量，比如更新成十本，然后这个ID是一都得是字符串十逗号。一好，我们的这个cut id6668888。好诶，我来更新一下它啊，看能不能更新成功，我们来看这块ID book的ID是166668888没问题，诶好数量呢，诶本来就是十是吧。

给你100。啊，更新成100好，现在啊来测试一下看有没有问题。警察。Get。这怎么爆头了？没有定义。不。Get cut it。Buybook ID。Book ID哦，And cut ID，我们把这个改了啊。And。之前改了把这个方法。啊，应该是这个啊，好，这反应也太慢了，好了啊，来测试一下，看看我们刚刚写的这个方法呢，有没有问题更新来go test一下。

看能不能更新二。好，诶没问题，诶来看一下刷新。好100好没问题，哎没问题好，那现在呢，哎，这个没问题了，没问题呢，我们这个啊，把这些这些东西。把这个删掉了啊，不要了，把这个跟666888的不要了啊，这是我们之前测试的时候插入的一些内容，删掉了，不要了。对价格我现在测试嘛，就测试它这个价格肯定要更新啊，一会让他让这个程序自动更新，我们不管了。啊，删掉好，哎，这个。来，诶这个呢没有问题，方法没问题，下面呢，来开始找到我们刚刚写的这个代码，Card handler这个就算了，诶在这块呢，我们来变利得到之后呢，下边哎这个抗呢，我已经更新成这个，哎它点减它加一了，所以呢，下面来更新这个数量了。Do加一个update book的一个count，你怎么没有啊？

Update。看的哎，没有我们自己写了啊，第一个呢，传的是一个数量，那这个数量呢，就是我们现在这个V点一个。Count，对吧，Count。好，哎，我点看看，哎，这个是我是一个。写成字符串，我们这个是什么类型啊。INT64 int64，那我把这个改了啊。要不然我还得强转，多费劲呢。特。那方法写哪儿呢？在这啊，嗯，不可抗的，我们也整成一六十四。Int一个64。那我不开ID好像也是不开D是什么类型啊。我们的不可的。Book。

啊特哎。现在整的。Int好啊，要不然你还得转啊，要不然你还得转，那这个改完之后呢，我们之前那个测试。测试这块呢，我我把它改回来啊，趁它没有检测，没有检测出来之前呢，我先把它改正确，诶这个呢数量100。哎，这个呢是一这就不是字符串了啊，就不是字符串了，就最后一个是字符串好了啊来，哎，现在呢，我们再回来，在这块呢，第一个是v.com呢，第二个呢，是我book的一个ID逗号，那这个book ID。V点一个。Book点一个ID，哎，这就是我们的book的一个ID，好，最后呢，也是购物车的一个ID，那购物车cut点一个cut ID，好哎，就是这块啊，我们根据这个购物车的这个ID以及图书的ID来更新我们现在这个数量，好哎这个呢，哎更新完了，那更新完之后还有其他的一个操作吗？

没有了吧。我这个更新完之后，因为我现在啊，我这里边就是指针嘛，你更新完这个count之后，我那个卡里边切片里边那个数量是不是就变了对吧？哎，就变了好哎，那这个写完之后，注意下边这块呢，呃，L下边就是else了，哎，不管是衣服也好，还是LC也好，你这个里边更新完之后，最终呢，是不是我要更新整个购物车的总数量的总金额。好，那现在啊，写完之后呢，我们来测试一下，看有没有问题。啊，再来一次右键。打开Google。嗯。慢点。钱能够够的了。斜杠卖点一个exe。好来现在这样啊，我们把这个呢轻轻呢重新来一次啊，重新来一次清掉，哎，都不要了，我们重新买，哎这样呢，看到比较清晰啊清掉购物车呢也清掉好诶诶来刷新一下，现在呢，没有购物车数据库里边一个购物车都没有了，好来我们来返回，现在呢，我们的是额对命三额对命三好那当我点加入购物车的时候。

在这之后，他会走哪儿啊？根据它长看它是道吗？是不是这个衣服就不走了，对吧？哎，衣服不走了，那走哪个呢？走下边这个L，走这个L证明呢没有购物车，所以呢啊要创建购物车，往里边插入一个好来我们来点一次，点一个解忧杂光店好买了一本，诶来看刷新。不开I第一没问题，哎，解忧杂货店买了一本，买了一本来购物项。购物车好，诶没问题啊，没问题，好一好，现在呢，我买的是它，下面呢我们再来买一本。买一个编程，我买编程的时候在这一块这个看还是那吗。不是了吧，诶数据库里边已经有这个用户的购物车了，所以呢，他不是闹了，那不是，那么下边要获取这个，呃，获取什么呢？获取这个购物项，但是现在数据库里边有编程这个购物像吗。

没有吧，诶没有呢，所以呢不走这个衣服，哎，走这个else，诶购物车中没有这个没有该图书，所以呢创建了一个购物像，然后下面呢，将购物项添加到那个cut的那个切片里边。同时呢，我把这个勾项再插入到数据库里边来，再来点一次点编程，诶来看这个cut items有没有多刷新一下，哎，是不是多了一个ID等于二的边程。诶，然后呢，诶我们来看这个这块啊，我们这个加完这块加完了，加完之后呢，这块update卡要更新购物车里边总数来跟总金额了，诶来我们看看点开它二五十二五十块二对不对。对吧，好注意了，现在是买了两本，里边是不是不重复的对吧，没有重复的好，下面呢，我再去买一本。

解忧杂货店。我再买解忧杂货店的时候来看，同样在买解忧杂货的时候，这个卡还不是闹吧，已经有购物车了。那这个时候数据库里边有没有这个购物项。有吗？诶这个时候购物项也有了，所以呢，购物项也不等于那了，那下边这块呢，我就是获取所有的这个，呃，购物项这个卡购物车里边那个啊，然后便利找一下当前的这个购物项跟它一样的，如果这个ID等于它就证明哦是我这个，然后呢，我把这个数量加一，加一完之后呢，把数据库里边这个数量呢更新更新成二，更新成二之后呢，最终这块哎还得这个更新这个购物车里边数量我们来看啊，这个时候有没有问题。来，再去买一个解忧杂货店，点好来看这个时候这个ID等于一的这个是不是应该变成二。对吧，哎，来刷新一下。咦，怎么没变呢？

哎，看来。看有没有报错啊，又报错了，来看一下啊一。哎，又是这个，看看第几行啊。往下翻。第几行啊？34行。我咋没看到呢？我咋没看到呢？32。32行来32。Vda book。哦。微点book。微购物项点book.id没问题啊。

里边有。切，这个购物项里边。获取够呛，我们不是有图书了吗？v.book里边已经有读数了。Fmt点一个。来啊，当前购物像中是否有读书有不可？来啊。V保存来看一下啊，里边有没有啊，它这个这块34啊三十四三十二。哎。啊，刚刚写了一行是吗？来啊，就这块儿有问题了啊，我们再来再来试一次啊，来CTRLC。够我们看一下有没有有没有图书啊。慢点，一个够。

慢点，一个exe。好，来，再来。返回我们就直接测这个了，哎，里边已经有的啊，来点一下这个，加入购物车解忧大物店，哎，来看往上翻。诶，有吧。有补课班的不？13。13，那我现在我现在根据这个book ID查到这个卡应该也是13，它两个应该是。Cut item，点点ID应该是一样的呀。Fmt1.1个，刚刚忘了，一次性都打出来了啊。诶查询到的这个什么呢？哎，Book是我们看这两个一不一样啊。逗号叫一个cut item。点一个book。好保存，这两个应该一样一样这一块写的判断。应该没问题啊。

来。再来一次解忧杂货店，刷新一下。解忧杂货店。往上翻。查询到的book是no。根据。图书的ID。和购物车的ID。点开它。得到的cut it。哦。这里边儿我们又没有。又没有查不开的是吧。又没有查book是吧，查到的这个卡的里边是不是还是没有book。诶，所以呢，这块啊，这个里边还是没有book，那那我们还得select ID card ID就这块啊还得加，就跟我们上次那个一样了，跟上次这个Du那个一样，所以呢。

哎，我们自己写吧，还是啊不粘它了啊，不粘它了，就是根据用个突出的ID和cut的ID查的时候呢，这个cut得到的cut item里边还是没有book，所以呢，这两块select count amount，诶这之前为了省事是吧，诶ID诶逗号，哎把这个呢也得查一下啊，也也查一下好，那查完之后呢，同样这一块啊，创建cast item。在这的话还得再设置一个变量啊，设置一个变量就设置到这吧，设置一个变量，哎，接收图书的这个I，哎来word加一个book ID。好。那下面这块呢，扫描诶，他点ID，他点count，然后他点amount amount后边呢，需要把这个ID给它赋值了and。

Book ID好逗号，诶给这个ID赋值，呃，ID赋完值之后呢，下边是这个，嗯，卡ID好没问题了，那这个ID有了之后呢，下面诶我们来在这得查询，根据这个图书的这个ID诶查询图出信息。这块啊，这之前这个。写这个。勾不像的时候没有把那个book设置进去，所以呢，这就相当于之前遗留的一个问题了啊。来这个get一个，先写一个。Book。等于嗯，Get一个book。By ID好，里边来一个book的一个ID好，哎，得到这个book，然后呢，将book设置到购物箱中。诶，是到个购物箱中。

或者说我现在其实这个条件也可以改一下是吧。没有这个book。我们可以用啥来判断呢？用其他条件也行是吧，那就这样了啊，我就写了啊，我就写了啊，就这样了啊，然后呢，Cut it，我们把这个里边这个都设置进去吧。Cut。A点一个book。等于book好，这时候能查出来它里边就有了，就有book了。就打了。不开的。

上边咋啦？啊。那那。呃，传过来了是吧。传过来了，我们这个之前的都不用查了吗？不是。不查他也能也也也也根据他不是也能直接查吗。对吧，你这这这些不用改了啊，之前都不用改了啊，你这个我之前没看，你之前也没看是吧。保存啊，直接直接就传过来了，传过来了我直接根据它来获取就行了，这里边book ID啊，直接传过来了啊，然后呢，设置到这个卡的里边就就行了啊，我们就借助于这个船的呢，查到不可，然后其他的一些呃，数量啊跟价格查出来就可以就行了啊就行了，好啊这时候就有了，呃有了之后呢，哎，这时候就应该就没问题了，诶来CTRLC。慢点够，其实我们刚刚不通过这个ID判断，通过通过其他的条件判断也不会有这个问题啊，我们既然这个通过ID判断呢，我们就正好把这个呢，诶给它也加上啊查询只要查询购物项，诶就说我们现在只要你查购物项，诶购物项里面那个不可能就有就有值，诶只要你查这个购物车，购物车里边那个，呃，这个切片勾物项也有，而且切片里边那个不可也有值，现在啊就是一查啊，里边都有了啊，所有内容都有了，不再是空了，好啊，再来一次。

哎，刷新一下。刷新一下之后，我们来看一下数据库啊刷新现在呢是呃不客ID第一本解忧杂货店买了一本，哎，一共总量是两本，花了50块二，五十五十块二，好现在呢，我们再来买一个姐夫杂货店，看看会不会变成二啊点加入购物车。看有没有报错。不报错了对吧？查到的book客解忧杂包店当前购物项中是否有不可？

14、这是购物像吗？哎，这是勾项吗？好啊，这个查到的不可一好啊，现在呢，我们来看，哎，来刷新一下。走。哎，是不是变成二了，好啊，现在变成二了，总量购物车里边的总量是不是应该是三。对吧，我们先算一下啊，这个时候的总金额应该是多少啊。二二得四二七十四，54块四。77块四是吗。来啊，看一下。诶没问题，哎没问题啊，总量是三，总金额77块四啊没问题，哎没问题好啊就是这一块，我们这个呢，添加添加图书，添加图书这块啊，因为这个情况呢比较多，另外呢，还有我们之前写的这些函数里边查的时候，呃，返回的这个cut item里边呢，没有book啊，返回到cut里边呢，有看构物项，但是勾项里边还是没有book，所以呢，我们把这个book呢也给它加上来，给它加上了，比如现在我们再查的话，我们再来确定一下啊。

再来确定一下，找到我们这个dau，找到我们的cut item Du，点开它这个添加的无所谓，我们就看查询的get cut item by ID and cut ID就是根据图出的ID，看里边有没有book，哎，有设置进去了，还有下面这是更新，哎，不用管，还有一个查询get cut it姆斯by cut ID。呃，获取所有的这个购物项。看一下里边有没有图书，哎，获取图书有，哎也把图书给设置进去了啊，现在查询的里边都有图书了，那么购物车这块获取购物车。呃，来get cut by u的ID这里边呃调用呃by cut ID好没问题啊，没问题，你说现在你要查购物车的话，购物车里边是切片类型的购物项，每个购物项里边也有图书了，也有图书了，好啊，这是我们这个添加，呃添加呃现在呢，我们已经可以添加到数据库里边了，也没问题了，我们要做的就是最后这一块呢，在这块呢，诶给他一个响应而已。

哎，找到我们这块啊，有这个cut handler，哎把这些都执行完之后呢，最后。我是不是能操作了，我是不是得给他一个响应呢，对吧，给他一个什么响应呢？是不是将谁加到了购物车中，对吧？诶你刚刚将谁加到了购物车中，所以呢，我这块啊，你就直接显示一个将谁加到了这个购物车中，诶就行了，那总数量呢就不显示了啊显示的话这块又得再费劲了啊再费劲了，那这个书名很简单，你不可点抬头嘛，就能拿到了，所以呢，我们在这块来。把这个加下啊，直接我们因为发的是异步请求嘛，点一个right。Right里边呢，是一个BA，一个切片。D。

BY，哎，BY括号里边呢，是一个book，点一个title，好直接给它想应过去，哎把这个书面显应过去，想应过去之后呢，在前台这块我们处理一下，哎处理一下点开它，哎往下翻，哎往下翻这个东西呢，就不要了啊。这个先不要了，丢掉不要了啊，然后呢，您刚刚将谁加到了购物车中。这样把这些。我们我们要设置这个值啊，将时间简史这个呢就不显示了。将谁来给他一个ID？讲一个什么呢？Book，一个message。好，来。来在这，嗯在这呢，我们来结束响应了，将这个响应信息。设置到这个SPA中来。到了服。

括号，Book message，点一个text括号。嗯，这里边儿是一个。Res，就是我们响应过来那个图书的一个书名F，好啊，这个呢，我们也写完了，写完之后呢，我们再来一次。刷新一下你看这个。对，刚开始是不是得不显示啊，不显示这个。您刚刚，哎这样啊，我把这些呢都拿进去啊，您刚刚。那这个怎么办？CTRLV，然后外边这样啊，我把这些值呢，都都拿到里边，要不然我不让它显示这个没办法整了，您刚刚。外边呢，我再给它加个死板。外边再嵌套一个啊，再嵌套一个，要不然。

哎呀，这个这个。对，你这个铃声太。太劲爆了是吧？ID，嗯，这个叫什么呢？嗯，收就叫个收了啊，我们先把它这个，呃，刚来到这时候，我们先把它隐藏了吧，不让他看了啊，这个没有了啊。这就在写了，到罗符括号就先没有，任何内容都没有啊，Show井号。点一个。Had先隐藏了，然后呢，等你添加图书的时候呢，我们再让它显示出来就可以了。来啊，在这呢，哎，来到乐福括号景寿，点一个寿。对，这样它显示出来好来。保存好嘞啊，刷新好，诶现在没有了啊，任何东西都没有了，哎，好，我们来买东西了，我们先来看一下，现在呢，这个解忧杂货店是两本编程呢，是一本，我们再来买一本编程。

咦，怎么没过来啊？message.text。我们看添加进去了没啊，详细信息没有过来好进来了啊进来了，嗯，写写过来，我们看这块儿是不是写的有问题啊。他点一个text，设置它这个值。Book me test res。按来看一下我们这块。Show。它显示里边有个span，您刚刚将什么book message。设置它里边，诶没问题啊，那就是我这个响应的book.title。Right写过去了。F12。

来啊，我们看一下详细有没有过来啊。来啊，再买一个，买一个这个，另外一个买一个中国哲学史。诶，确实没有诶。你怎么没有内容呢？那个书名没有带过来呀，我是不是没有重新部署啊。对吧，CTRLC啊CTRLC啊，光光顾的改这个页面了啊，忘了这个右的了，勾的慢1.1个。够之前改完代码没有重新部署啊。慢点一个exe，好啊，再来一次，我们现在来看刷新一下啊，又买了一本225。五好，没问题啊，没问题，现在呢，后台的这个数据库里边呢，保持一致了，已经没问题了，好啊，我们再来买一个第三本，买一个中国哲学史刷新一下。

连中国哲学史。啊，您刚刚将中国电件事加入到了购物车，来买一个，呃，忽然气质加入到了购物车中，诶来我们看一下刷新。哎，中国哲学史啊，又变成二了，忽然七日又进来了，一共是七本。哎，七本好没问题啊，没问题，其实我们这个啊，添加购物车里边这个内容呢，还是比较多的啊，还是比较多的，我们把这个呢添加给完成了，那再往下呢，就应该我们点这个购物车呢来查询了，把购物车给它显示出来，在页盘上给它呈现出来啊呈现出来好啊，我们这个上午就讲到这儿放学吧。