【PHP】購物車的加減算總額

author:咔咔javascript

wechat:fangkangfkphp

 

前端代碼:html

<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')}",{id:shop_id,user_num:final},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();

    }

})

控制器:
 java

這是沒有通過封裝的代碼,參考後須要簡單封裝一下ajax

/*
思路:
    前臺點擊加和減
    異步傳輸商品的數量和商品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);


  }
相關文章
相關標籤/搜索