search

博客列表 >PHP 使用session实现购物车效果（点击按钮添加数据，根据数据生成列表，删除选中的商品，点击按钮时计算金额）

PHP 使用session实现购物车效果（点击按钮添加数据，根据数据生成列表，删除选中的商品，点击按钮时计算金额）

熟悉的新风景
熟悉的新风景原创
2020年05月22日 10:16:581367浏览

效果图

代码很多，截取一部分

加入购物车（点击按钮添加session数据）

在这里插入图片描述

  1.     // 加入购物车
  2.     function addshopping() {
  3.       <?php
  4.       $db = db($_GET['db']);
  5.       $id = $formatData['id'];
  6.       $user = $formatData['user'];
  7.       // 当购物车没有时，即没有session数据时
  8.       if (empty($_SESSION['gwc'])) {
  9.         $arr = array(array('user' => $user, 'db' => $db, 'id' => $id, 'num' => 1));
  10.         $_SESSION['gwc'] = $arr;
  11.       } else {
  12.         // 当购物车有数据时
  13.         $arr = $_SESSION["gwc"];
  14.         $order = false;
  15.         foreach ($arr as $key => $value) {
  16.           // 如果数据中有了这个数据
  17.           if ($value['user'] == $user && $value['db'] == $db && $value['id'] == $id) {
  18.             $index = $key;  //保存这个相同数据的下标，以便操作
  19.             $order = true;    
  20.             //定义一个变量，看是佛有相同的数据，需要注意的是，不能再这个if语句中else，否则后面的语句
  21.             //虽然会使数量加一，但是还是会多创建一条数据，为什么，自己想想就能明白，只是当时当局者迷
  22.           }
  23.         }
  24.         if ($order) {
  25.           // 如果该商品在购物车存在，让数量加1
  26.           $arr[$index]['num']++;
  27.         } else {
  28.           // 如果该商品购物车里面不存在，造一个一维数组扔到二维里面
  29.           $arr[] = array('user' => $user, 'db' => $db, 'id' => $id, 'num' => 1);
  30.         }
  31.         $_SESSION["gwc"] = $arr;
  32.       }
  34.       ?>
  35.       console.log('addshopping');
  36.     }

根据数据加载列表

  1.     <!-- 购物车列表 -->
  2.     <?php
  3.     foreach ($_SESSION['gwc'] as  $dataList) {
  4.         $clean = array();
  5.         $clean['user'] = $dataList['user'];
  6.         $clean['db'] = $dataList['db'];
  7.         $clean['id'] = $dataList['id'];
  8.         $clean['num'] = $dataList['num'];
  10.         $res = $conn->fetchRow("SELECT * FROM {$clean['db']}  WHERE id={$clean['id']}");
  11.         $clean['title'] = $res['title'];
  12.         $clean['price'] = $res['price'];
  13.         $clean['face']  = $res['face'];
  15.     ?>
  16.         <div class="weui-content">
  17.             <div class="weui-panel weui-panel_access">
  19.                 <div class="weui-panel__hd"><span><?php echo  $clean['user']; ?> </span><a href="javascript:void(0)" class="wy-dele"><!-- 删除 --></a></div>
  21.                 <div class="weui-panel__bd">
  22.                     <div class="weui-media-box_appmsg pd-10">
  23.                         <div class="weui-media-box__hd check-w weui-cells_checkbox">
  24.                             <label class="weui-check__label" for="cart-<?php echo $clean['db'] . '-' . $clean['id'] ?>">
  26.                                 <div class="weui-cell__hd cat-check">
  27.                                     <input type="checkbox" class="weui-check" name="cartpro" id="cart-<?php echo $clean['db'] . '-' . $clean['id'] ?>"><i class="weui-icon-checked"></i>
  28.                                 </div>
  29.                             </label>
  30.                         </div>
  31.                         <div class="weui-media-box__hd"><a href="pro_info.php?db=<?php echo  $clean['db']; ?>&id=<?php echo  $clean['id']; ?>"><img class="weui-media-box__thumb" src="<?php echo  $clean['face'];  ?>" alt="" style="height: 100%"></a></div>
  32.                         <div class="weui-media-box__bd">
  33.                             <h1 class="weui-media-box__desc"><a href="pro_info.php?db=<?php echo  $clean['db']; ?>&id=<?php echo  $clean['id']; ?>" class="ord-pro-link"><?php echo  $clean['title'];  ?></a></h1>
  34.                             <p class="weui-media-box__desc">规格：<span>红色</span>，<span>23</span></p>
  35.                             <div class="clear mg-t-10">
  36.                                 <div class="wy-pro-pri fl">¥<em class="num font-15 price"><?php echo  $clean['price'];  ?></em></div>
  37.                                 <div class="pro-amount fr">
  38.                                     <!-- 的数量 -->
  39.                                     <input type="hidden" name="" class="datanum" value="<?php echo  $clean['num']; ?>">
  40.                                     <!-- 提交删除的数据 -->
  41.                                     <input type="hidden" name="" class="rmdata" value="shopping.php?db=<?php echo  $clean['db']; ?>&id=<?php echo  $clean['id'];?>">
  42.                                     <div class="Spinner"></div>
  43.                                 </div>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  50.             </div>
  51.         </div>
  52.     <?php }
  53.     ?>

删除选中的商品

  1. // echo '<pre>';
  2. // print_r($_SESSION['gwc']);
  3. // echo '</pre>';
  4. if(isset($_GET['db']) && isset($_GET['id'])){
  5.     $dataArr = $_SESSION['gwc'];
  6.     foreach ($dataArr as $key => $value) {
  7.         if($value['db'] == $_GET['db'] && $value['id'] == $_GET['id']){
  8.             unset($dataArr[$key]);
  9.         }
  10.     }
  11.     $_SESSION['gwc'] = $dataArr;
  12.     header("Location:shopping.php");
  13. }
  16. // echo '<pre>';
  17. // print_r( $dataArr);
  18. // echo '</pre>';

金额计算

  1.     <!-- 金额计算 -->
  2.     <script>
  3.         window.onload = function() {
  4.             var cartproAll = document.querySelectorAll('input[name=cartpro]');    
  5.             var datanum = document.querySelectorAll('.datanum');   
  6.             var numAll = document.querySelectorAll('.Amount');
  7.             var DisDe  = document.querySelectorAll('.DisDe');
  8.             var Increase  = document.querySelectorAll('.Increase');
  10.             //  数量的多少
  11.             numAll.forEach((item,i) => {
  12.                 item.value = datanum[i].value;
  13.             })
  15.             // 点击加号
  16.             DisDe.forEach((item, i) => {
  17.                 item.onclick = function() {
  18.                     computedPrice();
  19.                 }
  20.             })
  21.             // 点击减号
  22.             Increase.forEach((item, i) => {
  23.                 item.onclick = function() {
  24.                     computedPrice();
  25.                 }
  26.             })
  27.             // 点击单选时计算金额
  28.             cartproAll.forEach((item, i) => {
  29.                 item.onclick = function() {
  30.                     computedPrice();
  31.                 }
  32.             })
  33.         }
  34.         function computedPrice(){
  35.             var cartproAll = document.querySelectorAll('input[name=cartpro]');      //获取是否点击
  36.             var price = document.querySelectorAll('.price');                        //价钱
  37.             var price_total = document.querySelector('.price_total');               //价钱总数   
  38.             var numAll = document.querySelectorAll('.Amount');                      //数量
  39.             var total = 0;
  40.             price_total.innerHTML = 0;
  41.             cartproAll.forEach((item, i) => {
  42.                 if (item.checked == true) {
  43.                         total += parseFloat(price[i].innerHTML) * parseFloat(numAll[i].value);
  44.                     }
  45.             })
  46.             price_total.innerHTML = total;
  47.         }
  48.     </script>
上一条：细说命名空间下一条：PHP Composer - 依赖管理
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多