• 例子:购物车的简单实现


    购物车例子:

    登录界面:验证用户名与密码是否匹配

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="../jquery-1.11.2.min.js"></script>
    <title>无标题文档</title>
    </head>
    
    <body>
    
    <div>账号:<input type="text" id="uid" /></div>
    <div>密码:<input type="text" id="pwd" /></div>
    <input type="button" value="登录" id="btn" />
    
    </body>
    </html>
    <script type="text/javascript">
    $("#btn").click(function(){
        var u = $("#uid").val();
        var p = $("#pwd").val();
    
        $.ajax({
            url:"zhuyecl.php",
            data:{u:u,p:p},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                
                if(data.trim()=="OK")
                {
                    window.location.href="denglu.php";
                }
                else
                {
                    alert("账号或密码错误");
                }
                
                }
            
            
            })
    
        })
    
    </script>

    php处理登录:

    <?php
    session_start();
    $uid = $_POST["u"]; 
    $pwd = $_POST["p"];
    
    include("../fengzhuang.class.php");
    
    $db = new fengzhuang();
    
    $sql = "select password from login where username='{$uid}'";
    
    $mm = $db->strquery($sql);
    
    if($mm = $pwd && $pwd!="")
    {
        $_SESSION["uid"]=$uid;    //把用户名存入session
        echo "OK";
    }
    else
    {
        echo "NO";
    }

    商品显示主页:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>无标题文档</title>
    <style type="text/css">
    .dh{ 100px; height:60px; color:#C06}
    .dh:hover{ color:#FFF; background-color:#069; border-radius:7px; cursor:pointer}
    </style>
    </head>
    
    <body>
    
    <!--背景色-->
    <div style=" 1347px; height:600px; background-color:#09C"></div>
    
    <!--标题-->
    <div style="font-size:35px; color:#FFF; position:relative; margin-top:-550px; margin-left:550px; font-weight:bold">大苹果购物网</div>
    
    <!--显示出来的水果表信息-->
    <div style="700px; position:relative; top:100px; left:400px; text-align:center; line-height:30px; vertical-align:middle; font-weight:bold">
    <table width="700" cellpadding="0" cellspacing="0" style="background-color:#069; border-radius:8px">
        <tr>
            <td>代号</td>
            <td>水果名称</td>
            <td>水果价格</td>
            <td>原产地</td>
            <td>货架</td>
            <td>库存量</td>
            <td>操作</td>
        </tr>
           
           
           <?php
    
    include("../fengzhuang.class.php");
    $db = new fengzhuang();
    
    $sql = "select ids,name,price,source,shelves,numbers from fruit";
    
    $attr = $db->query($sql);
    
    foreach($attr as $v)
    {
        echo "<tr style='background-color:white'>
            <td>{$v[0]}</td>
            <td>{$v[1]}</td>
            <td>{$v[2]}</td>
            <td>{$v[3]}</td>
            <td>{$v[4]}</td>
            <td>{$v[5]}</td>
            <td><a href='goumai.php?code={$v[0]}'>购买</a></td>
            </tr>";
    }
    
    ?>
    </table>
    </div>
    
    <!--导航-->
    <div style=" 100px; position:relative; margin-top:-100px; margin-left:270px; line-height:60px; text-align:center; 
    vertical-align:middle; background-color:#FFF; border-radius:7px"> <a href="main.php"><div class="dh">浏览商品</div></a> <a href="zhanghu.php"><div class="dh">查看账户</div></a> <a href="gouwuche.php"><div class="dh">查看购物车</div></a> </div> <!--技术链接--> <div style=" 200px; color:#FFF; position:relative; font-size:20px; position:relative; top:120px; left:580px">天启网络版权所有</div> </body> </html>

    点击购买处理页面:

    <?php
    session_start();
    $code = $_GET["code"];
    
    //因为购买的数量增加,不能只存一个主键值,还要存数量,用二维数组存
    if(empty($_SESSION["gwc"]))
    {
        //第一次点击购买
        $attr = array(array($code,1));
        $_SESSION["gwc"] = $attr;
    }
    else
    {
        //不是第一次点击购买
        $attr = $_SESSION["gwc"];
        
        $bs = 0;
        foreach($attr as $k=>$v)        //复制一份给予V 可以进行判断、读取,但不可以进行操作
        {
            if($v[0]==$code)
            {
                $bs=1;
                $attr[$k][1] = $attr[$k][1]+1;    //水果代号出现加1
            }
        }
        //如果没有在数组里面出现
        if($bs==0)
        {
            $shuzu = array($code,1);
            $attr[] = $shuzu;
        }
        $_SESSION["gwc"]=$attr;
    }

    点击查看购物车,跳转界面,实现当点击购买时数量增加,点击删除时数量减少

    <?php
    session_start();
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>无标题文档</title>
    <style type="text/css">
    .dh{ width:100px; height:60px; color:#C06}
    .dh:hover{ color:#FFF; background-color:#069; border-radius:7px; cursor:pointer}
    </style>
    </head>
    
    <body>
    
    <!--背景色-->
    <div style=" 1347px; height:600px; background-color:#09C"></div>
    
    <!--标题-->
    <div style="font-size:35px; color:#FFF; position:relative; margin-top:-550px; margin-left:550px; font-weight:bold">大苹果购物网</div>
    
    <!--显示出来的水果表信息-->
    <div style="700px; position:relative; top:100px; left:400px; text-align:center; line-height:30px; vertical-align:middle; font-weight:bold">
    <table width="700" cellpadding="0" cellspacing="0" style="background-color:#069; border-radius:8px">
        <tr>
            <td>商品名称</td>
            <td>商品单价</td>
            <td>购买数量</td>
            <td>操作</td>
        </tr>
           
           
    <?php
    include("../fengzhuang.class.php");
    $db = new fengzhuang();
    
    $attr = array();
    if(!empty($_SESSION["gwc"]))
    {
        $attr = $_SESSION["gwc"];
    }
    foreach($attr as $v)
    {
        $sql = "select name,price from fruit where ids='{$v[0]}'";
        $ashuiguo = $db->query($sql);
        
        echo "<tr><td>{$ashuiguo[0][0]}</td><td>{$ashuiguo[0][1]}</td><td>{$v[1]}</td><td>删除</td></tr>";
    }
    
    ?>
    </table>
    </div>
    
    <!--导航-->
    <div style=" 100px; position:relative; margin-top:-100px; margin-left:270px; line-height:60px;
    text-align:center; vertical-align:middle; background-color:#FFF; border-radius:7px"
    > <a href="main.php"><div class="dh">浏览商品</div></a> <a href="zhanghu.php"><div class="dh">查看账户</div></a> <a href="gouwuche.php"><div class="dh">查看购物车</div></a> </div> <!--技术链接--> <div style=" 200px; color:#FFF; position:relative; font-size:20px; position:relative; top:120px; left:580px">天启网络版权所有</div> </body> </html>

    建删除界面(纯php操作):

    <?php
    session_start();
    $sy = $_GET["sy"];
    
    $attr = $_SESSION["gwc"];
    
    if($attr[$sy][1]>1)
    {
        //如果数量大于1,减1
        $attr[$sy][1] = $attr[$sy][1]-1;
    }
    else
    {
        //如果数量小雨1,直接移除
        unset($attr[$sy]);
        $attr = array_values($attr);
    }
    $_SESSION["gwc"]=$attr;
    
    header("location:gouwuche.php");

    动态显示购买的商品信息(在主页内嵌入php代码):

    //首先开启session
    <?php
    session_start();
    
    include("../fengzhuang.class.php");
    $db = new fengzhuang();
    ?>
    
    //在表格上面加php代码,用div显示一句话 <?php $agwc = array(); if(!empty($_SESSION["gwc"])) { $agwc = $_SESSION["gwc"]; } $zhonglei = count($agwc); //种类数量 $sum = 0; //总价格之和 foreach($agwc as $v) { $sql = "select price from fruit where ids='{$v[0]}'"; $danjia = $db->strquery($sql); $sum = $sum+$danjia*$v[1];//单加乘以数量 } echo "<div>购物车中有:{$zhonglei}种商品,总价格为:{$sum}元.</div>"; ?>

    订单操作、在购物车界面加提示

    <div id="tj">提交订单</div><div id="ts"></div>        //在这里加在表格下了

    在购物车界面嵌入ajax代码:
    <script type="text/javascript">
    $("#tj").click(function() {
        $.ajax({
            url:"dingdan.php",
            dataType:"TWXT",
            success: function(){
                
                if(data.trim()=="OK")
                {
                    alert("购买成功");
                }
                else if(data.trim()=="YEBZ")
                {
                    $("#ts").html("余额不足")
                    $("#ts").css("color","red")
                }
                else
                {
                    $("#ts").html(data)
                    $("#ts").css("color","red")
                }
            }
            
        })
    });
    
    
    </script>

    订单处理界面:

    <?php
    session_start();
    include("../fengzhuang.class.php");
    $db = new fengzhuang();
    
    $uid = $_SESSION["uid"];
    $attr = array();
    if(!empty($_SESSION["gwc"]))
    {
        $attr = $_SESSION["gwc"];
    }
    
    //看下两个条件是否都满足
    $bs = true;
    
    
    
    //判断余额是否满足
    
        //根据用户名找余额
        $syue = "select account from login where username='{$uid}'";
        $yue = $db->strquery($syue);
        
        //根据购物车数组取总金额
        $sum = 0;  //总价格之和
    foreach($agwc as $v)
    {
        $sql = "select price from fruit where ids='{$v[0]}'";
        $danjia = $db->strquery($sql);
        
        $sum = $sum+$danjia*$v[1];//单加乘以数量
    }
    if($yue<$sum)
    {
        $bs=false;
        echo "YEBZ";
        exit;
    }
    
    
    
    
    //判断库存是否满足
    
    foreach($attr as $v)
    {
        $skucun = "select name,numbers from fruit where ids='{$v[0]}'";
        $akucun = $db->query($skucun);
        if($akucun[1]<$v[1])
        {
            $bs=false;
            echo "{$akucun[0]}库存不足!";
            exit;
        }
    }
    
    
    
    
    //添加订单,减库存,减余额
    if($bs)
    {
        //减库存
        foreach($attr as $v)
        {
            $sql = "update fruit set numbers = numbers-{$v[1]} where ids='{$v[0]}'";
            $db->query($sql,0);
        }
        
        //减余额
        $jianyue="undate login set account=account-{$sum} where ids='{$v[0]}'";
        $db->query($jianyue,0);
        
        //添加订单
        $dingdanhao = $uid+date("YmdHis");
        $t = time();
        
        $sorder = "insert into orders values('{$dingdanhao}','{$uid}','{$t}')";
        
        $db->query($sorder,0);
        //订单详情表
        foreach($attr as $v)
        {
            $sxq = "insert into orderdetails values('','{$dingdanhao}','{$v[0]}','$v[1]')";
            $db->query($sxq,0);
        }
    }
    echo "OK";

    查看账户:

    <?php
    session_start();
    $uid = $_SESSION['uid'];
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title><br />
    <style type="text/css">
    .list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
    </style>
    </head>
    <body>
    <div style="100%; height:100px; background-color:#6CC">
        <h1 style="float:left">大苹果商城</h1>
        <a style="float:right; margin-top:40px" href="zhuxiao.php">注销</a>
    </div>
    <br />
    <div style="100%; height:600px">
        <div id="left" style="20%; float:left">
            <a href="main.php"><div class="list">浏览商品</div></a>
            <a href="zhanghu.php"><div class="list">查看账户</div></a>
            <a href="gouwuche.php"><div class="list">查看购物车</div></a>
        </div>    
        <div id="right" style="80%; height:150px; float:left">
    <?php
            include("../DBDA.class.php");
            $db = new DBDA();
            $sql = "select Account from login where UserName='{$uid}'";
            $result = $db->strQuery($sql);
            
            echo ("您的账户中还剩余".$result);
    ?>
        </div>
    </div>
    
    </body>
    </html>
  • 相关阅读:
    Android AndroidManifest 清单文件以及权限详解!【转】
    java的几个版本以及jre,jdk等概念——【转载】JDK、Java SE、Java EE、Java ME我该选
    eclipse中的两种Jre 及 Jre与Jdk的区别
    LAMP_yum安装
    CentOS7修改主机名(hostname)
    Linux下U盘挂载
    mount命令
    vmware虚拟机无法连接网络
    shell中awk printf的用法
    scp命令
  • 原文地址:https://www.cnblogs.com/u1020641/p/6065616.html
Copyright © 2020-2023  润新知