PHP+Mysql服装商城网上服装购物商城基于PHP服装商城的系统设计与实现（5）购物车列表

效果图

源代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黄菊华：H5+CSS3商城界面实战-购物车</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/gouwuche.css">
<script language="javascript">
function del(url)
{ if (confirm("确定要删除该信息？删除后不可恢复!")) { window.location.href=url;}
}
</script>
</head>
<body>
<?phprequire "conn.php";
?>
<form name="form1" method="post" action="gwc_xiadan.php" onSubmit="return jiesuan();" ><!--购物车-顶部导航-->
<div class="dingbu"><a href="index.php" class="dingbu_lianjie"><img src="img/back.png"  alt="" class="dingbu_lianjie_img" /></a><p class="dingbu_biaoti">购物车</p>
</div><iframe name="frm01" width="0" height="0" frameborder="0" src=""></iframe>
<script>
var feiyong=0;
//勾选单个购物车产品，计价处理
function jijia1(cs1,cs2) //参数：购物车的id，价格
{//alert(cs1+"  -  " +cs2);//document.getElementById("feiyong").innerHTML = cs2;feiyong=document.getElementById("feiyong").innerHTML;//alert(document.getElementById("xuhao"+cs1).checked)if(document.getElementById("xuhao"+cs1).checked==true){feiyong = Number(feiyong) + Number(cs2)*Number(document.getElementById("shu"+cs1).value);}else{feiyong = Number(feiyong) - Number(cs2)*Number(document.getElementById("shu"+cs1).value);}document.getElementById("feiyong").innerHTML = feiyong;
}
//增加数量
function jia(cs1,cs2,cs3)//参数：购物车的id，数量，价格
{//alert(cs1+" - " +cs2+" - " +cs3 );//更改数量显示document.getElementById("shu"+cs1).value = Number(document.getElementById("shu"+cs1).value) + Number(1);//alert(document.getElementById("shu"+cs1).value);//更改数据库中的数量frm01.location = "gwc_update_shuliang.php?cs_gwc_id="+cs1+"&cs_cp_shuliang=" +document.getElementById("shu"+cs1).valuefeiyong=document.getElementById("feiyong").innerHTML;if(document.getElementById("xuhao"+cs1).checked==true){feiyong = Number(feiyong)+Number(cs3);document.getElementById("feiyong").innerHTML = feiyong;}}
//减少数量
function jian(cs1,cs2,cs3)//参数：购物车的id，数量，价格
{//alert(cs1+" - " +cs2+" - " +cs3 );shu = document.getElementById("shu"+cs1).value;if(shu==1){alert("数量不能少于1");}else{document.getElementById("shu"+cs1).value = Number(document.getElementById("shu"+cs1).value)-Number(1)//更改数据库中的数量frm01.location = "gwc_update_shuliang.php?cs_gwc_id="+cs1+"&cs_cp_shuliang=" +document.getElementById("shu"+cs1).valuefeiyong=document.getElementById("feiyong").innerHTML;if(document.getElementById("xuhao"+cs1).checked==true){feiyong = Number(feiyong)-Number(cs3);feiyong=document.getElementById("feiyong").innerHTML = feiyong;}}
}
//全选
function  qx()
{if(document.getElementById("quanxian").checked==true){var objNameList=document.getElementsByName('xuhao[]');for(var i=0;i<objNameList.length;i++){  if(objNameList[i].checked==true){}else{objNameList[i].checked=true;var blm="jijia1(" + objNameList[i].value +  ")"eval(blm); //jijia1(cs1,cs2) //参数：购物车的id，价格}}}else{var objNameList=document.getElementsByName('xuhao[]');for(var i=0;i<objNameList.length;i++){  if(objNameList[i].checked==true){objNameList[i].checked=false;var blm="jijia1(" + objNameList[i].value +  ")"eval(blm); //jijia1(cs1,cs2) //参数：购物车的id，价格}else{}}}
}
//去结算
function jiesuan()
{var gouwushu = 0var objNameList=document.getElementsByName('xuhao[]');for(var i=0;i<objNameList.length;i++){  if(objNameList[i].checked==true){gouwushu = gouwushu + 1;}else{}}   if(gouwushu<=0){alert("请选择产品！");return false;}
}
</script><?php
$sql_gwc="select  * from gouwuche where u_id=".@$_COOKIE["h_id"]." and zt=1 order by id desc ";
$jieguo_gwc=mysqli_query($conn,$sql_gwc);
if(!$jieguo_gwc){die("不能获取数据");
}
while ($row_gwc=mysqli_fetch_array($jieguo_gwc,MYSQLI_ASSOC)){//购物车数据$var_gwc_id = $row_gwc["id"];$var_cp_shuliang = $row_gwc["cp_shuliang"];$var_jiage_chengjiao = $row_gwc["jiage_chengjiao"];//获取产品的信息$sql_xg="select * from shangpin where id=".$row_gwc["cp_id"];$jieguo_xg=mysqli_query($conn,$sql_xg);if(!$jieguo_xg){die("获取商品数据失败");}$xg_mingcheng="";$xg_lx_id1=0;$xg_lx_id2=0;$xg_kucun=0;$xg_yixiaoshou=0;$xg_jiage1=0;$xg_jiage2=0;$xg_jiage3=0;$xg_cp_tupian="";$xg_cp_tupian_yn=0; //有产品附图，默认0没有，1有$xg_cp_tupian1="";$xg_cp_tupian2="";$xg_cp_tupian3="";$xg_cp_tupian4="";$xg_zhuangtai_yn=0; //0默认在销，1下架$xg_tuijian_yn=0; //0默认不首页推荐，1首页推荐$xg_jianjie_yn=0; //0默认，1有$xg_jianjie="";$xg_neirong="";$xg_fabu_riqi="";//$xg_="";while ($row_xg=mysqli_fetch_array($jieguo_xg,MYSQLI_ASSOC)){//echo "{$row["id"]}"."{$row["cn"]}"."{$row["en"]}"."<br>";$xg_mingcheng=$row_xg["mingcheng"];$xg_lx_id1=$row_xg["lx_id1"];$xg_lx_id2=$row_xg["lx_id2"];$xg_kucun=$row_xg["kucun"];$xg_yixiaoshou=$row_xg["yixiaoshou"];$xg_jiage1=$row_xg["jiage1"];$xg_jiage2=$row_xg["jiage2"];$xg_jiage3=$row_xg["jiage3"];$xg_cp_tupian=$row_xg["cp_tupian"];$xg_cp_tupian_yn=$row_xg["cp_tupian_yn"]; //有产品附图，默认0没有，1有$xg_cp_tupian1=$row_xg["cp_tupian1"];$xg_cp_tupian2=$row_xg["cp_tupian2"];$xg_cp_tupian3=$row_xg["cp_tupian3"];$xg_cp_tupian4=$row_xg["cp_tupian4"];$xg_zhuangtai_yn=$row_xg["zhuangtai_yn"];; //0默认在销，1下架$xg_tuijian_yn=$row_xg["tuijian_yn"];; //0默认不首页推荐，1首页推荐$xg_jianjie_yn=$row_xg["jianjie_yn"];; //0默认，1有$xg_jianjie=$row_xg["jianjie"];$xg_neirong=$row_xg["neirong"];$xg_fabu_riqi=$row_xg["fabu_riqi"];//$xg_=$row[""];}
?>       <!--购物车-产品列表-->
<div class="gwc_cp"><!--购物车-产品列表-单号栏--><div class="dingdan_hao"><div class="dingdan_hao_zuo">时间：<?php echo $row_gwc["shijian_gouwuche"] ?></div><a  class="dingdan_hao_you" style="cursor:hand;" onClick=del("gwc_del.php?cs_gwcid=<?php echo $row_gwc["id"] ?>") ><img src="img/del.png" alt="" class="dingdan_hao_you_img" /></a></div><!--购物车-产品区块制作--><div class="gwc_cp_xiangmu"><!--购物车-产品区块制作-左侧-选择项--><div class="gwc_cp_xiangmu_xuanzhhe"><input type="checkbox" class="gwc_cp_xiangmu_xuanzhhe_chk"  onChange="jijia1(<?php echo $var_gwc_id ?>,<?php echo $var_jiage_chengjiao ?>)" id="xuhao<?php echo $var_gwc_id ?>" name="xuhao[]" value="<?php echo $var_gwc_id ?>,<?php echo $var_jiage_chengjiao ?>"/>            </div><!--购物车-产品区块制作-中间-图片--><div class="gwc_cp_xiangmu_tupian"><img src="/up/<?php echo $xg_cp_tupian ?>"  class="gwc_cp_xiangmu_tupian_img" /></div><!--购物车-产品区块制作-右侧-产品信息--><div class="gwc_cp_xiangmu_xinxi"><div class="gwc_cp_xiangmu_xinxi_biaoti"><?php echo $row_gwc["cp_mingcheng"] ?></div><div class="gwc_cp_xiangmu_xinxi_shuxing">库存：<?php echo $xg_kucun ?> |  已销售：<?php echo $xg_yixiaoshou ?></div><!--购物车-产品区块制作-右侧-产品信息-价格--><div class="gwc_cp_xiangmu_xinxi_jiage"><div class="gwc_cp_xiangmu_xinxi_jiage_zuo"><span style="color:#999; font-size: 12px;"><strike>¥ <?php echo $row_gwc["jiage_shichang"] ?></strike></span>&nbsp;&nbsp;¥ <?php echo $row_gwc["jiage_chengjiao"] ?></div><div class="gwc_cp_xiangmu_xinxi_jiage_you"><!--减少产品数量--><img src="img/jian1.png" class="gwc_cp_xiangmu_xinxi_jiage_you1" onClick="jian(<?php echo $var_gwc_id ?>,<?php echo $var_cp_shuliang ?>,<?php echo $var_jiage_chengjiao ?>)"/>                    <input type="text" class="gwc_cp_xiangmu_xinxi_jiage_you2" size="2"   value="<?php echo $var_cp_shuliang ?>" id="shu<?php echo $var_gwc_id ?>" name="shu"/>                   <!--增加产品数量--><img src="img/jia1.png" class="gwc_cp_xiangmu_xinxi_jiage_you3" onClick="jia(<?php echo $var_gwc_id ?>,<?php echo $var_cp_shuliang ?>,<?php echo $var_jiage_chengjiao ?>)"/></div></div></div></div></div>
<div class="huise10"></div><?php}
?><div class="dibu_jiesuan"><div class="dibu_jiesuan_zuo"><input  type="checkbox" class="dibu_jiesuan_zuo_chk" id="quanxian" name="quanxian" onChange="qx();" /><label for="quanxian">全选</label>        </div><div class="dibu_jiesuan_zhong">合计：¥ <span id="feiyong"></span></div><input type="submit" value="去结算"    class="dibu_jiesuan_you" >
</div></form></body>
</html>

参考网址：www.pc-365.net

PHP+Mysql服装商城网上服装购物商城基于PHP服装商城的系统设计与实现（5）购物车列表相关推荐

基于SSH在线服装销售系统（购物商城）
基于S2SH在线服装销售系统(购物商城)(大作业/毕业设计) 开发环境: Windows操作系统开发工具:MyEclipse(Eclipse)+Jdk+Tomcat+MYSQL数据库运行效果图: ...
HTML5期末大作业：时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装
HTML5期末大作业:时尚服装购物网站设计--时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电 ...
HTML5期末大作业：服装购物网站设计——粉色服装购物商城(4页) 服装购物商城网页设计作品大学生购物专题网页设计作业模板商店静态HTML网页模板下载
HTML5期末大作业:服装购物网站设计--粉色服装购物商城(4页) 服装购物商城网页设计作品大学生购物专题网页设计作业模板商店静态HTML网页模板下载常见网页设计作业题材有个人. 美食. 公司 ...
HTML+CSS+JS大作业：服装购物网站设计——粉色服装购物商城(4页) 服装购物商城网页设计作品大学生购物专题网页设计作业模板商店静态HTML网页模板下载
HTML5期末大作业:服装购物网站设计--粉色服装购物商城(4页) 文章目录 HTML5期末大作业:服装购物网站设计--粉色服装购物商城(4页) 一.作品展示二.文件目录三.代码实现四.学习资料 ...
HTML+CSS+JS期末大作业：时尚服装购物网站设计——时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装
HTML5期末大作业:时尚服装购物网站设计--时尚服装购物商城(16页) 关于时尚购物HTML网页设计-----服装文章目录 HTML5期末大作业:时尚服装购物网站设计--时尚服装购物商城(16页) ...
网上商城系统JavaWeb购物商城商城项目Servlet+JSP+MySQL
** 网上商城系统JavaWeb购物商城** 难度指数(中低等) 一.项目简述 This is some text! 功能: 主页显示热销商品: 所有商品展示,可进行商品搜索: 点击商品进入商品详情页 ...
mysql基于WebStorm服装购物网站的设计与实现毕业设计源码281444
摘要随着社会的发展,计算机的优势和普及使得服装购物网站的开发成为必需.服装购物网站主要是借助计算机,通过对首页.站点管理(轮播图.公告栏)用户管理(管理员.普通用户)内容管理(交流论坛.论坛分类 ...
基于HTML服装商城项目的设计与实现
XXXX职业学院毕业论文题目: 基于HTML服装商城项目的设计与实现所属系部: 信息工程学院专业班级: 学生姓名: 指导教师: 2020 年 11 月 29 日摘要美萌服饰网上商 ...
网上商城Eshop综合购物平台毕业设计
技术:Java.JSP等摘要: 互联网的迅速发展为人们提供了更多的购物方式,网上商店就是目前组主流的网上购物方式之一.人们可以足不出户,在电脑前就可以获得自己所需要的商品.本论文设计就是利用JSP技 ...
javaweb基于SSM开发网上电子购物商城系统+论文+PPT 课程设计毕业设计源码
基于SSM开发网上电子购物商城系统+论文+PPT:(毕业设计/课程设计) 开发工具: MyEclipse(eclipse/idea)+Jdk+Tomcat+MySQL数据库演示视频: 基于SSM开发 ...

PHP+Mysql服装商城网上服装购物商城基于PHP服装商城的系统设计与实现（5）购物车列表

效果图

源代码

PHP+Mysql服装商城网上服装购物商城基于PHP服装商城的系统设计与实现（5）购物车列表相关推荐

最新文章

热门文章

PHP+Mysql服装商城 网上服装购物商城 基于PHP服装商城的系统设计与实现（5）购物车列表

效果图

源代码

PHP+Mysql服装商城 网上服装购物商城 基于PHP服装商城的系统设计与实现（5）购物车列表相关推荐

最新文章

热门文章

PHP+Mysql服装商城网上服装购物商城基于PHP服装商城的系统设计与实现（5）购物车列表

PHP+Mysql服装商城网上服装购物商城基于PHP服装商城的系统设计与实现（5）购物车列表相关推荐