简单购物车应用案例

设计一个简单的购物车,模拟网上购物中购物车的形成。

本案例设计两个商品购买页面,页面之间可以互相跳转,选择好商品提交后数据会保存至购物车。购物过程是在session范围内完成的,需要使用session对象实现信息的共享。

购买肉类商品页面代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>   
    <title>肉类商品界面</title>
  </head>
  
  <body>
  <% request.setCharacterEncoding("UTF-8");
     if(request.getParameter("c1")!=null)
     session.setAttribute("s1", request.getParameter("c1"));
     if(request.getParameter("c2")!=null)
     session.setAttribute("s2", request.getParameter("c2"));
     if(request.getParameter("c3")!=null)
     session.setAttribute("s3",request.getParameter("c3"));
   %>
                各种肉类大甩卖,一律十块<br>
        <form method="post" action="meat.jsp">
        <p><input type="checkbox" name="c1" value="猪肉">猪肉 
        <input type="checkbox" name="c2" value="牛肉">牛肉 
        <input type="checkbox" name="c3" value="羊肉">羊肉
        </p>
        <p><input type="submit" value="提交" name="B1">  //点击提交数据
        <a href="boll.jsp">买点别的</a>    //跳转至另一个购物页面
        <a href="buycar.jsp">查看购物车</a>
        </p>
        </form>
  </body>
</html>
运行结果



购买球类商品页面代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>  
    <title>球类商品页面</title>
  </head> 
  <body>
   <% request.setCharacterEncoding("UTF-8");
      if(request.getParameter("b1")!=null)
      session.setAttribute("s4", request.getParameter("b1"));
      if(request.getParameter("b2")!=null)
      session.setAttribute("s5", request.getParameter("b2"));
      if(request.getParameter("b3")!=null)
      session.setAttribute("s6", request.getParameter("b3"));
    %>
               各种球类大甩卖!<br>
      <form method="post" action="boll.jsp">
        <p><input type="checkbox" value="篮球" name="b1">篮球 
        <input type="checkbox" name="b2" value="足球">足球 
        <input type="checkbox" name="b3" value="排球">排球 
        </p>
        <p><input type="submit" name="x1" value="提交">
        <a href="meat.jsp">买点别的</a> 
        <a href="buycar.jsp">查看购物车</a>
        </p>      
      </form>
  </body>
</html>
运行结果:


购物车结果显示页面:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>
    <title>购物车清单</title>
  </head> 
  <body>
          您选择的结果是:<br>
   <% request.setCharacterEncoding("UTF-8");
      String str="";
      if(session.getAttribute("s1")!=null){
      str=(String)session.getAttribute("s1");
      out.println(str+"<br>");
      }
      if(session.getAttribute("s2")!=null){
      str=(String)session.getAttribute("s2");
      out.println(str+"<br>");
      }
      if(session.getAttribute("s3")!=null){
      str=(String)session.getAttribute("s3");
      out.println(str+"<br>");
      }
      if(session.getAttribute("s4")!=null){
      str=(String)session.getAttribute("s4");
      out.println(str+"<br>");
      }
      if(session.getAttribute("s5")!=null){
      str=(String)session.getAttribute("s5");
      out.println(str+"<br>");
      }
      if(session.getAttribute("s6")!=null){
      str=(String)session.getAttribute("s6");
      out.println(str+"<br>");
      }
    %>
  </body>
</html>


运行结果:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值