一、需要实现的页面：
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="https://www.jb51.net/bootstrap/js/jquery-1.11.2.min.js"></script> <script src="https://www.jb51.net/bootstrap/js/bootstrap.min.js"></script> <link href="https://www.jb51.net/bootstrap/css/bootstrap.min.css" 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 role="form" action="dengluchuli.php" method="post"> <div> <img src="https://www.jb51.net/img/logo.png" /> <div >果 蔬 网</div> </div> <h3>用户登录</h3> <img src="https://www.jb51.net/article/img/果蔬专场.jpg" /> <div> <div> <label for="firstname">用户名:</label> <div> <input type="text" placeholder="请输入用户名"> </div> </div> <div> <label for="lastname">密码:</label> <div> <input type="text" placeholder="请输入密码"> </div> </div> <div> <div> <div> <label> <input type="checkbox"> 保存密码 </label> <label> <input type="checkbox"> 下次自动登录 </label> </div> </div> </div> <div> <div> <button type="submit" value="登录" > 登录 </button> </div> </div> </div> </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='{$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="https://www.jb51.net/bootstrap/js/jquery-1.11.2.min.js"></script> <script src="https://www.jb51.net/bootstrap/js/bootstrap.min.js"></script> <link href="https://www.jb51.net/bootstrap/css/bootstrap.min.css" type="text/css"/> </head> <body> <h2 >水果列表</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 @"<div>购物车中商品总数为{$numbers}个,商品总价为:{$sum}元</div>"; ?> <a href="https://www.jb51.net/loginpage.php" > 登录 </a> <table > <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="https://www.jb51.net/add_list.php" >查看购物车</a> </body> </html>
4.然后做主页的处理页面:shoppingchuli.php