用户在管理购物车商品数据的时候，可以进行以下操作：

1、增加/减少商品数量。

2、全选或者选择某一条商品记录。

3、删除操作。

对已经选中的商品记录进行结算操作。

首先来看增加/减少商品数量的实现，用户手动增减商品购买数量的时候，Mysql数据库表记录也需要更新。为了提升用户体验，所有的操作都使用Ajax的方式异步操作。HTML代码结构如下：

<div class="goods_nums">

<div class="goods_nums_del" goods_id="{$vo.goods_id}"

goods_price="{$vo.goods_info.price}">-</div>

<div class="goods_nums_input">{$vo.num}</div>

<div class="goods_nums_add" goods_id="{$vo.goods_id}"

goods_price="{$vo.goods_info.price}">+</div>

<div style="clear: all"></div>

</div>

在“+”和“-”按钮上分别定义goods_id和goods_price属性，可以方便地更新在数据库中的商品记录。同时也可以在页面上直接计算和展示出用户操作后最终的价格。

为“+”按钮绑定click事件，代码如下

为“-”按钮绑定click事件代码如下：

由于在JavaScript中字符串拼接和加法都使用“+”号，为了避免类型导致的错误，所示使用了Number（）方法对字符串进行类型转换。