实例练习：购物车
运用session实现购物车的内容的存储，
数据库包含4个表分别为
1.login表，每列代表用户名、姓名、密码、余额
2.fruit表，每列代表主键自增长列、商品名称、商品单价、产地、堆数、库存
3.orders表，每列代表订单编号、用户名、订单形成时间
4.orderdetails表，每列代表主键自增长列、订单编号、商品编号、数量
共10个网页，功能有登录验证，防止绕过登录，购物车添加、删除、清除，查询账户，提交订单等
1.
<!--这里是登录页面gwc-2-d.php，用于登录购物网站，登录成功会跳转到主页面gwc-1-zhu.php--> <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="../js/jquery-3.3.1.min.js"></script> </head> <body> <h1>登录</h1> <!--以下分别是用户名栏，密码栏和登录按钮--> <div>用户名<input type="text" name="uid" id="uid"></div> <div>密码<input type="password" name="pwd" id="pwd"></div> <input type="submit" value="登录" id="dl"> </body> <script type="text/javascript"> $("#dl").click(function(){ //给登录按钮添加点击事件 var uid = $("#uid").val(); //分别取出用户名栏和密码栏内填的内容 var pwd = $("#pwd").val(); $.ajax({ url:"gwc-3-yan.php", //处理页面为gwc-3-yan.php type:"post", //传输方式为post dataType:"text", //传回格式为text data:{uid:uid,pwd:pwd}, //传输的数据为用户名栏和密码栏内填的内容 success: function(e){ //回调函数判断执行结果，验证成功跳转到主页面，失败弹出提示 if(e=="1"){ window.location.href="gwc-1-zhu.php"; }else if(e=="0"){ alert("用户名或密码错误！"); } } }) }) </script> </html>
2.
<?php //这里是gwc-3-yan.php，是gwc-2-d.php的ajax的处理页面，用来验证用户名密码是否正确，正确返回1，错误返回0 session_start(); //开启session require_once("../DBDA.class.php"); //引入数据库连接类 $db = new DBDA(); $uid = $_POST["uid"]; //取出传输的用户名栏和密码栏内填的内容 $pwd = $_POST["pwd"]; $sql = "select password from login where username = '{$uid}'"; //创建SQL语句，以传过来的用户名查询密码 $mm = $db->strquery($sql); //以返回字符串方法执行SQL语句并用$mm接收 if($pwd==$mm){ //判断传过来的密码和查询出来的密码是否相同 $_SESSION["user"] = $uid; //相同说明验证成功，把用户名值赋予$_SESSION["user"]并返回1 echo "1"; }else{ echo "0"; //不相同说明验证失败返回0 }
3.
<!--这里是主页面gwc-1-zhu.php，显示商品的具体信息--> <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="../js/jquery-3.3.1.min.js"></script> </head> <?php
session_start(); //开启session if(empty($_SESSION["user"])){ //防止绕过登录访问 header("location:gwc-2-d.php"); exit; }
?> <body> <a href="gwc-1-zhu.php">查看商品</a> <!--查看商品跳转到自己--> <a href="gwc-9-chauser.php">查看账户</a><!--查看账户，跳转到gwc-9-chauser.php--> <a href="gwc-6-chagwc.php">查看购物车</a><!--查看购物车内容，跳转到gwc-6-chagwc.php--> <a href="gwc-5-qinggwc.php">清空购物车</a><!--清空购物车，跳转到处理页面gwc-5-qinggwc.php--> <a href="gwc-10-qing.php">退出</a><!--退出登录，跳转到处理页面gwc-10-qing.php--> <div id="xianshi"></div> <!--用于显示购物车中商品的种类数和总价--> <!--用于显示商品内容的表格--> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>水果名称</td> <td>水果价格</td> <td>水果产地</td> <td>水果库存</td> <td></td> </tr> <?php
require_once("../DBDA.class.php"); //引用数据库连接类 $db = new DBDA(); $sql = "select * from fruit "; //创建SQL语句，查询水果表的所有内容 $arr = $db->query($sql); //执行SQL语句并用$arr接收 foreach($arr as $v){ //遍历并输出商品内容 echo " <tr> <td>{$v[1]}</td> <td>{$v[2]}</td> <td>{$v[3]}</td> <td>{$v[5]}</td> <td><a ><input type='button' class='tj' code='{$v[0]}' value='添加'></a></td> </tr>"; }
?> </table> </body> <script type="text/javascript"> var code = ""; //设置空的变量code jiaZai(); //执行jiaZai()方法 /* jiaZai()方法用来实时显示购物车中商品的种类和总价格 */ function jiaZai(){ $.ajax({ url:"gwc-4-add.php", //处理页面是gwc-4-add.php data:{code:code}, //传值是code值 dataType:"text", //传回的值的格式 type:"POST", //传值方式为post success: function(e){ //回调函数，最终显示购物车中的商品数量和总价格 var attr = e.split("|"); var str = "选中了"+attr[0]+"种水果，价格共"+attr[1]+"元。" ; $("#xianshi").html(str); } }) } $(".tj").click(function(){ code = $(this).attr("code"); //给code赋值,值为点击的那栏商品的code值 jiaZai(); }) </script> </html>
4.
<?php //这里是gwc-4-add.php，是gwc-1-zhu.php的ajax的处理页面，用来把购物车内容传入session中并根据用户操作修改购物车的session，并且输出购物车中商品种类数和总价 session_start(); //开启session require_once("../DBDA.class.php"); //引入数据库连接类 $db = new DBDA(); if(!empty($_POST["code"])){ //判断$_POST["code"]是否为非空，为空说明没有点击，非空执行之后的代码 $code = $_POST["code"]; //接收code值 if(empty($_SESSION["gwc"])){ //判断$_SESSION["gwc"]是否为空 $arr = array(array($code,1)); //$_SESSION["gwc"]为空则创建一个二维数组，数组中包含的一个小数组是code值和数字1组成的，代表存入一个此商品 $_SESSION["gwc"] = $arr; //将新建的数组赋予$_SESSION["gwc"] }else if(panDuan($_SESSION["gwc"],$code)){ //判断$_SESSION["gwc"]的数组中是否有包含含有code的数组 $arr = $_SESSION["gwc"]; //如果有说明添加的商品已经存在于购物车中,将$_SESSION["gwc"]赋值给$arr foreach($arr as $k=>$v){ //遍历出此code的数组，将代表数量的数字加一，注意这里要取出此code所在数组的索引，以直接操作数组而不是代表值$v if($v[0]==$code){ $arr[$k][1]++; } $_SESSION["gwc"] = $arr; //将修改后的二维数组重新赋值给$_SESSION["gwc"] } }else{ //判断出$_SESSION["gwc"]的数组中不包含含有code的数组 $arr1 = array($code,1); //创建一个数组包含code和数字1，代表存入一个此商品 $_SESSION["gwc"][] = $arr1; } } if(!empty($_SESSION["gwc"])){ //判断$_SESSION["gwc"]是否为非空， $arr = $_SESSION["gwc"]; //不为空则将$_SESSION["gwc"]交给$arr $count = count($arr); //取$arr的元素数量代表商品种类数 $zj=0; //设$zj代表总价格 foreach($arr as $v){ //遍历查询累加价格 $sql = "select price from fruit where ids = '{$v[0]}'"; //创建SQL语句，查询商品单价 $dj = $db->strquery($sql); //执行SQL语句把单价交给$dj $zj += $v[1]*$dj; //累加总价 } echo "{$count}|{$zj}"; //输出返回值为 商品种类数|总价 格式 }else{ echo "0|0"; //购物车为空返回 0|0 } /* *用来判断一个二维数组$arr中某个数组中是否包含某个元素$x *@param $arr 二维数组 *@param $x 元素 *@return 返回true或者false */ function panDuan($arr,$x){ $result = false; foreach($arr as $v){ if($v[0]==$x){ $result = true; } } return $result; }
5.
<?php //这里是gwc-5-qinggwc.php，是gwc-1-zhu.php点击清空购物车后跳转过来的处理页面，用来清空购物车的session session_start(); //开启session unset($_SESSION["gwc"]); //清除购物车session header("location:gwc-1-zhu.php"); //跳转到主页面gwc-1-zhu.php
6.
<!--这里是gwc-6-chagwc.php，是主页面gwc-1-zhu.php中点击查看购物车跳转过来的页面，可以显示购物车的具体内容，操作购物车内容（删除商品个数），显示选中商品的总价格，提交购物车内容形成订单--><!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="../js/jquery-3.3.1.min.js"></script> </head> <?php
session_start(); //开启session if(empty($_SESSION["user"])){ //防止绕过登录访问 header("location:gwc-2-d.php"); exit; } require_once("../DBDA.class.php"); //引入数据库连接类 $db = new DBDA();
?> <body> <!--用于显示购物车的内容--> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>水果名称</td> <td>水果单价</td> <td>水果数量</td> <td>操作</td> </tr> <?php
if(!empty($_SESSION["gwc"])){ //判断$_SESSION["gwc"]是否非空 $arr = $_SESSION["gwc"]; //非空将$_SESSION["gwc"]交给$arr foreach($arr as $v){ //遍历数组 $sql = "select name,price from fruit where ids = '{$v[0]}'";//创建SQL语句，查询商品名和单价 $arr1 = $db->query($sql); //执行SQL语句并用数组接收 echo "<tr> <td>{$arr1[0][0]}</td> <td>{$arr1[0][1]}</td> <td>{$v[1]}</td> <td><input type='button' class='sc' code='{$v[0]}' value='删除'></td> </tr>"; //输出表格，包括商品名，单价，选中数量，操作按钮，操作按钮中包含自定义属性code，值为商品的主键值 } $zj=0; //设$zj代表总价格 foreach($arr as $v){ //遍历查询累加总价 $sql = "select price from fruit where ids = '{$v[0]}'"; $dj = $db->strquery($sql); $zj += $v[1]*$dj; } echo "<div>总计{$zj}元</div>"; //输出总价 }
?> </table> <input type="button" value="提交订单" id="tj"><!--提交订单按钮--> <div id="tishi"></div> <!--输出提示内容--> </body> <script type="text/javascript"> $(".sc").click(function(){ //给所有删除按钮添加点击事件 var code = $(this).attr("code"); //取出删除按钮对应的商品的主键值code $.ajax({ //用于删除商品个数 type:"post", data:{code:code}, //传值为code值 dataType:"text", url:"gwc-7-delete.php", //处理页面为gwc-7-delete.php success: function(e){ //回调函数会刷新页面 window.location.href="gwc-6-chagwc.php"; } }) }) $("#tj").click(function(){ //给提交按钮添加点击事件 $.ajax({ dataType:"text", url:"gwc-8-tijiao.php", //处理页面是gwc-8-tijiao.php success: function(e){ //回调函数判断传回结果执行不同代码 if(e=="0"){ $("#tishi").html("余额不足"); //返回0提示余额不足 } if(e=="1"){ $("#tishi").html("库存不足"); //返回1提示库存不足 } if(e=="2"){ window.location.href='gwc-1-zhu.php'; //返回2跳转到主页面gwc-1-zhu.php } } }) }) </script> </html>
7.
<?php //这里是gwc-7-delete.php，是gwc-6-chagwc.php的处理页面之一，用于删除购物车中商品数量 session_start(); //开启session $code = $_POST["code"]; //接收$_POST["code"]和$_SESSION["gwc"] $arr = $_SESSION["gwc"]; foreach($arr as $k=>$v){ //循环遍历 if($v[0]==$code && $v[1]>1){ //判断此code的数量是否大于一，大于一则数量减一 $arr[$k][1]--; $_SESSION["gwc"] = $arr; }else if($v[0]==$code && $v[1]=1){ //判断此code数量是否为一，为一则清除此code所在的数组 unset($arr[$k]); $_SESSION["gwc"] = $arr; } }
8.
<?php //这里是gwc-8-tijiao.php，是gwc-6-chagwc.php的处理页面之一，用于将购物车的内容形成订单提交给数据库 session_start(); //开启session require_once("../DBDA.class.php"); //引入数据库连接类 $db = new DBDA(); $user = $_SESSION["user"]; //取出user值 if(!empty($_SESSION["gwc"])){ //判断$_SESSION["gwc"]是否非空 $arr = $_SESSION["gwc"]; //非空则用数组接收$_SESSION["gwc"] $count = count($arr); //取出数组的元素个数作为商品种类数 $zj=0; //设$zj为总价 $kc=0; //设$kc为库存 foreach($arr as $v){ //循环遍历 $sql = "select price from fruit where ids = '{$v[0]}'"; //创建SQL语句查询单价 $sql1 = "select numbers from fruit where ids = '{$v[0]}'"; //创建SQL语句查询库存 $dj = $db->strquery($sql); //执行SQL语句并把值赋予$dj和$kc $kc = $db->strquery($sql1); $zj += $v[1]*$dj; //累加总价 if($kc<$v[1]){ //判断库存是否小于选中的该商品选中的数量 echo "1"; //小于则返回1，并停止执行之后的代码 exit; } } $sql = "select account from login where username = '{$user}'"; //创建SQL语句查询用户的账户余额 $yue = $db->strquery($sql); //执行SQL语句并用$yue接收 if($yue<$zj){ //判断余额是否小于总价 echo "0"; //小于则返回0并停止执行之后的代码 exit; } $msy = $yue-$zj; //$msy为用户余额减总价 $time = date("Y-m-d H:i:s"); //$time为当前的格式化时间 $arr = $_SESSION["gwc"]; //$arr接收$_SESSION["gwc"] $code = $user.time(); //$code为用户名和当前时间戳的拼接 $sql1 = "insert into orders values('{$code}','{$user}','{$time}') "; //创建SQL语句，给orders添加数据 $db->query($sql1,1); $sql2 = "update login set account={$msy} where username='{$user}' "; //创建SQL语句，修改用户余额 $db->query($sql2,1); foreach($arr as $v){ $sql3 = "update fruit set numbers=numbers-{$v[1]} where ids = '{$v[0]}' "; //创建SQL语句，修改对应商品的库存 $db->query($sql3,1) ; } foreach($arr as $v){ $sql4 = "insert into orderdetails values(0,'{$code}','{$v[0]}','{$v[1]}')"; //创建SQL语句给orderdetails添加数据 $db->query($sql4,1); } unset($_SESSION["gwc"]); //清除购物车的session echo "2"; //返回2 }
9.
<!--这里是gwc-9-chauser.php，是gwc-1-zhu.php点击查看账户跳转过来的页面，显示用户的信息和余额--> <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <?php
session_start(); //开启session if(empty($_SESSION["user"])){ //防止绕过登录访问 header("location:gwc-2-d.php"); exit; }
?> <body> <!--用于显示用户信息的表格--> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td>用户名</td> <td>姓名</td> <td>余额</td> </tr> <?php
require_once("../DBDA.class.php"); //引入数据库连接类 $db = new DBDA(); $user = $_SESSION["user"]; //取user值 $sql = "select * from login where username = '{$user}'"; //创建SQL语句查询该user的数据 $arr = $db->query($sql); //执行SQL语句并用$arr接收 echo "<tr> <td>{$arr[0][0]}</td> <td>{$arr[0][1]}</td> <td>{$arr[0][3]}</td> </tr>"; //输出数据
?> </table> </body> </html>
10.
<?php //这里是gwc-10-qing.php，是gwc-1-zhu.php点击退出跳转过来的处理页面，用来清除所有session值 session_start(); //开启session unset($_SESSION["user"],$_SESSION["gwc"]); //清除$_SESSION["user"]和$_SESSION["gwc"] header("location:gwc-2-d.php"); //跳转到登录页面gwc-2-d.php
