【PHP】购物车的加减算总额

author:咔咔

wechat:fangkangfk

前端代码

<if condition="!isset($_SESSION['Cart'][$k]['user_num'])">
	<div class="none hideBox num"  data-id="'+foodinfo[i].id+'">0</div>
	<div class="none hideBox reduce" style="cursor:pointer">-</div>

<else />
	<div class=" hideBox num"  data-id="'+foodinfo[i].id+'">{$_SESSION['Cart'][$k]['user_num']}
	</div>
	<div class=" hideBox reduce" style="cursor:pointer">-</div>
</if>

js:
 


//点击加
$(document).on('click','.add',function(){

    $(this).parent().find('.hideBox').show();

    // 当点击的时候给父级加一个class,在循环的时候判断是否有check
    $(this).parent().addClass('check');

    // 获取到框内的初始值
    var num = $(this).parent().find('.num').text()

    // 点击的时候每次加1
    var final = Number(num) +1;

    // 将加过的数据赋值给数量值
    var num = $(this).parent().find('.num').text(final)

    // 获取到商品的id
    var shop_id = $(this).parents('.right_total').attr('shop_id');

    // 计算总价
    $.post("{:U('addon/WeiuidDeit/Mobile/listTotal')}",{id:shop_id,user_num:final},function(data){

        // 总价
        // $('#allmoney').html(data['return_data'][0]);
        $('#allmoney').html(data['return_data'][0]);
        // 总数量
        $('#allcount').html(data['return_data'][1]);

    },'json')
})

//点击减
$(document).on('click','.reduce',function(){
    // 获取到input的初始值
    var num = $(this).parent().find('.num').text()

    // 点击一次减1
    var final = Number(num) - 1;

    // 数量框最终的值
    var num = $(this).parent().find('.num').text(final)

    // 获取到商品的id
    var shop_id = $(this).parents('.right_total').attr('shop_id');

    $.post("{:U('addon/WeiuidDeit/Mobile/listTotal')}",function(data){

        // 总价
        $('#allmoney').html(data['return_data'][0]);

        // 总数量
        $('#allcount').html(data['return_data'][1]);

    },'json')


    if(final<1 ){

        $(this).parent().find('.num').html(0);

        $(this).parent().find('.hideBox').hide();

    }

})

控制器:
 

这是没有经过封装的代码,参考后需要简单封装一下

	  /*
思路:
    前台点击加和减
    异步传输商品的数量和商品id
    根据商品id查询对应商品信息
    准备存根据商品信息存session
    点击加和减的时候判断session的下标(商品的id)是否存在

    当session下标id不存在则创建,保存商品的基本信息,
    并根据数量和单价计算单个商品的小计和,在购物车也可以使用

    当session下标id存在的时候,只需要修改对应商品的数量和总价

    在这里要做个容错,当用户数量为小于等于0的时候,
    直接删除对应商品的session数据

    根据以上操作就来到了关键

    将所有商品的小计,数量的总和相加,重新赋值session

    视图的总数量和总价直接输出session的值即可
*/

  // 列表页左下角计算总价
  public function listTotal(){

      // 商品的数量和id 
      $shop_id = I();

      // 获取用户数量
      $user_num = I('user_num',0);

      $cart= D('food');

      // session('Cart',null);
      // 查询购物车信息
      $cart_data = $cart->where([
        'id'=>$shop_id['id']
        ])->find();
    
      $shop_data = $cart->select();
    

      // 点加减号的时候判断session有无商品
      if(!isset($_SESSION['Cart'][$cart_data['id']])){

        // 如果session不存在商品id时创建session和数据库添加
        session('Cart.'.$cart_data['id'],[
          'id'=>$cart_data['id'],'user_num'=>$user_num,'goods_price'=>$cart_data['food_price'],'goods_name'=>$cart_data['food_name'],'total'=>$cart_data['food_price']*$user_num,'goods_picture' => $cart_data['food_picture'],'goods_name' => $cart_data['food_name']
          ]);

      }else{

          // 如果session存在商品id的话就修改
          $_SESSION['Cart'][$cart_data['id']]['user_num'] = $user_num;
          $_SESSION['Cart'][$cart_data['id']]['total'] = $cart_data['food_price']*$user_num;

          // 如果有商品并且减到不选择商品将session删除
          if($user_num <= 0){
            
            unset($_SESSION['Cart'][$cart_data['id']]);

          }
      }

      $cart_list = session('Cart');

      $total = 0;

      $num = 0;

      // 最终的商品信息session值
      foreach($cart_list as $k=>$v){
        // 计算总价
        $total += $v['total'];
        // 计算总数量
        $num += $v['user_num'];

        
      }

      session('total',$total);

      session('num',$num);

      $cartlist = array($total,$num);

      if(!$cartlist){

         $return['return_code'] = 400;
         $return['return_msg'] = '购物车空空如也';
      }else{
           $return['return_code'] = 200;
           $return['return_msg'] = '查询成功';
           $return['return_data'] = $cartlist;
      }
     
      $this->ajaxReturn($return);


  }

相关文章

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
前言 之前做了微信登录,所以总结一下微信授权登录并获取用户...
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一...
之前公司需要一个内部的通讯软件,就叫我做一个。通讯软件嘛...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...