购物车需要的几个jsp页面

最新推荐文章于 2019-10-15 09:32:17 发布
最新推荐文章于 2019-10-15 09:32:17 发布
阅读量1.3k 收藏
点赞数
分类专栏： 购物车 文章标签： jsp border javascript stylesheet class action
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaoge19861207/article/details/4706096
版权

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/page/share/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>购物车 巴巴运动网</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META http-equiv=Content-Language content=zh-CN>
<LINK href="/css/new_cart.css" rel="stylesheet" type="text/css">
<link href="/css/global/header01.css" rel="stylesheet" type="text/css">
<SCRIPT language=JavaScript src="/js/FoshanRen.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
/** 获取以指定字符串为前缀的输入字段集合 **/
/** 数字输入格式是否正确(长度1-4位，第一个数字必须是1-9) **/
function numericFormat(strNumber){  
  var newPar=/^[1-9]/d{0,3}$/;
  return newPar.test(strNumber);
}

function getInputsByname(name, etype){//
 var inputs = document.getElementsByTagName("input");
 var texts = new Array();
 var y = 0;
 for (var i = 0; i < inputs.length; i++) {
   if (inputs[i].type == etype && inputs[i].name!=null && inputs[i].name.substring(0, name.length) == name) {
   texts[y] = inputs[i];
   y++;
  }
 }
 return texts;
}

function modifyAmount(){
 if(validateAmount()){  
  var form = document.forms["buycart"];
  form.method.value="updateNumber";
  form.submit();
 }
}

/** 验证购买数量字段 **/
function validateAmount(){
 var amounts = getInputsByname("amount_", "text");
 if(amounts.length==0){
  alert("您还没有购买商品");
  return false;
 }else{
  for (var i = 0; i < amounts.length; i++) {
   var amount = amounts[i];
   if(amount.value==null || amount.value.trim()==""){
    alert("/n您购买的商品中,有的商品购买数量为空,请填写购买数量");
    amount.focus();
    return false;
   }else if(amount.value=="0"){
    alert("/n您购买的商品中,有的商品购买数量为0,如果您不需要该商品,可以删除它");
    amount.select();
    return false;
   }else if(!numericFormat(amount.value)){
    alert("/n购买数量含有非数字数据,请更正");
    amount.select();
    return false;
   }
  }
 }
 return true;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<jsp:include page="/page/share/Head.jsp"/>
<BR>
<TABLE cellSpacing=0 cellPadding=5 width="98%" border="0" align="center">
  <TR>
    <TD><TABLE cellSpacing=0 cellPadding=0 width="96%" border=0>
      <TBODY>
        <TR>
          <TD width="24%"><IMG height=31 src="/images/buy/shop-cart-header-blue.gif" width="218" border=0></TD>
          <TD width="34%">如果您修改了商品数量，请点击
             <img style="CURSOR: hand; " alt="修改数量" src="/images/buy/update-t-sm.gif" value="修改数量" border="0" onClick="javascript:modifyAmount()"></TD>
          <TD width="14%" align="left"><a href="<html:rewrite action="/shopping/cart/manage" />?method=deleteAll"><img style="CURSOR:hand;" alt="清空购物车" src="/images/buy/az-empty-shoppingcard.gif" border="0"></a></TD>
          <TD width="15%" align=left><a href="/"><img src="/images/buy/as-s-continus.gif" width="116" height="22" border="0"></a></TD>
          <TD width="13%" align=right><img style="CURSOR:hand;" src="/images/buy/az-by-split.gif" width="116" height="22" onClick="javascript:settleAccounts()"></TD>
        </TR>
      </TBODY>
    </TABLE></TD>
  </TR>

  <TR>
    <TD><FORM id="buycart" name="buycart" action="<html:rewrite action="/shopping/cart/manage" />" method="post">
    <INPUT TYPE="hidden" NAME="method" value="">
    <TABLE cellSpacing=0 cellPadding=6 width="100%" border=0>
      <TR bgColor=#d7ebff>
        <TD width="457"><STRONG>我的购物车里的商品--马上购买</STRONG></TD>
        <TD width=112><DIV align=center><STRONG>市场价</STRONG></DIV></TD>
        <TD width=181><DIV align=center><STRONG>价格</STRONG></DIV></TD>
        <TD width=73><DIV align=center><STRONG>数量</STRONG></DIV></TD>
        <TD width=66>&nbsp;</TD>
      </TR>
<!-- loop begin -->
<c:forEach items="${buycart.items}" var="item">
       <TR vAlign="top">
        <TD><STRONG><A href="" target="_blank">${item.product.name}</A></STRONG> <span class="h3color">[颜色/样式：<c:forEach items="${item.product.styles}" var="style">${style.name}</c:forEach>]</span><BR><BR></TD>
        <TD width="112" align="center"><SPAN class="price" title="￥${item.product.maketPrice}元"><FONT color="black"><S><B>￥${item.product.maketPrice}元</B></S></FONT></SPAN></TD>
        <TD width="181"><P align="center"><SPAN class="price"><B>￥${item.product.sellPrice} 元</B></SPAN> <BR>
          为您节省：<SPAN class=price>￥${item.product.savedPrice}元 </SPAN><BR> </P></TD>
        <TD align="middle" width="73"><INPUT type="text" style="WIDTH: 30px" maxLength="3" value="${item.number}"  name="amount_${item.product.id}_<c:forEach items="${item.product.styles}" var="style">${style.id}</c:forEach>" οnkeypress="javascript:InputIntNumberCheck()"></TD>
        <TD align="middle" width="66"><a href="<html:rewrite action="/shopping/cart/manage" />?method=delete&buyitemid=${item.product.id}-<c:forEach items="${item.product.styles}" var="style">${style.id}</c:forEach>"><img height="17" src="/images/buy/delete.gif" width="45" border="0"></a></TD>
      </TR>
      <TR vAlign="top">
        <TD colSpan="5"><IMG height=1 src="/images/buy/green-pixel.gif" width="100%" border="0"></TD>
      </TR>
</c:forEach>
<!-- loop end -->  
    </TABLE></FORM>
      <table width="96%" border="0" align="left">
        <tr>
          <td width="60%" align="right">如果您修改了商品数量，请点击
          <img style="CURSOR:hand;" alt="修改数量" src="/images/buy/update-t-sm.gif" value="修改数量" border="0" onClick="javascript:modifyAmount()"></td>
          <td width="9%" align="right"><DIV align="right"><SPAN class="price"><STRONG><B><FONT color="black">共计:</FONT></B></STRONG></SPAN></DIV></td>
          <td width="11%" align="right"><DIV align="center"><SPAN class="price"><STRONG><B class="price"><FONT color="black">￥${buycart.marketPrice }元</FONT></B></STRONG></SPAN></DIV></td>
          <td width="8%" align="right"><DIV align="right"><SPAN class="price"><STRONG><B><FONT color="black">节省:</FONT></B></STRONG></SPAN></DIV></td>
          <td width="12%" align="right"><DIV align="center"><SPAN class="price"><STRONG><B class="price">￥${buycart.savedPrice}元</B></STRONG></SPAN></DIV></td>
        </tr>
        <tr>
          <td colspan="3" align="right">&nbsp;</td>
          <td colspan="2" align="right"><img style="CURSOR:hand;" src="/images/buy/az-by-split.gif" width="116" height="22" onClick="javascript:settleAccounts()"></td>
        </tr>
      </table></TD>
  </TR>
</TABLE>
<br>
<jsp:include page="/page/share/Foot.jsp" />
</BODY>
</HTML>

gaoge19861207
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsp 购物车界面
05-31
简单购物车界面（未完成） 简单的购物选择界面 需要与数据库连接
【JSP简单实现购物车（书本案例代码）】
qq_51870891的博客
08-05 3824
welcome.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <body> <h2>欢迎来到购物网站</h2> 请输入你的信息：<br/> <form action="buy.jsp" method="post"> <input type="text" name="username"
JSP实现购物车系统
12-05
利用 jsp 、 javabean 、 servlet 、session等知识点，结合相关设计模式、 以及软件工程的相关知识， 设计一个网站购物车， 用于记录客户的购物订单， 并能对购物车中商品信息进行查询、修改、删除、清空等操作，商品信息 存储在数据库中。 具体要实现的功能如下： 1 ：显示商品展示界面、操作成功界 面、购物车展示界面等界面。 2 ：商品信息。 3 ：对商品信息能够 进行查询、 修改、 删除、 清空等操作。 4 ： 使用 MVC 设计模式 （ View(jsp) 、 Model(javaBean) 、 Controller(servlet) ）。 5：购物车信息分页显示。”
JSP购物车的实现代码
05-18
JSP购物车的实现代码 JSP购物车的实现代码
运用jsp实现的购物车模块
12-16
运用jsp实现的购物车模块包含添加至购物车功能，查看购物车功能，修改商品购买数量及从购物车中移除指定商品功能，清空购物车功能和收银台结账功能。
jsp购物车几个模块
06-06
【标题解析】：“jsp购物车几个模块”这个标题暗示了我们将会探讨的是基于JSP（JavaServer Pages）技术实现的电子商务网站中购物车功能的几个关键模块。在Web开发中，购物车是用户选择商品并准备购买的核心部分，...
Jsp+Servlet实现购物车功能
10-19
- 创建一个JSP页面来展示商品和购物车表单。 - 编写Servlet来处理添加商品到购物车的请求，使用会话来存储购物车数据。 - 另一个Servlet负责显示购物车的内容，从会话中获取数据并呈现给用户。 - 使用HashMap作为...
jsp实现购物车
03-25
在`jsp`中实现购物车，我们需要理解以下几个关键知识点： 1. **session对象**：在`jsp`中，我们通常利用`HttpSession`对象来保存用户的购物车信息，因为它是跨页面持久化的。当用户添加商品到购物车时，我们将商品...
jsp购物车模块
11-21
6. **响应处理**：完成操作后，Servlet会将处理结果返回给JSP页面，JSP再根据结果更新页面展示，如显示操作成功提示或错误信息。 7. **安全性与优化**：在实际开发中，还需要考虑SQL注入防护、XSS攻击防范以及性能...
Jsp+servlet实现购物车逻辑
04-23
5. **显示购物车**：JSP页面通过Servlet获取的购物车信息，动态渲染购物车内容，包括商品图片、名称、单价、数量和总价等。 6. **结算**：当用户准备结账时，Servlet会处理订单创建，可能需要将购物车中的商品转移...
购物车系统（JSP版）对数据库的增，删，改，查，付款功能等。。。
09-21
购物车系统（JSP版）对数据库的增，删，改，查，付款功能等。。。
购物车前台页面
01-11
这是一个购物车前端的jsp界面，做购物的web项目的同学可以用来提升自己的前台页面，这个可以展示图片，增加商品金额
jsp实现简易购物车
09-15
通过jsp实现的简易购物车，里面包含每次点击只能购买一件物品和可以通过输入购买数量实现多适量的购买。
Jsp+Serlvet实现购物车例子
09-05
通过jsp+servlet实现购物流程 购物车
jsp实现简单购物车页面
weixin_43376497的博客
10-15 9336
壹 我们今天所设计的购物车页面所实现的功能是点击商品所对应的购买按钮即可在另一页面显示所购买的商品。 贰 （1）我们想象一下购物的整个过程，当我们进入超市后，会首先拿一个购物推车或者购物篮， （2）然后我们会在推车里放入自己所要买的东西，或者再把一些东西放回货架上。 （3）我们的推车与别人的推车不一样，所谓不一样，就是这个推车暂时性的唯一，你不可能给别人付钱，你也不允许别人往你推车里放东西。 （4...
JSP（6）简单购物车实现
热门推荐
ADreamClusive的博客
04-25 4万+
两个jsp页面之间跳转需要通过Servlet控制器实现1 创建数据库表-- 创建一个序列，使book的id自增长 create sequence book_seq start with 1 increment by 1 minvalue 1 maxvalue 99999999999999 nocycle nocache -- 用户表 create table user_( id nu
项目-Java Web购物车-JSP实现
Co_zy的博客
07-20 3万+
登录注册功能 login.jsp &amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值