14-项目第六、七阶段/05-尚硅谷-书城项目-购物车的展示

接着呢，大家注意看呢，刚刚我们已经把这个加入购物车做好了，接着我们到这边来就点击购物车，我们要把这个购物车的商品数据啊展示出来。那么我们不进就要想了，诶在这里面我们能得到购物车的数据吗？能得到吗？有同学没有得到是吧，如果得不到怎么办？咱们以前说在J页面当中啊，如果要要获取某些数据，如果得不到怎么办？是不是先让他经过solid程序啊，就是如果得不到记住啊，先经过so，但是咱们这里能得到吗？其实能得到的，为什么呀，咱们把数据都放到哪了，都放到session中了呀，那么我们在首页这里添加添加添加并没有关浏览器，那这个时候点击过了，它其实是在的啊，那其实是在的，那么咱们其实是不用经过塑来的，那在这边我们给大家演示一下啊。怎么办呢？找到cut这购物车页面，你看下这个地址啊，Page上的卡下的卡。

呃，Page下的看下的看就是它，然后呢，我们在这个地方。输出一下这个session的数据，我们看看有没有。有啊，这不就是购物车中的商品信息吗？那么这里就便利一下就好了，便利什么内容？其实我们便利的就是这个it it是个什么呀？是个map。并列这个map就可以了。来我们看一下哈。首先大家注意看这个页面，这个数据其实是什么。是个表格。哎，是个表格，那么我们找到这里面这个表格第一行呢，是这个商品的一个标题说明啊，然后从这里开始，就是商品的一个信息，那么我们删掉剩下一行来做便利就行了，那要做便利的话，C冒号for each。然后items输出什么东西啊，嗯，Session域中的cut.items是吧，便利这个嘛，然后哇，是什么？Entry，这是什么？这是每一个商品项。

好，并历完了以后这里怎么输出来，我们看一下哈，entry.value点亮，为什么是value啊，大家看这是一个进值，对应我们要的值，它的值就是那个cut it层啊，取它的名称，然后这是数量。点value，点。entry.value点什么东西呢？Price。再到下面来ent.value.total first就好了嘛，这样就并列这个数据了，我们刷新试试看刷新。

诶，这个数据没对是吧，没对就只有一种可能性，就咱们这个地方写错了啊，这个地方不是session，是什么session scope。我们来刷新一下，大家看这数据不就出来了吗？那上面这个测试的输出咱们就给它去掉了哈，你看。哎，轴给它去掉，那这个购物车商品上的展示啊，其实是比较的简单的，哎，比较的简单的，但是大家注意看，咱们现在的展示呢，其实是什么展示的是有商品的情况，那如果说你的购物车是空的情况下会怎么样呢？那现在注意看啊，我故意的把这个购物车这个商这个服务器给他停了。停了以后，这个购物车中的数据就没有了，咱们再启动一下。启动之后这里就空了啊，空了之后你看这里会输出什么东西，变成什么样子，稍等。啊，稍等。

等它启动啊。好，启动了，那么我们刷新一下这个购物车页面，大家看这是不是空了呀，你想想都空了以后。你这个地方有必要输出吗？啊，大家想想，如果都已经空了，这里就是没有必要输出了呀，哎，那咱们就说明一下，大家看一下哈，就下面这一部分要判断一下。哎，就是M什么东西呢？Session scope cut.items注意，如果是非空，你看到吗？Not empty。如果是非空的情况下才输出，如果购物车非空才输出下面的内容来吧，大家看现在是空的吧，下面是不是没有了，下面是不是没有了，诶那如果有的情况下再返回再试一下啊，比如说我有一个商品，我加几个来，我再回到购物车。

诶，出错了，那咱们看看哪错了呀，他说item not found item在哪，咱们看到这个提示，他说47行，咱们排下错啊47啊it是吧，简单来吧，再来一次刷新。走，大家看一下，如果有了以后，这里是不是才出来呀，呃，这才出来好，就比如说我再停一次啊，再测试一下。那不是出错了吗？再测一下，那我现在空了。等一下啊，等它这个启动啊启动。好，启动成功了啊嗯，走，我在这里面刷新，大家看空雷红这里是不是不输出啊，再确定一次，加加加回来，有了吧，有了，那还有个小问题，就是咱们这个地方其实刚刚忘了输出了，大家注意看一下哈，那么购物车总的商品数量和总的金额，这里怎么输出？在哪呀？在刚刚隐藏的这部分啊，就这里。

来这里是什么？总的数量，那就是session scope点卡点total count。而下面这个呢，是总的金额，就是Cco.card的点，那么total price，我们刷新看看这个效果对不对啊。大家看三件吧，那么这个金额呢，就是累加得到的。累加得到的哈，呃，我就不去算了，大家可以自己去算一下，这没问题，那么好，这是有的情况下已经正常了，那没有，其实还差一点点，大家看啊。我现在停了，停了再来看，如果说这个购物车为空，除了下面这一行不显示之外，咱们还要干嘛？

还要干嘛，来咱们看一下啊，稍等啊。好，大家请看一下，那么我们刷新这个购物车现在已经空了，你说光这么空了，但是它显示这个标题又好看吗？也不好看。大家注意这样也不好看，那么我们说大家注意看一下哈，这时候你可以干嘛，咱们说要判断一下，这里空和不空是两种输出，注意看if。是吧，如果说empty session scope.card.it大家看这是什么，这是不是空的情况啊？好。如果购物车为。空的情况，那么下面呢，是非空的情况，咱们两种情况都得做，那非空怎么办？在语言基础之上取反，这是什么？购物车非空的情况，那非空咱们是不是便利输出？

对吧，非空并力输出啊，那么空的情况呢，也得输出一个行，给个文字提示，就这个啊，咱们这提示呢，就什么东西呢，清当前购物车为空是吧？哎，就这样一个提示，亲，用逗号隔开一下。我们来看一下，那这里其实没有数据了啊，那把这个先删掉。好，我们来看一下哈，我们刷新。这里是不有这个数据了，我太丑是吧，就这么一点点，怎么办呢？让他跨行，跨行就显示就好看一点了，呃，跨几行呢？1234。五行，包括他自己啊，Cool spend下面的就都干掉了。走刷新，大家看一下这时候它是不是居中啊，诶亲，当前购物车为空，那么除了有这样的一个提示之外啊啊，其实这个时候呢，我们最好还是要给这个这个提示信息啊，能够引导用户去浏览这个商品，那怎么办？咱们再加点东西啊亲啊，当前购物车为空，快跟是吧，小伙伴们是吧。

去浏览商品吧，哎，咱们这个提示信息大家注意啊，一般情况下到了公司以后，那么产品经理会给我们一个字符串，让我去写上去的啊，不是我们自己写的啊，咱们这里呢，只是随意任意的稍微添加一下，示意一下这个效果就行了。呃，让它跳到首页，让它跳到首页，我把这个内容啊就拿进来放到这里面来，好，那么我们看下效果哈，我们刷新购物车，大家看空的时候是不是有提示啊，那浏览商品走走再回来是不是飞空了，这是数两这个价钱啊，你可以自己算一下，886是吧，七七加一进14没问题啊，这金额跟数量都没啥问题了，OK，这就是购物车的展示。