mvc架构实现商品的购买（二）

2024-09-26 18:39:59

在上篇文章中使用了mode1的模型来实现商品的浏览，这篇文章在上篇的基础上，使用mvc架构实现商品的购买。
运行结果：

相对与上篇文章我们多了购物车类
由于我们在购买物品时，购物车需要的属性为购买的商品和数量所以我们用map的键值来保存购买的商品。
当然还有一个总价格，购物车的方法有 添加商品删除商品计算总价格 其中总价格应该在每次添加商品和删除商品时重新计算购物车商品集合只在初始化购物车的时候实例化一次即可

package entity; 

import java.util.HashMap; 

public class Cart {
  //购物车商品集合
  private HashMap<Items,Integer> cart;
  //总金额
  private double totalPrices;
  public Cart() {
    cart=new HashMap<Items, Integer>();
    totalPrices=0.0;
  }
  public HashMap<Items, Integer> getCart() {
    return cart;
  }
  public void setCart(HashMap<Items, Integer> cart) {
    this.cart = cart;
  }
  public double getTotalPrices() {
    return totalPrices;
  }
  public void setTotalPrices(double totalPrices) {
    this.totalPrices = totalPrices;
  }
  //添加物品进购物车
  public boolean addToCart(Items item,int counts){
    //如果当前物品 已经添加过 只增加数量
    if(cart.containsKey(item)){
      cart.put(item, cart.get(item)+counts);
    }else{
      cart.put(item, counts);
    }
    //重新计算价格
    calTotalPrice(item.getPrice()*counts);
    return true;
  }
  //将物品从购物车删除
  public boolean removeFromCart(Items item){
    if(cart!=null&&cart.containsKey(item)){
      calTotalPrice(-item.getPrice()*cart.get(item));
      cart.remove(item);
    }
    return true;
  }
  //计算总金额
  private void calTotalPrice(double price){
    totalPrices+=price;
  }
}

CartServlet的doGett方法根据action来进行相应的处理

if (request.getParameter("action") != null) {
      action = request.getParameter("action"); 

      if ("add".equals(action)) { // 添加商品
        if (addGoodsToCart(request, response)) {
          request.getRequestDispatcher("../success.jsp").forward(
              request, response);
        } else {
          request.getRequestDispatcher("../failure.jsp").forward(
              request, response);
        } 

      } else if ("show".equals(action)) {// 显示购物车
        request.getRequestDispatcher("../cart.jsp").forward(request,
            response);
      } else if ("delete".equals(action)) {// 删除物品
        deleteGoodFromCart(request, response);
        request.getRequestDispatcher("../cart.jsp").forward(request,
            response);
      }
    }

当在商品界面我们点击了放入购物车时将当前商品的编号传到购物车的servlet类CartServlet开始处理当前物品并将当前物品放入购物车

再放入购物车之前首先判断是否是第一次创建购物车（购物车肯定只有一个不能有多个）如果是第一次创建购物车cart
将当前购物车放入session ，然后通过ItemsDao对象调用getItemById(id)方法获得商品对象。然后将相应的商品对象和商品数量放入购物车

//向购物车添加商品
  private boolean addGoodsToCart(HttpServletRequest request,
      HttpServletResponse response) {
    String id=request.getParameter("id");
    String counts=request.getParameter("num");
    Items item=dao.getItemById(Integer.parseInt(id));
    //判断是否是第一次创建购物车
    if(request.getSession().getAttribute("cart")==null){
      Cart cart=new Cart();
      request.getSession().setAttribute("cart", cart);
      request.getSession().setAttribute("dao", dao);
    }
    Cart cart=(Cart) request.getSession().getAttribute("cart");
    //将商品添加到购物车
    if(cart.addToCart(item, Integer.parseInt(counts))){
      return true;
    }else{
      return false;
    }
  }

如果点击了查看购物车 CartServlet重定向到购物车页面

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ page import="entity.Cart" %>
<%@ page import="entity.Items" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>">
  <title>My JSP 'cart.jsp' starting page</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  <!--
  <link rel="stylesheet" type="text/css" href="styles.css">
  -->
  <link type="text/css" rel="stylesheet" href="css/style1.css" />
  <script language="javascript">
    function delcfm() {
      if (!confirm("确认要删除？")) {
        window.event.returnValue = false;
      }
    }
  </script>
 </head> 

 <body>
  <h1>我的购物车</h1>
  <a href="goods.jsp">首页</a> >> <a href="goods.jsp">商品列表</a>
  <hr>
  <div id="shopping">
  <form action="" method="">
      <table>
        <tr>
          <th>商品名称</th>
          <th>商品单价</th>
          <th>商品价格</th>
          <th>购买数量</th>
          <th>操作</th>
        </tr>
        <%
          //首先判断session中是否有购物车对象
          if(request.getSession().getAttribute("cart")!=null)
          {
        %>
        <!-- 循环的开始 -->
           <%
             Cart cart = (Cart)request.getSession().getAttribute("cart");
             HashMap<Items,Integer> goods = cart.getCart();
             Set<Items> items = goods.keySet();
             Iterator<Items> it = items.iterator(); 

             while(it.hasNext())
             {
              Items i = it.next();
           %>
        <tr name="products" id="product_id_1">
          <td class="thumb"><img src="images/<%=i.getPicture()%>" /><a href=""><%=i.getName()%></a></td>
          <td class="number"><%=i.getPrice() %></td>
          <td class="price" id="price_id_1">
            <span><%=i.getPrice()*goods.get(i) %></span>
            <input type="hidden" value="" />
          </td>
          <td class="number">
            <%=goods.get(i)%>
          </td>
          <td class="delete">
           <a href="servlet/CartServlet?action=delete&id=<%=i.getId()%>" onclick="delcfm();">删除</a>
          </td>
        </tr>
           <%
             }
           %>
        <!--循环的结束--> 

      </table>
       <div class="total"><span id="total">总计：<%=cart.getTotalPrices() %>￥</span></div>
       <%
        }
       %>
      <div class="button"><input type="submit" value="" /></div>
    </form>
  </div>
 </body>
</html>

当点击了删除商品 CartServlet类调用删除商品的方法

// 从购物车删除商品
  private boolean deleteGoodFromCart(HttpServletRequest request,
      HttpServletResponse response) {
    //从session中获取购物车对象
    Cart cart = (Cart) request.getSession().getAttribute("cart");
    if (cart != null) {
      int id = Integer.parseInt(request.getParameter("id"));
      if (cart.removeFromCart(dao.getItemById(id))) {
        return true;
      }
    }
    return false; 

  }

逻辑代码主要如上。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android自定义商品购买数量加减控件

在购买商品时,大家可以自定义数字加减控件,来确定购买商品的实际数量,如何实现此控件,请参考下文: 1.自定义数字加减控件的要求创建Module -NumberAddSubView A_输入的只能是数字,而且不能通过键盘输入 B_通过加减按钮操作数字 C_监听加减按钮 D_数组有最小值和最大值的限制 E_自定义属性 2.提供接口,让外界监听到数字的变化 1_设置接口 @Override public void onClick(View v) { if (v.getId() == R.id.btn
jQuery 浮动导航菜单适合购物商品类型的网站

单页面网页内容较多,页面长度较大,需要方便快速的在页面的不同位置进行定位,所以浮动菜单逐渐流行了起来,如下图男装.女装.美妆等. 这种菜单功能分为两部分: 1.点击菜单项,网页滚动到对应位置,可简单通过锚点实现: 2.滚动页面的时候,菜单项的选中状态要跟着改变,这就需要监听网页的滚动事件并通过一点计算来实现了: 计算 scrollTop 和各个 div 的 offsetTop 的大小关系,判断现在网页显示的位置在什么地方,再根据计算的结果给对应的菜单项添加样式.比如第二个 div 的 off
基于JavaScript实现购物网站商品放大镜效果

大家几乎都有在网上购物的经验,有的网站会有一个商品放大镜功能,就是把鼠标移到图片上的时候,旁边会有另外一张大的图片展示,等同于放大镜效果,那这样的效果怎样实现的呢,我把代码发给大家,请大家参考. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜</title> <style> *{mar
js实现商品抛物线加入购物车特效

本文实例为大家分享了js实现商品抛物线加入购物车动画代码,供大家参考,具体内容如下 parapola.js /*! * by zhangxinxu(.com) 2012-12-27 * you can visit http://www.zhangxinxu.com/wordpress/?p=3855 to get more infomation * under MIT license */ var funParabola = function(element, target, options)
基于PHP实现假装商品限时抢购繁忙的效果

最近要做一个项目,有关商品显示抢购的功能.比如我们的网站很带流量,那么成千上万的用户在几秒内同时点你的商品,确实会出现"抢购人数过多,会提示,系统繁忙. 但是呢,大部分网站然而并没有这么牛叉.为了让用户感受到商品很抢手,动不动就提示"系统繁忙"的效果,我们需要做一个程序来"假装很繁忙". (除了淘宝,大家不要以为其他网站真的很繁忙哦,只不过人家是故意让你觉得不抢就买不到,求懂) 本文来设定一个规则,大家可以根据我的思路扩展即可. 1.商品购买链接,每个人都
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车

在本文中,我们将向您展示如何创建一个启用用户拖动和放置用户想买的商品的购物车页面,购物篮中的物品和价格将更新,分享给大家,具体内容如下: 效果图: 具体代码如下显示页面上的商品: <ul class="products"> <li> <a href="#" class="item"> <img src="images/shirt1.gif"/> <div> <
Android仿美团下拉菜单(商品选购)实例代码

美团电商应用平台大家使用非常频繁,下面小编通过本文给大家介绍电商应用平台中常用的选择类别下拉列表的实现.先给大家展示下效果图: 一.下拉列表的实现其实实现方法有很多,这时实现的也没有什么技术含量,只是总结下自己在项目中的做法,也提供一个思路. 首先是列表的数据,一般数据都是从后台读过来,这里因为没有后台,所以写死在客户端: private void initMenuData() { menuData = new ArrayList<map<string, string=""
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)

购物车点击可以减少或者添加商品并自动计算价格: 购物车中可能有这样的功能,那就是点击按钮可以实现商品数量的减少或者增加,并且能够实时的计算出总的商品价格,下面就通过代码实例介绍一下如何实现此功能,当然下面的这个模拟实现的购物车难登大雅之堂,但是可以从中得到一些启发或者相关的知识点,代码如下: 复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&
Android实现仿淘宝购物车增加和减少商品数量功能demo示例

本文实例讲述了Android实现仿淘宝购物车增加和减少商品数量功能.分享给大家供大家参考,具体如下: 在前面一篇<Android实现的仿淘宝购物车demo示例>中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了,本来想买一件来着,小手不小心抖了一下,把数量错点成了三个,这个时候就涉及到一个新的功能,那就是增加和减少商品的数量,今天这篇博文,小编就来和小伙伴们
JavaScript实现仿淘宝商品购买数量的增减效果

近期在开发一个地方O2O租书项目,使用ASP.NET MVC技术,其中在图书详情页,用户可以输入借阅的数量,这里使用了js来控制数量的增减和校验. 1.数量一定是数字 2.点击增减按钮的时候要能自动加1或减1 3.用户输入的内容如果是非数字,则不能输入(退格键除外) 4.用户输入的值最小为1 5.输入框离开焦点时要检查取值范围,确保输入框中必须是范围内的数字基本就是以上几点效果如下: 以下是Html代码 <div class="bookNum"> <a id=&q

mvc架构实现商品的购买（二）

相关推荐

随机推荐