码迷,mamicode.com
首页 > 其他好文 > 详细

实例练习:购物车

时间:2018-02-15 10:30:58      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:start   post   int   循环   10个   添加   访问   jquer   格式化   

运用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

 

实例练习:购物车

标签:start   post   int   循环   10个   添加   访问   jquer   格式化   

原文地址:https://www.cnblogs.com/zxbs12345/p/8449196.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!