Ausführliches Tutorial zum Erstellen eines Warenkorbs mit Ajax+PHP-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Ausführliches Tutorial zum Erstellen eines Warenkorbs mit Ajax+PHP

Mar 31, 2018 pm 03:05 PM

php 购物车

Dieses Mal bringe ich Ihnen ein detailliertes Tutorial zum Erstellen eines Warenkorbs mit Ajax+PHP. Was sind die Vorsichtsmaßnahmen für das Erstellen eines Warenkorbs mit Ajax+PHP? ein Blick.

Warenkorb-Webseitencode, der spezifische Inhalt ist wie folgt

1. Anmeldeschnittstelle login.php

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;script src=&quot;../jquery-1.11.2.min.js&quot;&gt;&lt;/script&gt;
&lt;title&gt;无标题文档&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;用户名：&lt;input type=&quot;text&quot; id=&quot;uid&quot; /&gt;&lt;/p&gt;
&lt;p&gt;密码：&lt;input type=&quot;text&quot; id=&quot;pwd&quot; /&gt;&lt;/p&gt;
&lt;input type=&quot;button&quot; value=&quot;登录&quot; id=&quot;btn&quot; /&gt;
&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$("#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.href="main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
        }
        else
        {
          alert("用户名或密码错误");
        }
      }
    })
  })
&lt;/script&gt;
&lt;/html&gt;

Nach dem Login kopieren

2. Anmeldeverarbeitungsseite loginchuli.php

&lt;?php
session_start();
include(&quot;../DBDA.class.php&quot;);
$db = new DBDA();
$uid = $_POST[&quot;u&quot;];
$pwd = $_POST[&quot;p&quot;];
$sql = &quot;select password from login where username=&#39;{$uid}&#39;&quot;;
$mm = $db-&gt;StrQuery($sql);
if($mm==$pwd &amp;&amp; $pwd!="")
{
  $UserName = $_POST["uid"];
  $_SESSION["uid"]=$uid;
  echo "OK";
}
else
{
  echo "NO";
}

Nach dem Login kopieren

3. Hauptseite main.php

&lt;?php
session_start();
include(&quot;../DBDA.class.php&quot;);
$db = new DBDA();
?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;无标题文档&lt;/title&gt;&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p style=&quot;width:100%; height:100px; background-color:#6CC&quot;&gt;
  &lt;h1 style=&quot;float:left&quot;&gt;大苹果商城&lt;/h1&gt;
  &lt;a style=&quot;float:right; margin-top:40px&quot; href=&quot;zhuxiao.php&quot;&gt;注销&lt;/a&gt;
&lt;/p&gt;
&lt;br /&gt;
&lt;p style=&quot;width:100%; height:600px&quot;&gt;
  &lt;p id=&quot;left&quot; style=&quot;width:20%; float:left&quot;&gt;
    &lt;a href=&quot;main.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;浏览商品&lt;/p&gt;&lt;/a&gt;
    &lt;a href=&quot;zhanghu.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;查看账户&lt;/p&gt;&lt;/a&gt;
    &lt;a href=&quot;gouwuche.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;查看购物车&lt;/p&gt;&lt;/a&gt;
  &lt;/p&gt;
  
  &lt;p id=&quot;right&quot; style=&quot;width:80%; float:left&quot;&gt;
&lt;?php
  $agwc = array();
  if(!empty($_SESSION[&quot;gwc&quot;]))
  {
    $agwc = $_SESSION[&quot;gwc&quot;];
  }
  $zhonglei = count($agwc);
  $sum = 0;
  foreach($agwc as $v)
  {
    $sql = &quot;select price from fruit where ids=&#39;{$v[0]}&#39;&quot;;
    $danjia = $db-&gt;StrQuery($sql);
    $sum = $sum +$danjia*$v[1];
  }
  echo "&lt;p&gt;购物车中有:{$zhonglei}种商品，总价格为:{$sum}元.&lt;/p&gt;";
  ?&gt;
    &lt;table width=&quot;100%&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
    &lt;tr&gt;
      &lt;td&gt;代号&lt;/td&gt;
      &lt;td&gt;水果名称&lt;/td&gt;
      &lt;td&gt;水果价格&lt;/td&gt;
      &lt;td&gt;源产地&lt;/td&gt;
      &lt;td&gt;库存量&lt;/td&gt;
      &lt;td&gt;操作&lt;/td&gt;
    &lt;/tr&gt;
 &lt;?php   
    $sql = &quot;select * from fruit&quot;;
    $attr = $db-&gt;Query($sql);
    
    foreach($attr as $v)
    {
      echo "&lt;tr&gt;&lt;td&gt;{$v[0]}&lt;/td&gt;
      &lt;td&gt;{$v[1]}&lt;/td&gt;
      &lt;td&gt;{$v[2]}&lt;/td&gt;
      &lt;td&gt;{$v[3]}&lt;/td&gt;
      &lt;td&gt;{$v[4]}&lt;/td&gt;
      &lt;td&gt;&lt;a href=&#39;goumai.php?code={$v[0]}&#39;&gt;购买&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;";
    }
    ?&gt;    
    &lt;/table&gt;
  &lt;/p&gt;
&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

4. Kaufabwicklungsseite goumai.php

&lt;?php
session_start();
$code = $_GET[&quot;code&quot;];
if(empty($_SESSION[&quot;gwc&quot;]))
{
  //第一次点击购买
  $attr = array(
    array($code,1)
  );
  $_SESSION[&quot;gwc&quot;] = $attr;
}
else
{
  //不是第一次点击购买
  $attr = $_SESSION[&quot;gwc&quot;];
  $bs=0;
  foreach($attr as $k=&gt;$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");

Nach dem Login kopieren

5 der ausgewählten Früchte und verbleibende Früchte. dingdan.php

&lt;?php
session_start();
include(&quot;../DBDA.class.php&quot;);
$db = new DBDA();
$uid = $_SESSION[&quot;uid&quot;];
$attr = array();
if(!empty($_SESSION[&quot;gwc&quot;]))
{
  $attr = $_SESSION[&quot;gwc&quot;];
}
//看下两个条件是否都满足
$bs = true;
//判断余额是否满足
  //根据用户名找余额
  $syue = &quot;select account from login where username=&#39;{$uid}&#39;&quot;;
  $yue = $db-&gt;StrQuery($syue);
  
  //根据购物车数组取总金额
  $sum = 0;
  foreach($attr as $v)
  {
    $sql = "select price from fruit where ids='{$v[0]}'";
    $danjia = $db-&gt;StrQuery($sql);
    $sum = $sum +$danjia*$v[1];
  }
  if($yue&lt;$sum)
  {
    $bs = false;
    echo &quot;YEBUZU&quot;;
    exit;
  }
  
//判断库存是否满足
foreach($attr as $v)
{
  $skucun = &quot;select name,numbers from fruit where ids=&#39;{$v[0]}&#39;&quot;;
  $akucun = $db-&gt;Query($skucun);
  if($akucun[0][1]&lt;$v[1])
  {
    $bs = false;
    echo &quot;{$akucun[0][0]}库存不足！&quot;;
    exit;
    
  }
}
//添加订单，减库存，减余额
if($bs)
{
  //减库存
  foreach($attr as $v)
  {
    $sql = &quot;update fruit set numbers = numbers-{$v[1]} where ids=&#39;{$v[0]}&#39;&quot;;
    $db-&gt;Query($sql,0);
  }
  
  //减余额
  $jianyue="update login set account=account-{$sum} where username='{$uid}'";
  $db-&gt;Query($jianyue,0);
  
  //添加订单
  $dingdanhao = $uid+date("YmdHis");
  $t = time();
  
  $sorder = "insert into orders values('{$dingdanhao}','{$uid}','{$t}')";
  $db-&gt;Query($sorder,0);
  
  foreach($attr as $v)
  {
    $sxq = "insert into orderdetails values('','{$dingdanhao}','{$v[0]}','{$v[1]}')";
    $db-&gt;Query($sxq,0);
  }
}
echo "OK";

Nach dem Login kopieren

6. Warenkorbseite

&lt;?php
session_start();
?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;无标题文档&lt;/title&gt;&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
&lt;/style&gt;
&lt;script src=&quot;../../jquery-1.11.2.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p style=&quot;width:100%; height:100px; background-color:#6CC&quot;&gt;
  &lt;h1 style=&quot;float:left&quot;&gt;大苹果商城&lt;/h1&gt;
  &lt;a style=&quot;float:right; margin-top:40px&quot; href=&quot;zhuxiao.php&quot;&gt;注销&lt;/a&gt;
&lt;/p&gt;
&lt;br /&gt;
&lt;p style=&quot;width:100%; height:600px&quot;&gt;
  &lt;p id=&quot;left&quot; style=&quot;width:20%; float:left&quot;&gt;
    &lt;a href=&quot;main.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;浏览商品&lt;/p&gt;&lt;/a&gt;
    &lt;a href=&quot;zhanghu.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;查看账户&lt;/p&gt;&lt;/a&gt;
    &lt;a href=&quot;gouwuche.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;查看购物车&lt;/p&gt;&lt;/a&gt;
  &lt;/p&gt;
  
  &lt;p id=&quot;right&quot; style=&quot;width:80%; float:left&quot;&gt;
    &lt;table width=&quot;100%&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
    &lt;tr&gt;
      &lt;td&gt;商品名称&lt;/td&gt;
      &lt;td&gt;商品单价&lt;/td&gt;
      &lt;td&gt;购买数量&lt;/td&gt;
      &lt;td&gt;操作&lt;/td&gt;
    &lt;/tr&gt;
&lt;?php
    include(&quot;../DBDA.class.php&quot;);
    $db = new DBDA();
    $attr=array();
    if(!empty($_SESSION[&quot;gwc&quot;]))
    {
      $attr = $_SESSION[&quot;gwc&quot;];
    }
    
    foreach($attr as $k=&gt;$v)
    {
      $sql = "select name,price from fruit where ids='{$v[0]}'";
      $ashuiguo = $db-&gt;Query($sql);
    
      echo "&lt;tr&gt;&lt;td&gt;{$ashuiguo[0][0]}&lt;/td&gt;&lt;td&gt;{$ashuiguo[0][1]}&lt;/td&gt;&lt;td&gt;{$v[1]}&lt;/td&gt;&lt;td&gt;&lt;a href=&#39;shanchu.php?sy={$k}&#39;&gt;删除&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;";
      
    }
    
    ?&gt;
    &lt;/table&gt;
    &lt;p id=&quot;tj&quot;&gt;提交订单&lt;/p&gt;&lt;p id=&quot;ts&quot;&gt;&lt;/p&gt;
  &lt;/p&gt;
&lt;/p&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$("#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");
            }
          }
      });
  })
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

7. Seite zum Löschen der Warenkorbseite shanchu.php

&lt;?php
session_start();
$sy = $_GET[&quot;sy&quot;];
$attr = $_SESSION[&quot;gwc&quot;];
if($attr[$sy][1]&gt;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
&lt;?php
session_start();
$uid = $_SESSION[&#39;uid&#39;];
?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;无标题文档&lt;/title&gt;&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p style=&quot;width:100%; height:100px; background-color:#6CC&quot;&gt;
  &lt;h1 style=&quot;float:left&quot;&gt;大苹果商城&lt;/h1&gt;
  &lt;a style=&quot;float:right; margin-top:40px&quot; href=&quot;zhuxiao.php&quot;&gt;注销&lt;/a&gt;
&lt;/p&gt;
&lt;br /&gt;
&lt;p style=&quot;width:100%; height:600px&quot;&gt;
  &lt;p id=&quot;left&quot; style=&quot;width:20%; float:left&quot;&gt;
    &lt;a href=&quot;main.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;浏览商品&lt;/p&gt;&lt;/a&gt;
    &lt;a href=&quot;zhanghu.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;查看账户&lt;/p&gt;&lt;/a&gt;
    &lt;a href=&quot;gouwuche.php&quot;&gt;&lt;p class=&quot;list&quot;&gt;查看购物车&lt;/p&gt;&lt;/a&gt;
  &lt;/p&gt;  
  &lt;p id=&quot;right&quot; style=&quot;width:80%; height:150px; float:left&quot;&gt;
&lt;?php
    include(&quot;../DBDA.class.php&quot;);
    $db = new DBDA();
    $sql = &quot;select Account from login where UserName=&#39;{$uid}&#39;&quot;;
    $result = $db-&gt;strQuery($sql);
    
    echo ("您的账户中还剩余".$result);
  ?&gt;
  &lt;/p&gt;
&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

Ich glaube, das haben Sie Lesen Sie diesen Artikel. Sie beherrschen die Fallmethode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So implementieren Sie den AJAX-Paging-Effekt

Erzielen eines unbegrenzten Ladens von Listen und eines sekundären Dropdown-Menüs Optionen Ajax (mit Code)

Das obige ist der detaillierte Inhalt vonAusführliches Tutorial zum Erstellen eines Warenkorbs mit Ajax+PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn