> 백엔드 개발 > PHP 튜토리얼 > 다기능 쇼핑 웹 사이트 구현을 위한 PHP 작업

다기능 쇼핑 웹 사이트 구현을 위한 PHP 작업

一个新手
풀어 주다: 2023-03-16 12:42:01
원래의
2026명이 탐색했습니다.

다기능 쇼핑 웹사이트 구현을 위한 PHP 연산

1. 구현해야 할 페이지:

Index.aspx:浏览商品页面,显示商品列表,用户可以点击“加入购物车“。
ViewCart.aspx:查看购物车页面,显示已购买的商品信息,可以点击“删除“和“提交添加订单购买”商品
ViewAccount.aspx:查看个人账户余额
Login.aspx:登录页面
로그인 후 복사

2. 구현 기능:

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 그런 다음 삭제 처리 페이지를 수행하세요.

위 내용은 다기능 쇼핑 웹 사이트 구현을 위한 PHP 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿