XHTMT HTML5 CSS HTML DOM
jQuery JSON AJAX LESS HTML Bootstrap Foundation AngularJS Ember.js TypeScript AngularJS2 React jQuery UI jQuery EasyUI Node.js Highcharts Echarts Vue.js CoffeeScript Ext.js Meteor SASS Omi Markdown 前端开发规范 浏览器 webpack JavaScript CSS3
用户登录
用户注册

分享至

Ajax + PHP session制作购物车

  • 作者: 别跟我说话我有洁癖
  • 来源: 51数据库
  • 2021-08-31

购物车网页代码，具体内容如下

1.登录界面login.php

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.51sjk.com/Upload/Articles/1/0/280/280698_20210709001239588.jpg">
<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>
<script type="text/javascript">
$("#btn").click(function(){
  var uid = $("#uid").val();
  var pwd = $("#pwd").val();
  $.ajax({
      url:"loginchuli.php",
      data:{u:uid,p:pwd},
      type:"post",
      datatype:"text",
      success: function(data){
        if(data.trim()=="ok")
        {
          window.location. rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
        }
        else
        {
          alert("用户名或密码错误");
        }
      }
    })
  })
</script>
</html>

2.登录处理页面loginchuli.php

<?php
session_start();

include("../dbda.class.php");
$db = new dbda();
$uid = $_post["u"];
$pwd = $_post["p"];
$sql = "select password from login where username='{$uid}'";
$mm = $db->strquery($sql);
if($mm==$pwd && $pwd!="")
{
  $username = $_post["uid"];
  $_session["uid"]=$uid;
  echo "ok";
}
else
{
  echo "no";
}

3.主页面main.php

<?php
session_start();
include("../dbda.class.php");
$db = new dbda();
?>

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.51sjk.com/Upload/Articles/1/0/280/280698_20210709001239588.jpg">
<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="width:100%; height:100px; background-color:#6cc">
  <h1 style="float:left">大苹果商城</h1>
  <a style="float:right; margin-top:40px" >注销</a>
</div>
<br />
<div style="width:100%; height:600px">
  <div id="left" style="width:20%; float:left">
    <a ><div class="list">浏览商品</div></a>
    <a ><div class="list">查看账户</div></a>
    <a ><div class="list">查看购物车</div></a>
  </div>
  
  <div id="right" style="width:80%; float:left">

<?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>";
  ?>

    <table width="100%" border="1" cellpadding="0" cellspacing="0">
    <tr>
      <td>代号</td>
      <td>水果名称</td>
      <td>水果价格</td>
      <td>源产地</td>
      <td>库存量</td>
      <td>操作</td>
    </tr>

 <?php   
    $sql = "select * from fruit";
    $attr = $db->query($sql);
    
    foreach($attr as $v)
    {
      echo "<tr><td>{$v[0]}</td>
      <td>{$v[1]}</td>
      <td>{$v[2]}</td>
      <td>{$v[3]}</td>
      <td>{$v[4]}</td>
      <td><a >购买</a></td></tr>";
    }
    ?>    

    </table>
  </div>
</div>

</body>
</html>

4.购买处理页面goumai.php

<?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)
  {
    if($v[0]==$code)
    {
      $bs=1;
      $attr[$k][1] = $attr[$k][1]+1;
    }
  }
  //如果没有在数组里面出现
  if($bs==0)
  {
    $shuzu = array($code,1);
    $attr[] = $shuzu;
  }
  
  $_session["gwc"]=$attr;
  
}
header("location:main.php");

5.订单处理页面，计算选取水果的总价，和水果剩余量。dingdan.php

<?php
session_start();
include("../dbda.class.php");
$db = new dbda();
$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($attr 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 "yebuzu";
    exit;
  }
  
//判断库存是否满足

foreach($attr as $v)
{
  $skucun = "select name,numbers from fruit where ids='{$v[0]}'";
  $akucun = $db->query($skucun);
  if($akucun[0][1]<$v[1])
  {
    $bs = false;
    echo "{$akucun[0][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="update login set account=account-{$sum} where username='{$uid}'";
  $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";

6.购物车页面

<?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.51sjk.com/Upload/Articles/1/0/280/280698_20210709001239588.jpg">
<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>
<script src="../../jquery-1.11.2.min.js"></script>
</head>

<body>
<div style="width:100%; height:100px; background-color:#6cc">
  <h1 style="float:left">大苹果商城</h1>
  <a style="float:right; margin-top:40px" >注销</a>
</div>
<br />
<div style="width:100%; height:600px">
  <div id="left" style="width:20%; float:left">
    <a ><div class="list">浏览商品</div></a>
    <a ><div class="list">查看账户</div></a>
    <a ><div class="list">查看购物车</div></a>
  </div>
  
  <div id="right" style="width:80%; float:left">
    <table width="100%" border="1" cellpadding="0" cellspacing="0">
    <tr>
      <td>商品名称</td>
      <td>商品单价</td>
      <td>购买数量</td>
      <td>操作</td>
    </tr>

<?php
    include("../dbda.class.php");
    $db = new dbda();
    $attr=array();
    if(!empty($_session["gwc"]))
    {
      $attr = $_session["gwc"];
    }
    
    foreach($attr as $k=>$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><a >删除</a></td></tr>";
      
    }
    
    ?>

    </table>
    <div id="tj">提交订单</div><div id="ts"></div>
  </div>
</div>

<script type="text/javascript">
$("#tj").click(function(){
    $.ajax({
        url:"dingdan.php",
        datatype:"text",
        success: function(data){
            if(data.trim()=="ok")
            {
              alert("购买成功");
            }
            else if(data.trim()=="yebuzu")
            {
              $("#ts").html("余额不足");
              $("#ts").css("color","red");
            }
            else
            {
              $("#ts").html(data);
              $("#ts").css("color","red");
            }
          }
      });
  })
</script>
</body>
</html>

7.购物车页面删除处理页面shanchu.php

<?php
session_start();

$sy = $_get["sy"];

$attr = $_session["gwc"];

if($attr[$sy][1]>1)
{
  $attr[$sy][1] = $attr[$sy][1]-1;
}
else
{
  unset($attr[$sy]);
  $attr = array_values($attr);
}
$_session["gwc"]=$attr;

header("location:gouwuche.php");

8.账户余额页面zhanghu.php


<?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.51sjk.com/Upload/Articles/1/0/280/280698_20210709001239588.jpg">
<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="width:100%; height:100px; background-color:#6cc">
  <h1 style="float:left">大苹果商城</h1>
  <a style="float:right; margin-top:40px" >注销</a>
</div>
<br />
<div style="width:100%; height:600px">
  <div id="left" style="width:20%; float:left">
    <a ><div class="list">浏览商品</div></a>
    <a ><div class="list">查看账户</div></a>
    <a ><div class="list">查看购物车</div></a>
  </div>  
  <div id="right" style="width: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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

推荐阅读
热点文章

Copyright 2018 51数据库(www.51sjk.com)

软件
前端设计
程序设计
Java相关