一、需要實現的頁面：
Index.aspx：瀏覽商品頁面，顯示商品列表，使用者可以點擊“加入購物車“。ViewCart.aspx：查看購物車頁面，顯示已購買的商品資訊，可以點擊“刪除“和“提交添加訂單購買”商品ViewAccount.aspx：查看個人賬戶餘額Login.aspx：登入頁面
二、實現功能：
1.顯示商品列表
2.實現購買功能，購買的時候動態顯示購物車中的商品數量和商品總價格
3.點擊查看購物車後，顯示已購買的商品。注意“購買數量”列，如果對一種商品點擊購買多次，其“購買數量”不斷增加。
4.刪除購物車中已購買的商品。
如果某商品的“購買數量”為1時，則點擊“刪除”時，直接從購物車中刪除該商品；
如果商品的“購買數量”大於1時，點擊一次“刪除”時，把其購買數量減1。直到該商品購買數量為1時，再點擊刪除時，刪除該商品
5.在查看完購物車後還可以點擊“瀏覽商品”繼續購買。並在上面顯示已購買的商品數量和總價格。
6.在“查看購物車“後，可以提交訂單。
但在提交訂單時，須完成以下功能：
(a) 檢查使用者是否已登入，未登入則轉到Login.aspx頁面
(b)檢查使用者賬戶餘額是否能夠滿足本次夠買
(c)檢查庫存數量是否滿足本次夠買
(d)如果以上條件都滿足則
i.從使用者賬戶中扣除本次購買的總價格
ii.從商品庫存中扣除本次每種商品的購買數量
iii.向訂單表和訂單內容表中加入本次購買的商品資訊
7.點擊查看賬戶，可以查看該使用者的賬戶餘額
作業碼如下：
1.首先先做一個登入頁面：loginpage.php
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> </head> <style> .title{ margin-left: 750px; margin-top: 150px; } .quanju{ margin-left: 650px; margin-top: -460px; } .name,.pwd{ max-width: 120px; } .yangshi1{ margin-top: 200px; } .header{ width: 100%; height: 80px; background: #e0e0e0; } .ps{ margin-left: 100px; margin-top: -100px; } </style> <body> <form class="form-horizontal" role="form" action="dengluchuli.php" method="post"> <p class="header"> <img src="img/logo.png" width="200" height="50" style="margin-top: 10px; margin-left: 100px;" /> <p style="height: 50px; width: 300px; color: green;float: right; font-size: 50px; margin-right: 350px">果 蔬 網</p> </p> <h3 class="title">使用者登入</h3> <img src="./img/果蔬專場.jpg" width="500" height="400" class="ps" /> <p class="quanju"> <p class="form-group yangshi1"> <label for="firstname" class="col-sm-2 control-label">使用者名稱:</label> <p class="col-sm-10"> <input type="text" class="form-control name" name="uid" placeholder="請輸入使用者名稱"> </p> </p> <p class="form-group yangshi2"> <label for="lastname" class="col-sm-2 control-label">密碼:</label> <p class="col-sm-10"> <input type="text" class="form-control pwd" name="pwd" placeholder="請輸入密碼"> </p> </p> <p class="form-group"> <p class="col-sm-offset-2 col-sm-10"> <p class="checkbox"> <label> <input type="checkbox"> 儲存密碼 </label> <label> <input type="checkbox"> 下次自動登入 </label> </p> </p> </p> <p class="form-group"> <p class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-warning" value="登入" onclick="return login()" > 登入 </button> </p> </p> </p> </form> </body> <script> function login(){ var uid = document.getElementsByTagName("input")[0].value; if(uid==""){ alert("請輸入使用者名稱!"); return false; } var pwd = document.getElementsByTagName("input")[1].value; if(pwd==""){ alert("請輸入密碼!"); return false; } } </script></html>
效果
2.在做一個登入的處理頁面:dengluchuli.php
<?phpsession_start();$uid = $_POST["uid"];$pwd = $_POST["pwd"];require_once "./DBDA.class.php";$db = new DBDA();$sql = "select * from login where username='{$uid}'";$arr = $db->query($sql,0);if($arr[0][2]==$pwd && !empty($pwd)){ $_SESSION["uid"]=$uid; header("location:shopping_list.php");}else{ echo "登陸失敗!";}
這樣就可以和資料庫聯絡了，這個是資料庫的登入帳號和密碼，驗證帳號，密碼，然後跳到首頁:shopping_list.php
3.現在做首頁的頁面:shopping_list.php
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> </head> <body> <h2 style="margin-left: 550px; margin-top: 80px;">水果列表</h2> <?php session_start();
//1.找出購物車中多少種商品和總價
$uid = $_SESSION["uid"]; if(empty($_SESSION["uid"])){ header("location:loginpage.php"); exit; } require_once "./DBDA.class.php"; $db = new DBDA();
//如果購物車有商品，取出值
if(!empty($_SESSION["gwd"])){ $arr = $_SESSION["gwd"]; $sum = 0; $numbers = count($arr); foreach($arr as $k=>$v){ //$v[0];//水果名稱 //$v[1];//購買數量 $sql = "select * from fruit where ids='{$v[0]}'"; $attr = $db->query($sql,0); $dj = $attr[0][2]; //單價 $sum = $sum+$dj*$v[1]; //總價=單價*數量 } } echo @"<p style='margin-left: 250px'>購物車中商品總數為{$numbers}個,商品總價為:{$sum}元</p>"; ?> <a href="loginpage.php" style="float: right; margin-top: -25px; margin-right: 330px; color: blueviolet; font-size: 20px;"> 登入 </a> <table class="table table-bordered" style="max-width: 800px; margin-left: 250px;"> <thead> <tr> <th>代號</th> <th>名稱</th> <th>價格</th> <th>產地</th> <th>庫存</th> <th>操作</th> </tr> </thead> <tbody> <?php $sql = "select * from fruit"; $arr = $db->query($sql,0); foreach($arr 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 href='shoppingchuli.php?ids={$v[0]}'>加入購物車</a></td> </tr>"; } ?> </tbody> </table> <a href="add_list.php" style="margin-left: 250px;">查看購物車</a> </body></html>
4.然後做首頁的處理頁面:shoppingchuli.php
<?phpsession_start();//取到傳過來的主索引值，並且添加到購物車的SESSION裡面$ids = $_GET["ids"];//如果是第一次添加購物車,造一個二維數組存到SESSION裡面//如果不是第一次添加，有兩種情況//1.如果該商品購物車裡面不存在，造一個一維數組扔到二維裡面//2.如果該商品在購物車存在，讓數量加1if(empty($_SESSION["gwd"])){ //如果是第一次添加購物車,造一個二維數組存到SESSION裡面 $arr = array( array($ids,1)); $_SESSION["gwd"]=$arr;}else{ $arr=$_SESSION["gwd"]; if(deep_in_array($ids,$arr)){ //如果該商品在購物車存在，讓數量加1 foreach($arr as $k=>$v){ if($v[0]==$ids){ $arr[$k][1]++; } } $_SESSION["gwd"]=$arr; }else{ //如果該商品購物車裡面不存在，造一個一維數組扔到二維裡面 $arr=$_SESSION["gwd"]; $attr=array($ids,1); $arr[]=$attr; $_SESSION["gwd"]=$arr; }}header("location:shopping_list.php");function deep_in_array($value, $array) { foreach($array as $item) { if(!is_array($item)) { if ($item == $value) { return true; } else { continue; } } if(in_array($value, $item)) { return true; } else if(deep_in_array($value, $item)) { return true; } } return false; }
效果
5.然後再做查看購物車頁面，能看到購物車中的商品和單價和總價:gouwuche.php
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> </head> <?php session_start(); $uid = $_SESSION["uid"]; if(empty($_SESSION["uid"])){ header("location:loginpage.php"); exit; } ?> <body> <h2 style="margin-left: 550px; margin-top: 100px;">購物車清單</h2> <table class="table table-bordered" style="max-width: 800px; margin-left: 250px;"> <thead> <tr> <th>代號</th> <th>名稱</th> <th>價格</th> <th>產地</th> <th>購買數量</th> <th>操作</th> </tr> </thead> <tbody> <?php require_once "./DBDA.class.php"; $db = new DBDA(); if(!empty($_SESSION["gwd"])){ $arr = $_SESSION["gwd"]; $sum = 0; $numbers = count($arr); foreach($arr as $k=>$v){ //$v[0];$v[1]; $sql = "select * from fruit where ids='{$v[0]}'"; $a = $db->query($sql,0); //var_dump($v[1]); echo "<tr> <td>{$v[0]}</td> <td>{$a[0][1]}</td> <td>{$a[0][2]}</td> <td>{$a[0][3]}</td> <td>{$v[1]}</td> <td><a href='goodsdel.php?zj={$k}'>刪除</a></td> </tr>"; $dj = $a[0][2]; $sum = $sum+$dj*$v[1]; } } //echo "<p style='margin-left: 250px;'>購物車中商品總數為{$numbers}個,商品總價為:{$sum}元</p>"; ?> </tbody> </table> <a href="submit_order.php?ids={$v[0]}" style="margin-left: 250px;">提交訂單</a> </body></html>
效果
6.再做刪除的處理頁面goodsdel.php
<?phpsession_start(); $zj = $_GET["zj"]; //如果該水果數量大於1,減1//如果該水果數量等於1 移除$arr = $_SESSION["gwd"]; if($arr[$zj][1]>1) { $arr[$zj][1]=$arr[$zj][1]-1;}else { unset($arr[$zj]); //清除數組 $arr=array_values($arr); //重新索引數組}$_SESSION["gwd"] = $arr; header("location:add_list.php"); 7..然後做提交頁面 :tijiao.php<?phpsession_start(); $ids = $_GET["ids"]; //查看餘額$uid = $_SESSION["uid"]; require_once "./DBDA.class.php"; $db = new DBDA(); $sql = "select account from login where username=' { $uid}'"; $arr = $db->query($sql,0); $aye = $arr[0][0]; //餘額//var_dump($aye); if(!empty($_SESSION["gwd"])) { $arr = $_SESSION["gwd"]; $sum = 0; //$numbers = count($arr); foreach($arr as $v) { $sql = "select * from fruit where ids=' { $v[0]}'"; $price = $db->query($sql,0); $dj = $price[0][2]; $sum = $sum+$dj*$v[1];}}else { echo "您還未購買商品!"; //header("shopping_list.php"); exit;}//判斷餘額是否滿足購買if($aye>=$sum) { //判斷庫存 foreach($arr as $v) { $skc = "select name,numbers from fruit where ids=' { $v[0]}'"; $akc = $db->query($sql,0); var_dump($akc); $kc = $akc[0][4]; //庫存 //var_dump($kc); if($kc<$v[1]) { echo "庫存不足!"; exit;}} //提交訂單 //賬戶扣除餘額 $skye = "update login set account=account- { $sum}where username=' { $uid}'"; $zhye = $db->query($skye); //扣除庫存 foreach($arr as $v) { $skckc = "update fruit set numbers=numbers- { $v[1]}where ids=' { $v[0]}'"; $sykc = $db->query($skckc);}//添加訂單 $ddh = date("Y-m-d H:i:s"); $time = time(); $stjd = "insert into orders values(' { $time}',' { $uid}',' { $ddh}')"; $wcdh = $db->query($stjd); //添加訂單詳情 foreach($arr as $v) { $ddxq = "insert into orderdetails values('',' { $ddh}',' { $v[0]}',' { $v[1]}')"; $axq = $db->query($ddxq);}}else { echo "餘額不足,請儲值!"; exit;}header("location:shopping_list.php");
使用者賬戶餘額已經減少：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
