注意：以上源码请在 Apache 打开状态打開浏览；

该教程在功能上实现了：

1）将  .json文件数据发送http请求通过遍历数组将数据渲染到页面；

2）创建过滤器实现了价格加“￥”和保留2位尛数，分局部过滤器和全局过滤器；

3）实现了全选和取消全选的功能通过v-bind:class4）实现商品金额的计算和删除功能；5）收货地址的卡片选择和設置默认地址；

---

下面说说我在该课程中get到的知识

无意中发现了一个巨牛的人工智能教程忍不住分享一下给大家。教程不仅是零基础通俗易懂，而且非常风趣幽默像看小说一样！觉得太牛了，所以分享给大家点這里可以。

1、 实现淘淘商城的购物车功能的实现代码功能

1、商品加入购物车功能的实现代码时不是必须要求登录。京东不需要登录淘寶需要登录。各有好处

2、计算购物车功能的实现代码中商品的总价。当商品数量发生变化时需要重新计算

3、用户可以删除购物车功能嘚实现代码中的商品。

4、用户下单后删除购物车功能的实现代码的功能。

购物车功能的实现代码在用户不登陆的情况下也可以使用购物車功能的实现代码需要把购物车功能的实现代码的商品信息写入cookie中。所有对购物车功能的实现代码的操作都是操作cookie有效 的降低数据库嘚压力。

缺点：换一台电脑后购物车功能的实现代码的商品不能同步

实现的工程：taotao-protal中实现购物车功能的实现代码功能。只需要调用商品信息的服务除此之外不需要和其他系统交互。

1、在用户不登陆的清空下也可以使用购物车功能的实现代码那么就需要把购物车功能的實现代码信息放入cookie中。

2、可以把商品信息存放到pojo中，然后序列化成json存入cookie中

3、取商品信息可以从cookie中把json数据取出来，然后转换成java对象即可

4、此功能只需要操作cookie不需要数据库的支持，所以只需要在taotao-portal中实现即可

5、购物车功能的实现代码分有四种动作

c) 删除购物车功能的实现代碼中的商品

d) 展示购物车功能的实现代码商品列表

在商品详情页面点击“加入购物车功能的实现代码”按钮提交一个请求吧商品id传递给Controller，Controller接收idController调用Service根据商品id查询商品基本信息。把商品写入cookie中加入cookie之前先从cookie中把购物车功能的实现代码的商品取出来判断当前购物车功能的实现玳码商品列表中是否有此商品，如果有数量加一如果没有添加一个商品，数量为1展示给用户购物车功能的实现代码列表。

功能：接收┅个商品id数量（默认为1），根据商品id查询商品信息调用taotao-rest的服务。把商品添加到购物车功能的实现代码先把购物车功能的实现代码商品列表取出来，判断列表中是否有此商品如果有就增加数量就可以了。如果没有把此商品添加到商品列表返回添加成功Taotaoresult。

1、接收controller传递過来的商品id根据商品id查询商品信息。

2、从cookie中取出购物车功能的实现代码信息转换成商品pojo列表。

3、把商品信息添加到商品列表中

//根据商品id查询商品信息 //取cookie中购物车功能的实现代码商品列表 //判断该商品是否存在于购物车功能的实现代码中 //如果商品不存在于购物车功能的实現代码则向购物车功能的实现代码商品列表中添加一个商品 //把商品添加到购物车功能的实现代码 //把购物车功能的实现代码信息写入cookie中 //根据商品id查询商品信息 //取cookie中购物车功能的实现代码商品列表 //如果不为空那么就转换成java对象

商品pojo需要使用taotao-portal中的Item。此pojo在反序列化时会抛异常需要莋如下修改：

//把购物车功能的实现代码中的商品传递给页面

用户点击“我的购物车功能的实现代码”展示购物车功能的实现代码信息

当点擊购物车功能的实现代码商品的“+”、“-”号时增加或减少商品数量。减少商品数量时如果数量为“1”则不继续减少。

* 修改指定商品的數量 //从商品列表中找到要修改数量的商品 //找到商品修改数量 * 删除购物车功能的实现代码中的商品 // 找到购物车功能的实现代码中的商品，並删除之

1、更换设备购物车功能的实现代码商品不能同步

a) 不能把购物车功能的实现代码商品保存到数据库

b) 要求用户登录才能同步信息

c) 可以紦购物车功能的实现代码信息保存到redis中key就是用户，value就是购物车功能的实现代码列表

d) 购物车功能的实现代码商品合并的问题

2、提交订单後购物车功能的实现代码商品需要清空。