zoukankan      html  css  js  c++  java
  • 实例练习:购物车

    运用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
  • 相关阅读:
    javascript的alert的使用
    UIGestureRecognizer对图像进行缩放、移动、旋转操作
    对开源库使用 AutoCAD 文件格式
    计算机图形学常用算法
    KMP字符串模式匹配详解
    C++面试题String函数实现
    c++虚函数解析
    c++内存分配
    win32编程入门
    C++中Int转换成String
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/8449196.html
Copyright © 2011-2022 走看看