社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > 後端開發 > php教程 > PHP操作實作一個多功能購物網站

PHP操作實作一個多功能購物網站

一个新手
發布： 2023-03-16 12:42:01
原創
2022 人瀏覽過

PHP作業實作一個多功能購物網站

一、需要實作的頁面：

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

<?php
session_start();
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
require_once "./DBDA.class.php";
$db = new DBDA();
$sql = "select * from login where username=&#39;{$uid}&#39;";
$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=&#39;{$v[0]}&#39;";
            $attr = $db->query($sql,0);
            $dj = $attr[0][2];　　//单价
            $sum = $sum+$dj*$v[1]; 　　//总价=单价*数量
        }                                        
    }        
        echo @"<p style=&#39;margin-left: 250px&#39;>购物车中商品总数为{$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=&#39;shoppingchuli.php?ids={$v[0]}&#39;>加入购物车</a></td>
                </tr>";
                }
                ?>                                
            </tbody>
        </table>
    <a href="add_list.php" style="margin-left: 250px;">查看购物车</a>
    </body>
</html>
登入後複製

 4.然後做首頁的處理頁面: shoppingchuli.php

<?php
session_start();
//取到传过来的主键值，并且添加到购物车的SESSION里面
$ids = $_GET["ids"];
//如果是第一次添加购物车,造一个二维数组存到SESSION里面
//如果不是第一次添加，有两种情况
//1.如果该商品购物车里面不存在，造一个一维数组扔到二维里面
//2.如果该商品在购物车存在，让数量加1
if(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=&#39;{$v[0]}&#39;";
                    $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=&#39;goodsdel.php?zj={$k}&#39;>删除</a></td>                            
                </tr>";
                    $dj = $a[0][2];
                    $sum = $sum+$dj*$v[1];    
                }
            }
                //echo "<p style=&#39;margin-left: 250px;&#39;>购物车中商品总数为{$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=&#39; {
    $uid
}
&#39;";
    $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=&#39; {
    $v[0]
}
&#39;";
    $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=&#39; {
    $v[0]
}
&#39;";
    $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=&#39; {
    $uid
}
&#39;";
    $zhye = $db->query($skye);
    //扣除库存 foreach($arr as $v) {
    $skckc = "update fruit set numbers=numbers- {
    $v[1]
}
where ids=&#39; {
    $v[0]
}
&#39;";
    $sykc = $db->query($skckc);
}
//添加订单 $ddh = date("Y-m-d H:i:s");
    $time = time();
    $stjd = "insert into orders values(&#39; {
    $time
}
&#39;,&#39; {
    $uid
}
&#39;,&#39; {
    $ddh
}
&#39;)";
    $wcdh = $db->query($stjd);
    //添加订单详情 foreach($arr as $v) {
    $ddxq = "insert into orderdetails values(&#39;&#39;,&#39; {
    $ddh
}
&#39;,&#39; {
    $v[0]
}
&#39;,&#39; {
    $v[1]
}
&#39;)";
    $axq = $db->query($ddxq);
}
}else {
    echo "余额不足,请充值!";
    exit;
}
header("location:shopping_list.php");
登入後複製

使用者帳號餘額已經減少：

以上是PHP操作實作一個多功能購物網站的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
php 多功能 購物網站
來源：php.cn
上一篇：關於AJAX的基礎操作 下一篇：如何解決80埠被system佔用
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
頁面突然無法拉動 css 或 bootstrap 所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...
來自於 2024-04-06 21:58:04
0
1
800
有沒有辦法強制彈性框中的文字垂直居中，無論我們有什麼其他 CSS 程式碼？ 我有以下CSS程式碼，它是我正在開發的網站中使用的更大CSS程式碼的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content...
來自於 2024-04-06 20:41:51
0
1
518
在行動視圖中，當使用者點擊連結時，如何關閉此導覽列？ 當使用者點擊連結瀏覽網站時，導覽列沒有關閉？我曾嘗試向每個連結新增點擊事件偵聽器以關閉導覽欄，但它不起作用！此外，處於活動位置（即X）的hamberberger選單圖示也沒有很好地...
來自於 2024-04-06 19:23:03
0
1
411
無法從網站取得輸入元素 所以我試圖從Twitter獲取一個輸入元素，但當我運行它時，它不斷在節點終端中給我一個這樣的錯誤，結果，由此代碼創建的瀏覽器窗口將自行關閉，因為它找不到正確的輸入選擇器。如何取得正...
來自於 2024-04-06 18:59:57
0
1
442
使用SCSS產生預設值和CSS變數 我正在實現網站樣式。出於遺留支援的原因，我需要支援IE11，至少一段時間。出於工作流程和我的理智原因，我想盡可能使用css變數。我已經研究過這個解決方案，它會產生一些有效的東西，但...
來自於 2024-04-06 17:46:54
0
1
355
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板