47_尚硅谷_书城项目_处理购物车页面显示的bug

天天早上七点醒来之后就打开支付宝偷能量，哗哗一个一个点。对，有一段时间，有一段时间这个人家那个能量球还剩一分钟，然后那个时候一直点点点点点点，他如果他有的时候的。嗯。对嘛，但是之前吧，有那么一段时间一直都在点点点点好了啊，07:14呢。是固定的点吗？还是每个人的不一样啊，不07:20 07:20啊，07:14左右，这个你都这个点就知道了是吧，那个能量不一样时间，嗯来啊，我们这个刚刚的获取购物车，我们把这个购物车不等于闹这个实现了一下，还有一个等于闹的还没处理呢啊，我们把这个呢也加上。还有刚刚那个一点购物车出现那种情况的怎么回事啊，我点一下他什么情况啊。

是应该是我的一个链接没有改吧。我我刚刚一点它的时候来啊，我们再注销一次啊，注销这个用户来点登录。把那面三。123456来点登陆来购物车，你看是不是变成这样了，对你看到这种情况，这是什么情况呢？你看把这些什么动作都给显示出来了呀。你就想了，这个动作被填出来了，肯定是不是那个什么模板引擎没有解析啊，对吧，所以啊，你看到这之后啊，你就想诶，我这个页面上写的这些东西他都不认识来了吗。所以呢，你就看一下，你看这个地址变成啥了。是不是直接去这个页面了呀，这就相当于直接打开这个页面了啊，去这个静态页面了，并没有被这个模板模板引擎呢，给他这个解析，所以呢，这块啊，是因为我们这个页面没有改啊，还有个页面没改呢，哪些页面呢，你登录成功。你包括这个登录，还有好好好些页面都没改是吧，像首页里边这个购物车改了，然后呢，登录成功里边也有。

这个超链接都没改啊，登录成功。你看这里边啊，还是这个，还是这个还是这个。这个我们没有没有没有没有判断吗。注册成功。哎，你看这些啊，这些都没改呢，是吧，都没改呢啊登录成功我们把这个超链接先改了啊。嗯，这个是我我我我改成我都改成小写啊。看着大些。因为我所有的都写的小写，我现在就这一个，不小心写成大写了，我把这个改回来。Get，好，那改完它之后呢，我们把这里面的也改了啊，改成小写。啊，这个改了，诶登录成功，这个呢，也改，我们现在用到的先改了，改了一个。改的啥卡的in获取这个购物车信息，获取购物车信息，好，那这个改完了，我们先把这个呢，没有没有这个购物车的这种情况先处理掉啊诶如果这个cut呢，不等于呢，哎，然后呢，我们这个解析这个cut下一天面，然后呢把这个cut给返回来，那else。

这时候是不是证明该用户还没有购车对吧？该用户那这个什么呢？该用户还没有这个购车，哎没有查到购物车吗？哎没有查到购物车，那没有这个查到购物车，那这时候怎么办呢？那这块我我这个呢就得拿下边了啊。不能整这了，有这个不就控制着了，好没有购物车，那没有购物车这块呢，我们同样，哎，我们也去这个购物车页面。CTRLCCTRLV。CTRLS，然后怎么办呢？我们这一块传的不是cut了，我给他传个false吧。

传个半类型的值吧，过去啊呃，传个空的也都可以啊，那传给它之后呢，在这个这块呢，我都得判断了，都得写判断了，你这个，呃，便利这块呢，等于是有的情况下才便利，所以呢，我们在men这块呢，啊来写一个if了。If。第二。这时候呢？你怎么写个行啊。这里边我们写这个写写一个H1说什么呢？您的购物车。空空如也，这饥渴难耐是吧？好，您的购物车饥渴难耐，快去购物吧。好，然后呢，我们把这个购物呢，也给它突出一下。整一个这个。整一个四瓣。好。

我们给它整个颜色啊。让它变成一个超链接，诶让它变成一个超链接吧，变成一个超链接，让他一点就去首页购物了，这样这样比较好。A。诶，来把购物放进去。这些这些都是这个根据你自己的喜好了啊，然后呢，我们这个去首页去首页。然后呢，这里边儿我们给它整个颜色吧，Style color。Color。Red红色好保存好，快去播吧，哎，如果如果是这个。这个应该是。处是吧。返回一个处。Force还不行呢，找一个处好这个，哎，如果是处的话，哎，我这个您的购物车什么的，哎饥渴难耐了。

来来，哎，下面呢，哎，我们这个。Table table就不是在这显示了。Else。Else。Table。Table。Div，我得找到div啊，好到这嗯。And，保存好在这块啊，写了个判断，哎，如果是它，那这个呢，H1我们让它居中，现在应该默认就是居中的啊来我们重新来一次CTRLCT勾勾的慢点一个勾。又拼错了。好，来，我们找一个没有购物车的。那谁没有购物车啊？嗯，234都有了一。

一。嗯。一是D2是吧。一是奥的IN2，好，哎，我们用的IN2来进行登录注销。来登录我的命二。02123456。登录。好，购物车。点。也没有了吗？下面我们写的写的有问题啊。如果这个是闹。解析它。给了一个处。不好使啊。空。Cut。这块什么都没显示，那证明我们写这个写的有问题啊，什么都没有显示出来。点儿。一。改错地儿了吗？

U啊，对，这个东西没了是吧。欢迎谁谁谁，那这个呢，我们还得。还得有这个内容啊，优点ID。有没有登录这个呢，还得显示。所以呢，还得有一个U的ID，你这块没有。那那只写字还不行，嗯，还不行。因为这块有两个判断，两个判断上面这个头这块还得处理一下。那这块我看啊。Uz ID。诶，如果这个，嗯，没有这个，没有这个购物车，那就放上衣物的ID还得传过去。那这块根据这个U来进行判断的嘛。嗯，如果点U的ID，如果有的话啊，显示它没有的话，显示这个，那同样我们这块如果这个U的ID没有的话，显示的是它。

有的话。啊，我们也根据这个U的ID来进行来进行获取了啊，所以呢，这块呢，还不返回到了那么同样这个session。第一个user。U的ID，我们把它也响应过去啊，响应过去。不是啊，不能直接想他。笔记里边这个U的。User ID，我还得根据这个来的。点U的ID。谁有U的ID啊，我U的ID给的是。Heart。Uz ID。那么显过去一个空的卡。对，得有一个空的卡。你创建一个空的卡。

因为我这个还得考虑到那块那个判断，所以呢，这块你必须得整一个空的啊，Model点一个cut啊，里边什么都没有好，我们再把这个C呢给它显示过去。这一个这个时候呢，这里边这一个，哎，就没有这个ID了啊没有ID了，那这块呢，诶如果这个它有的话，显示它没有这块呢，就是这个。登录那就是登录。那不对，我们这个登录完之后。我们现在是登录状态对吧。登录状态这块还不能这样。这样来判断。是应该是有U的ID的啊，有U的ID的30里边，30里边。

那这块我们得响应一个。这块这个判断。找一下我们的model。找一下我们的session里边有UID。因为我现在是登录状态，只是呢没有购物车，诶这个数据库里边没有购物车，所以呢，这块这个判断上面，上面这块呢，我们有一个判断，这个欢迎谁谁谁啊欢迎谁谁谁，然后下边呢这块呢，你还得这个判断一下，这个到底他有没有购物车，诶如果没有购车呢，这块得显示这个，诶购物车是空的，诶你快去购物吧，但是现在你还是一个登录状态，所以这两个条件呢，你都得考虑一下啊，都得考虑一下，那这块我是根据这个U的ID进行判断的，那我们这块给他响应的时候呢，这样啊，我们就把这个。嗯，Session，想象过去。Session显示过去之后呢，我这个session里边。

赛事里边没有cut，那我还得在赛事里边再加一个内容啊，加一个内容。因为我我现在得得考虑两个两个因素，一个是你登录的时候啊，登录的情况有购物车的情况，一个是这个登录的情况没有购物车的情况，所以呢，这个里边我判断的时候，呃，这个条件啊，写的时候呢，嗯，You cut。Hut。这块响应过去一个。想就一个session看啊，现在是登录的状态，我们这样啊，我们把这个。给他响应过去。好，30检验过去之后呢，SESSION10里边有一个ID，嗯，有一个U的ID啊，有一个U的ID，如果你要是登录的情况下呢，这里边是有这个U的ID的，所以呢，这个现在你是一个登录的状态啊，登录状态。

那要是登录的状态，哎，这里边是有值的，有值呢就会显示欢迎谁谁谁。哎，30里边也有u name啊，所以呢，这个是没问题的啊，可以显示，可以显示，关键是下边这块这个判断。我该怎么写啊？Session。这时候呢，你是登录状态，但是呢，你还得显示你的购物车是空的，我登录的这个用户里边没有内容啊，没有内容。所以呢，这个。那个model呢？我都关了吗？三点，Go。登录状态这里边儿呢，这个以我们现有的属性。不能判断了啊。所以这里边儿，嗯，衣服。

Else这时候肯定不能走else了啊，没里边没有内容的，那没有内容，这个时候呢，我们这里边。写个上啊，这样啊，我们这个哎把。在30里边再加个东西。在干啥呢？购物车。星model用model直接是一个星一个这个。好来啊，加一个他因为你这个登录了，你如果这个里边没有购物车，那这个购物车呢。就是空的是吧，所以呢这块啊，我们来改一下，哎，所以呢，改加个它，如果它点一个cut。哎，如果这个呢，有有直啊，它的一个卡的有直，然后呢，下边呢，我们再再，哎，那不行啊，正好正好是空的，那我得把这个拿到下边啊，拿到下边。

所以这个这块这个判断啊，判断这个写的时候呢，因为我这两个条件不一样，所以写的时候这块。如果是他，哎，我们来显示这个，否则呢，我们来显示这个。CT。好了啊，L shift key。如果是他，哎。这个是end if，诶这个呢。把这个嗯，先删掉删掉。哎，如果是它，我们来显示下边这个。这块写个else。Else。

好。来，然后下面我们来选这个啊，选这个。啊，这是一个N的好哎，你们的购物车什么呢即可奶奶快去购物吧，然后显示一个它啊好啊，我们现在啊，这里边加了个它，我们来试一下啊看有没有问题cut，哎这个呢，里边这个值，哎，如果它这cut，我们看cut里边有什么这个条件。整一个IU的ID。啊，这里边就是，哎，没有的了啊，就是没有的了，我们再通过这个U的ID来再来。Cut里面的ID。条件啊，就先这样啊，先这样我们来试一下好不好使啊。CTRLC。的慢点，一个够。所以啊，你后边这个功能加完之后呢，这个前面的这些，呃呃，也不是说你写的东西呢，就一成不变了啊，有时候呢，你根据这个需求呢，可能也有添加这个内容，为了满足达到我们这个想要显示的一个效果啊，不可能这个有后边写的东西啊，正好呢，这个呃前面的跟前面的没有什么冲突。

难免的啊，来我们再运行一下啊，再试一下回来。返回，嗯，返回到我们这个主页啊，现在是ADIN2，我现在是登录的状态，但是呢，我的这个购物车里边，哎没有ad me2的ID啊，ME2的ID是一啊是一并没有这个购物车，哎并没有购物车，但是呢，我现在是登录状态，所以呢，你现在要去点这个购物车的时候，诶那显示的应该还是欢迎谁谁谁，所以这个条件啊，这个条件哎还是欢迎谁谁谁，这时候呢，您的购物车饥渴难耐，现在这个有点不好看，那不好看怎么办呢？哎，我们来换行啊，这是最简单的一种方式了是吧。我让他居中一下，我先我先我先我先整几个BR啊。

来看一下这个效果。还是不好。啊，用style是吧，那style。Style里面这个写啥？来这个这个样式样式你们不是讲了吗。对，这个样子啊，应该写什么。Text。在里边啊，在里边分号。Text。什么？烂啊，然后呢。Center。这是居中，就是给A设置的吧。那我跟H1不是你想把H1居中，这这里边在这设置这个我知道。这里边儿有一个。

一个style。这里边我记得直接有一个。你没有这个属性吗？我记得这个一里边啊，直接有这个。That。没有，真是没有style，那还得写style，我们为了让那个样式好看啊，所以呢，必须得这个。设置一下style。嗯。哎，怎么没有啊。哎，没有提示啊。He，里边没有吗？这样啊，我先把这个整完啊，我先把这个效果看到。

这个中间那个让它居中啊，应该用一个这个居中就可以了，有个center，但是呢，现在我们想让这个超了这个H1呢，让它。这个离浏览器上面有多少个像素啊，这样居中，然后呢，再再再放到这，再放到这，放到这有一个你说的那个alone是center，现在这这个它在这个中间啊，这个上下这个中间这个是什么啊，这个我我不记得啊，所以呢，不是问你这个怎么怎么搞吗？我现在呢只能用这个BR，我现在就记得BR换行，然后现在就能居中，诶这个这个居中我知道，诶居中到这好像有一个alone就是center，但是上下这个上下这个居中我我不知道。所以呢，这个也需要需要你来帮我整是吧，这个这个我记得这里面有一个属性啊。还是你怎么没有了呢？H里边我记得。

也有啊，Style style里边。没有啊，我之前。哎哎，没有没有。那我把这个H居中。对，我要把A是整个居中的啊，你不能设置A，设置A肯定不行。我要让这个标题让这个H居中，也就是说我要把它放到这儿。对吧，放到这怎么怎么搞啊。快，你们讲了一个一个多月了。骂你的什么凹凸是吗啊？这怎么没有提示啊，难道是？

这里边儿的这个属性。Style，这有style style里边怎么color？什么都不让写啊。你把它包了。我记得这里边，这里边有啊，有style，我自己先写啊，Text杠。哎，这个单词是怎么拼的呀。不会拼了啊，在这个啊在这来啊CTRLC，我把这个先拿过来试一下啊，CTRLX。CTRLXX好删掉啊是不是因为这。这报错了。好，来啊，我把它放到这儿看好不好使啊。保存。马。

好啊，来试一下。刷新。可以，那他怎么出来啊？对啊，可以啊，这样可以，你看center这不居中了吗？哎，上下居中我不知道，我只能用B号来给你搞定了，所以啊，你这个说那个什么骂什么凹吐什么的，呃，这个tap top啊什么。还有什么left呀right呀等等对吧，那个东西啊，你这个自己你们应该知道，你们应该知道啊，就是这个啊这这个我们这个如果你没有哎，我们这个就让你快快去购物吧，然后在这就可以买东西了，就可以买东西了，就是我们这个购物车这块啊购物车这块诶这个显示的这块显示的时候呢，诶也需要这个呃判断啊判断你可能这个这个用户诶已经登录了，但是呢，你还没有购物车，也可能有购物车，所以这块这个判断这个条件，诶这个处理的时候啊，后台处理的时候，你这个得好好的看一下啊，那下面啊，你把这个诶你自己来实现一下，然后呢，我们来说这个删除啊，删除购物车，删除购物车里边这个购物项，包括清空购物车，包括更新购物项，诶等等啊还有这些。

更新购物箱是什么呢？我们把这个啊来，我现在注销一下，我们用MI3来登录，呃，M3登录的时候那个购物车，购物车里边是不是有一条一条的一个信息啊，然后里边会有，我会把那个数量呢，给你设置成一个框框input，然后在input里边可以输入值，有那本来买了一本，我如果想让你买100本，你不能回到首页EEEE一直点点成100是吧，所以呢，我们在里边给你整一个音input的，你输入这个值，哎，输入值啊，哎，其实呢，这个有的是这样的，前面这有个减号，这有个加号是吧。我现在没有这样的图标啊，没有这个图标，哎，如果有图标呢，你可以整成两个图片，诶整成两个图片，或者是整成两个按钮，你可以你写可以写两个button，要实现这个啊，可以整两个button，在这个框框两边呢，整两个button，一个是减，一个是加，然后呢，点这个加的时候给它加一个，点减上，给它减一个，这样也行啊，这块好啊，你先把这个写一下，然后呢，我们来说这个删除。