PHP操作落成三个多职能购物网址

作者:ca88编程

一、必要贯彻的页面:

PHP操作完毕一个多效益购物网址

Index.aspx:浏览商品页面,显示商品列表,用户能够点击“参加购物车“。

一、须要贯彻的页面:

ViewCart.aspx:查看购物车页面,显示已购进的商品新闻,能够点击“删除“和“提交加多订单购买”商品

Index.aspx:浏览商品页面,展现商品列表,用户能够点击“参与购物车“。

ViewAccount.aspx:查看个人账户余额

ViewCart.aspx:查看购物车页面,突显已购置的商品新闻,能够点击“删除“和“提交增加订单购买”商品

Login.aspx:登入页面

ViewAccount.aspx:查看个人账户余额

二、完毕效果与利益:

Login.aspx:登入页面

1.展示商品列表

二、完结效果与利益:

2.达成购买功用,购买的时候动态突显购物车中的商品数量和商品总价格

1.呈现商品列表

3.点击查阅购物车的前边,彰显已购进的货物。注意“购买数量”列,假若对一种商品点击购买数十次,其“购买数码”不断增添。

2.达成购买作用,购买的时候动态显示购物车中的商品数量和商品总价格

4.剔除购物车中已购买的货品。

3.点击查看购物车的前边,展现已购买的货品。注意“购买数码”列,假诺对一种商品点击购买数十次,其“购买数量”不断增添。

假设某商品的“购买数量”为1时,则点击“删除”时,间接从购物车中删去该商品;

4.刨除购物车中已购销的物品。
万一某商品的“购买数码”为1时,则点击“删除”时,直接从购物车中去除该商品;
假如商品的“购买数码”大于1时,点击叁次“删除”时,把其购得数码减1。直到该商品购进数码为1时,再点击删除时,删除该商品

借使商品的“购买数码”大于1时,点击三遍“删除”时,把其购买数量减1。直到该商品购进数码为1时,再点击删除时,删除该商品

5.在查阅完购物车的前面还足以点击“浏览商品”继续购买出售。并在上头呈现已购进的货色数量和总价格。

5.在翻看完购物车的前边还足以点击“浏览商品”继续购买。并在上头显示已购买的物品数量和总价格。

6.在“查看购物车“后,能够提交订单。
但在付出订单时,须变成以下职能:

6.在“查看购物车“后,能够交给订单。

检查用户是还是不是已报到,未登入则转到Login.aspx页面

但在付出订单时,须产生以下职能:

检查用户账户余额是或不是能够知足此番够买

(a)检查用户是或不是已报到,未登入则转到Login.aspx页面

自作者讨论仓库储存数据是还是不是满意本次够买

(b)检查用户账户余额是还是不是能够满意本次够买

ca88编程,只要以上标准都满意则

(c)检查仓库储存数据是不是满足此次够买

i.从用户账户中扣除本次买卖的总价格

(d)假使上述条件都满意则

ii.从事商业品库存中扣除这一次各样商品的购销数量

i.从用户账户中扣除本次购销的总价格

iii.向订单表和订单内容表中进入此番购销的商品新闻

ii.从商品仓库储存中扣除此番每个商品的买卖数码

7.点击查看账户,能够查阅该用户的账户余额

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 role="form" action="dengluchuli.php" method="post">
<div >
<img src="img/logo.png" width="200" height="50" style="margin-top: 10px; margin-left: 100px;" />
<div style="height: 50px; width: 300px; color: green;float: right; font-size: 50px; margin-right: 350px">果 蔬 网</div>
</div>
<h3 >用户登陆</h3>
<img src="./img/水果和蔬菜专场.jpg" width="500" height="400" />
<div >
<div >
<label for="firstname" >用户名:</label>
<div >
<input type="text" name="uid" placeholder="请输入用户名">
</div>
</div>
<div >
<label for="lastname" >密码:</label>
<div >
<input type="text" name="pwd" 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="登录" onclick="return login()" >
登录
</button>

1.先是先做三个登陆页面:loginpage.php

</div>
</div>
</div>
</form>
</body>
<script>
function login(){
var uid = document.getElementsByTagName[0].value;
if{
alert("请输入用户名!");
return false;
}
var pwd = document.getElementsByTagName[1].value;
if{
alert;
return false;
}
}
</script>
</html>

<!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="external nofollow" rel="external nofollow" rel="external nofollow" 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">
 <div class="header">
  <img src="img/logo.png" width="200" height="50" />
  <div >果 蔬 网</div>
 </div>
 <h3 class="title">用户登录</h3> 
 <img src="./img/果蔬专场.jpg" width="500" height="400" class="ps" />
 <div class="quanju">
   <div class="form-group yangshi1">
    <label for="firstname" class="col-sm-2 control-label">用户名:</label>
    <div class="col-sm-10">
     <input type="text" class="form-control name" name="uid" placeholder="请输入用户名">
    </div>
   </div>
   <div class="form-group yangshi2">
    <label for="lastname" class="col-sm-2 control-label">密码:</label>
    <div class="col-sm-10">
     <input type="text" class="form-control pwd" name="pwd" placeholder="请输入密码">
    </div>
   </div>
   <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
     <div class="checkbox">
      <label>
      <input type="checkbox">
      保存密码 </label>
      <label>
      <input type="checkbox">
      下次自动登录 </label>
     </div>
    </div>
   </div>
   <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
     <button type="submit" class="btn btn-warning" value="登录" onclick="return login()" >
     登录
     </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>

意义如图:ca88编程 1

本文由ca88发布,转载请注明来源

关键词: ca88网址 多功能 购物网站 操作 ca661亚洲城