1.视图js代码

    1. //点击加
    2. $(document).on('click','.add',function(){
    4.             $(this).parent().find('.hidebox').show();
    6.             // 当点击的时候给父级加一个class，在循环的时候判断是否有check
    7.             $(this).parent().addClass('check');
    9.             // 获取到框内的初始值
    10.             var num = $(this).parent().find('.num').text()
    12.             // 点击的时候每次加1
    13.             var final = Number(num) +1;
    15.             // 将加过的数据赋值给数量值
    16.             var num = $(this).parent().find('.num').text(final)
    18.             // 获取到商品的id
    19.             var shop_id = $(this).parents('.right_total').attr('shop_id');
    21.             // 计算总价
    22.             $.post("{:U('addon/WeiuidDeit/Mobile/listTotal')}",{id:shop_id,user_num:final},function(data){
    24.                 // 总价
    25.                 // $('#allmoney').html(data['return_data'][0]);
    26.                 $('#allmoney').html(data['return_data'][0]);
    27.                 // 总数量
    28.                 $('#allcount').html(data['return_data'][1]);
    30.             },'json')
    31.         })
    33.         //点击减
    34.         $(document).on('click','.reduce',function(){
    35.                // 获取到input的初始值
    36.             var num = $(this).parent().find('.num').text()
    38.             // 点击一次减1
    39.             var final = Number(num) - 1;
    41.             // 数量框最终的值
    42.             var num = $(this).parent().find('.num').text(final)
    44.             // 获取到商品的id
    45.             var shop_id = $(this).parents('.right_total').attr('shop_id');
    47.             $.post("{:U('addon/WeiuidDeit/Mobile/listTotal')}",{id:shop_id,user_num:final},function(data){
    49.                 // 总价
    50.                 $('#allmoney').html(data['return_data'][0]);
    52.                 // 总数量
    53.                 $('#allcount').html(data['return_data'][1]);
    55.             },'json')
    58.             if(final<1 ){
    60.                 $(this).parent().find('.num').html(0);
    62.                 $(this).parent().find('.hidebox').hide();
    64.               }
    66.            })

    2.控制器代码

    1.       /*
    2. 思路：
    3.     前台点击加和减
    4.     异步传输商品的数量和商品id
    5.     根据商品id查询对应商品信息
    6.     准备存根据商品信息存session
    7.     点击加和减的时候判断session的下标(商品的id)是否存在
    9.     当session下标id不存在则创建，保存商品的基本信息，
    10.     并根据数量和单价计算单个商品的小计和，在购物车也可以使用
    12.     当session下标id存在的时候，只需要修改对应商品的数量和总价
    14.     在这里需要做个容错，当用户数量为小于等于0的时候，
    15.     直接删除对应商品的session数据
    17.     根据以上操作就来到了关键
    19.     将所有商品的小计，数量的总和相加，重新赋值session
    21.     视图的总数量和总价直接输出session的值即可
    22. */
    24.   // 列表页左下角计算总价
    25.   public function listTotal(){
    27.       // 商品的数量和id 
    28.       $shop_id = I();
    30.       // 获取到用户数量
    31.       $user_num = I('user_num',0);
    33.       $cart= D('food');
    35.       // session('Cart',null);
    36.       // 查询购物车信息
    37.       $cart_data = $cart->where([
    38.         'id'=>$shop_id['id']
    39.         ])->find();
    41.       $shop_data = $cart->select();
    44.       // 点加减号的时候判断session有无商品
    45.       if(!isset($_SESSION['Cart'][$cart_data['id']])){
    47.         // 如果session不存在商品id时创建session和数据库添加
    48.         session('Cart.'.$cart_data['id'],[
    49.           'id'=>$cart_data['id'],
    50.           'user_num'=>$user_num,
    51.           'goods_price'=>$cart_data['food_price'],
    52.           'goods_name'=>$cart_data['food_name'],
    53.           'total'=>$cart_data['food_price']*$user_num,
    54.           'goods_picture' => $cart_data['food_picture'],
    55.           'goods_name' => $cart_data['food_name']
    56.           ]);
    58.       }else{
    60.           // 如果session存在商品id的话就修改
    61.           $_SESSION['Cart'][$cart_data['id']]['user_num'] = $user_num;
    62.           $_SESSION['Cart'][$cart_data['id']]['total'] = $cart_data['food_price']*$user_num;
    64.           // 如果有商品并且减到不选择商品将session删除
    65.           if($user_num <= 0){
    67.             unset($_SESSION['Cart'][$cart_data['id']]);
    69.           }
    70.       }
    72.       $cart_list = session('Cart');
    74.       $total = 0;
    76.       $num = 0;
    78.       // 最终的商品信息session值
    79.       foreach($cart_list as $k=>$v){
    80.         // 计算总价
    81.         $total += $v['total'];
    82.         // 计算总数量
    83.         $num += $v['user_num'];
    86.       }
    88.       session('total',$total);
    90.       session('num',$num);
    92.       $cartlist = array($total,$num);
    94.       if(!$cartlist){
    96.          $return['return_code'] = 400;
    97.          $return['return_msg'] = '购物车空空如也';
    98.       }else{
    99.            $return['return_code'] = 200;
    100.            $return['return_msg'] = '查询成功';
    101.            $return['return_data'] = $cartlist;
    102.       }
    104.       $this->ajaxReturn($return);
    107.   }

    3.视图前端代码（判断加减号显示与不显示）

    1. <if condition="!isset($_SESSION['Cart'][$k]['user_num'])">
    2.                             <div class="none hidebox num"  data-id="'+foodinfo[i].id+'">0</div>
    3.                             <div class="none hidebox reduce" style="cursor:pointer">-</div>
    4.                         <else />
    6.                             <div class=" hidebox num"  data-id="'+foodinfo[i].id+'">                              {$_SESSION['Cart'][$k]['user_num']}
    7.                             </div>
    8.                             <div class=" hidebox reduce" style="cursor:pointer">-</div>
    9.                         </if>