1 案例效果
2 案例分析
3 代码实现
1 CartItem对象
package www.test.domain; public class CartItem { private Product product; private int buyNum; private double subtotal; public Product getProduct() { return product; } public void setProduct(Product product) { this.product = product; } public int getBuyNum() { return buyNum; } public void setBuyNum(int buyNum) { this.buyNum = buyNum; } public double getSubtotal() { return subtotal; } public void setSubtotal(double subtotal) { this.subtotal = subtotal; } }
2 Cart对象
package www.test.domain; import java.util.HashMap; import java.util.Map; public class Cart { //该购物车中存储的n个购物项 private Map<String,CartItem> cartItems = new HashMap<String,CartItem>(); //商品的总计 private double total; public Map<String, CartItem> getCartItems() { return cartItems; } public void setCartItems(Map<String, CartItem> cartItems) { this.cartItems = cartItems; } public double getTotal() { return total; } public void setTotal(double total) { this.total = total; } }
3 ProductServlet对象
package www.test.web.servlet; import java.io.IOException; import java.sql.SQLException; import java.util.ArrayList; import java.util.Arrays; import java.util.LinkedList; import java.util.List; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.Cookie; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import com.google.gson.Gson; import redis.clients.jedis.Jedis; import www.test.domain.Cart; import www.test.domain.CartItem; import www.test.domain.Category; import www.test.domain.Product; import www.test.service.ProductService; import www.test.utils.JedisPoolUtils; import www.test.vo.PageBean; public class ProductServlet extends BaseServlet { /*public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //获得请求的哪个方法method String methodName = request.getParameter("method"); //防止非空，将productListByCid放在前面，这样就能避免 if("productListByCid".equals(methodName)){ productListByCid(request,response); }else if("categoryList".equals(methodName)){ categoryList(request,response); }else if("index".equals(methodName)){ index(request,response); }else if("productInfo".equals(methodName)){ productInfo(request,response); } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); }*/ // 模块中的方法是通过方法名进行区分的 // 1 显示商品类别的功能 public void categoryList(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ProductService service = new ProductService(); // 先从缓存中查询categoryList 如果有直接使用 没有在从数据库中查询 存到缓存中 // 1、获得jedis对象 连接redis数据库 Jedis jedis = JedisPoolUtils.getJedis(); String categoryListJson = jedis.get("categoryListJson"); // 2、判断categoryListJson是否为空 if (categoryListJson == null) { System.out.println("缓存没有数据 查询数据库"); // 准备分类数据 List<Category> categoryList = null; try { categoryList = service.findAllCategory(); } catch (SQLException e) { e.printStackTrace(); } // 使用转换工具将categoryList转换成json格式 Gson gson = new Gson(); categoryListJson = gson.toJson(categoryList); // 将从数据库中获得的categoryListJson存储到缓存中 jedis.set("categoryListJson", categoryListJson); } // 将转换后的json格式字符串写出 // 写出前先解决乱码问题 response.setContentType("text/html;charset=UTF-8"); response.getWriter().write(categoryListJson); } // 2 显示首页的功能 public void index(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ProductService service = new ProductService(); // 获取热门商品-----List<Product> List<Product> hotProductList = null; try { hotProductList = service.findHotProductList(); } catch (SQLException e) { e.printStackTrace(); } // 获取最新商品-----List<Product> List<Product> newProductList = null; try { newProductList = service.findNewProductList(); } catch (SQLException e) { e.printStackTrace(); } // 准备分类数据 /* * List<Category> categoryList =null; try { categoryList = * service.findAllCategory(); } catch (SQLException e) { * * e.printStackTrace(); } request.setAttribute("categoryList", * categoryList); */ // 将获取的数据存入request域 request.setAttribute("hotProductList", hotProductList); request.setAttribute("newProductList", newProductList); // 转发 request.getRequestDispatcher("/index.jsp").forward(request, response); } // 3 显示商品的详细信息的功能 public void productInfo(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取cid和当前页 String cid = request.getParameter("cid"); String currentPage = request.getParameter("currentPage"); // 获取pid String pid = request.getParameter("pid"); // 传递给service层并调取service层的方法 ProductService service = new ProductService(); Product product = null; try { product = service.findProductByPid(pid); } catch (SQLException e) { e.printStackTrace(); } // 存储到request域中 request.setAttribute("product", product); request.setAttribute("cid", cid); request.setAttribute("currentPage", currentPage); // 获取客户端携带的cookie----获得名字是pids的cookie String pids = pid; Cookie[] cookies = request.getCookies(); if (cookies != null) { for (Cookie cookie : cookies) { if ("pids".equals(cookie.getName())) { pids = cookie.getValue(); // 1-3-2 本次访问的商品的pid是8----->8-1-3-2 // 1-3-2 本次访问的商品的pid是3----->3-1-2 // 1-3-2 本次访问的商品的pid是1----->2-1-3 // 将pids拆成一个数组 String[] split = pids.split("-");// {3,1,2} // 数组转换成集合 List<String> asList = Arrays.asList(split);// [3,1,2] LinkedList<String> list = new LinkedList<String>(asList); // [3,1,2] // 判断集合中是否存在当前的pid /* * if(list.contains(pid)){ //包含当前查看的商品的pid //先删掉然后放在头上 * list.remove(pid); list.addFirst(pid); }else{ * //不包含当前查看的商品的pid 直接将该pid放在头上 list.addFirst(pid); } */ // 上面代码的优化 // 不管包不包含都需要放到头上 if (list.contains(pid)) { // 包含当前查看的商品的pid list.remove(pid); } list.addFirst(pid); // 将[3,1,2]转成3-1-2字符串 StringBuffer sb = new StringBuffer(); for (int i = 0; i < list.size() && i < 7; ++i) { sb.append(list.get(i)); sb.append("-"); // 3-1-2- } // 去掉3-1-2-后面的- // substring包含头不包含尾 pids = sb.substring(0, sb.length() - 1); } } } // 创建cookie回写 Cookie cookie_pids = new Cookie("pids", pids); cookie_pids.setMaxAge(60 * 60); // 单位为秒 设置cookie的存储事件一个小时 // 设置cookie的携带路径 cookie_pids.setPath(request.getContextPath()); // 将cookie_pids写回去 response.addCookie(cookie_pids); // 转发 request.getRequestDispatcher("/product_info.jsp").forward(request, response); } // 4 根据商品的类别获得商品的列表 public void productListByCid(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //获取cid String cid = request.getParameter("cid"); String currentPageStr = request.getParameter("currentPage"); if(currentPageStr == null){ currentPageStr = "1"; } int currentPage = Integer.parseInt(currentPageStr); int currentCount =12; //根据cid查询商品 ProductService service = new ProductService(); PageBean<Product> pageBean = service.findProductListByCid(cid,currentPage,currentCount); request.setAttribute("pageBean", pageBean); request.setAttribute("cid", cid); //定义一个集合记录历史商品信息的集合 List<Product> historyProductList = new ArrayList<Product>(); //获取客户端携带的名字叫pids的cookie Cookie[] cookies = request.getCookies(); if(cookies!=null){ for (Cookie cookie : cookies) { if("pids".equals(cookie.getName())){ String pids = cookie.getValue(); //3-1-2 String[] split = pids.split("-"); for(String pid:split){ Product product =null; try { product = service.findProductByPid(pid); historyProductList.add(product); } catch (SQLException e) { e.printStackTrace(); } } } } } //将历史记录的集合放到域中 request.setAttribute("historyProductList", historyProductList); //转发 request.getRequestDispatcher("/product_list.jsp").forward(request, response); } // 5 将商品添加到购物车 addProductToCart public void addProductToCart(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ProductService service = new ProductService(); HttpSession session = request.getSession(); //获得要放到购物车的商品的pid String pid = request.getParameter("pid"); //获得该商品的购买数量 int buyNum = Integer.parseInt(request.getParameter("buyNum")) ; //获得product对象 Product product = null; try { product = service.findProductByPid(pid); } catch (SQLException e) { e.printStackTrace(); } //计算小计 double subtotal = product.getShop_price()*buyNum; //封装cartItem CartItem item = new CartItem(); item.setProduct(product); item.setBuyNum(buyNum); item.setSubtotal(subtotal); //获得购物车---判断是否在session中已经存在购物车 Cart cart = (Cart) session.getAttribute("cart"); if(cart==null){ cart = new Cart(); } // 将购物项放到车中----key是pid //先判断购物车中是否已经包含此购物项目------判断key是否已经存在 //如果购物车已经存在该商品-----将现在买的数量与原有的数进行相加操作 Map<String, CartItem> cartItems = cart.getCartItems(); double newsubtotal = 0.0; if(cartItems.containsKey(pid)){ //取出原有的商品的数量 CartItem cartItem = cartItems.get(pid); int oldBuyNum = cartItem.getBuyNum(); //修改后的数量 int newBuyNum = oldBuyNum + buyNum; cartItem.setBuyNum(newBuyNum); //修改小计 //原来该商品的小计 double oldsubtotal = cartItem.getSubtotal(); //新买的该商品的小计 newsubtotal = buyNum*product.getShop_price(); cartItem.setSubtotal(newsubtotal+oldsubtotal); //修改之后重新存入 cart.setCartItems(cartItems); }else{ //如果购物车中没有该商品 cart.getCartItems().put(product.getPid(), item); newsubtotal = buyNum*product.getShop_price(); } //计算总计 double total = cart.getTotal()+newsubtotal; cart.setTotal(total); // 将车再次放入session session.setAttribute("cart", cart); //转发 直接跳转到购物车页面 转发的话，每次刷新金额都不变化不可以 //request.getRequestDispatcher("/cart.jsp").forward(request, response); response.sendRedirect(request.getContextPath()+"/cart.jsp"); } }
4 product_info.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>会员登录</title> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" /> <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <!-- 引入自定义css文件 style.css --> <link rel="stylesheet" href="css/style.css" type="text/css" /> <style> body { margin-top: 20px; margin: 0 auto; } .carousel-inner .item img { width: 100%; height: 300px; } </style> <script type="text/javascript"> function addCart() { //获得购买商品的数量 var buyNum = $("#buyNum").val(); location.href="${pageContext.request.contextPath }/product?method=addProductToCart&pid=${product.pid}&buyNum="+buyNum; } </script> </head> <body> <!-- 引入header.jsp --> <jsp:include page="/header.jsp"></jsp:include> <div class="container"> <div class="row"> <div style="border: 1px solid #e4e4e4; width: 930px; margin-bottom: 10px; margin: 0 auto; padding: 10px; margin-bottom: 10px;"> <a href="./index.htm">首页 ></a> <a href="./蔬菜分类.htm">蔬菜 ></a> <a>无公害蔬菜</a> </div> <div style="margin: 0 auto; width: 950px;"> <div class="col-md-6"> <img style="opacity: 1; width: 400px; height: 350px;" title="" class="medium" src="${pageContext.request.contextPath }/${product.pimage}"> </div> <div class="col-md-6"> <div> <strong>${product.pname }</strong> </div> <div style="border-bottom: 1px dotted #dddddd; width: 350px; margin: 10px 0 10px 0;"> <div>编号：${product.pid }</div> </div> <div style="margin: 10px 0 10px 0;"> 亿家价: <strong style="color: #ef0101;">￥：${product.shop_price }元/份</strong> 参 考 价： <del>￥${product.market_price }元/份</del> </div> <div style="margin: 10px 0 10px 0;"> 促销: <a target="_blank" title="限时抢购 (2014-07-30 ~ 2015-01-01)" style="background-color: #f07373;">限时抢购</a> </div> <div style="padding: 10px; border: 1px solid #e7dbb1; width: 330px; margin: 15px 0 10px 0;; background-color: #fffee6;"> <div style="margin: 5px 0 10px 0;">白色</div> <div style="border-bottom: 1px solid #faeac7; margin-top: 20px; padding-left: 10px;"> 购买数量: <input id="buyNum" name="buyNum" value="1"maxlength="4" size="10" type="text"> </div> <div style="margin: 20px 0 10px 0;; text-align: center;"> <a href="javascript:void(0);" onclick="addCart()"> <input style="background: url(‘./images/product.gif‘) no-repeat scroll 0 -600px rgba(0, 0, 0, 0); height: 36px; width: 127px;" value="加入购物车" type="button"> </a> 收藏商品 </div> </div> <a href="${pageContext.request.contextPath }/product?method=productListByCid&cid=${cid }¤tPage=${currentPage}">返回商品列表</a> </div> </div> <div class="clear"></div> <div style="width: 950px; margin: 0 auto;"> <div style="background-color: #d3d3d3; width: 930px; padding: 10px 10px; margin: 10px 0 10px 0;"> <strong>商品介绍</strong> </div> <div> <img src="${pageContext.request.contextPath }/${product.pimage}"> </div> <div style="background-color: #d3d3d3; width: 930px; padding: 10px 10px; margin: 10px 0 10px 0;"> <strong>商品参数</strong> </div> <div style="margin-top: 10px; width: 900px;"> <table class="table table-bordered"> <tbody> <tr class="active"> <th colspan="2">基本参数</th> </tr> <tr> <th width="10%">级别</th> <td width="30%">标准</td> </tr> <tr> <th width="10%">标重</th> <td>500</td> </tr> <tr> <th width="10%">浮动</th> <td>200</td> </tr> </tbody> </table> </div> <div style="background-color: #d3d3d3; width: 900px;"> <table class="table table-bordered"> <tbody> <tr class="active"> <th><strong>商品评论</strong></th> </tr> <tr class="warning"> <th>暂无商品评论信息 <a>[发表商品评论]</a></th> </tr> </tbody> </table> </div> <div style="background-color: #d3d3d3; width: 900px;"> <table class="table table-bordered"> <tbody> <tr class="active"> <th><strong>商品咨询</strong></th> </tr> <tr class="warning"> <th>暂无商品咨询信息 <a>[发表商品咨询]</a></th> </tr> </tbody> </table> </div> </div> </div> </div> <!-- 引入footer.jsp --> <jsp:include page="/footer.jsp"></jsp:include> </body> </html>
5 cart.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>黑马商城购物车</title> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" /> <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <!-- 引入自定义css文件 style.css --> <link rel="stylesheet" href="css/style.css" type="text/css" /> <style> body { margin-top: 20px; margin: 0 auto; } .carousel-inner .item img { width: 100%; height: 300px; } font { color: #3164af; font-size: 18px; font-weight: normal; padding: 0 10px; } </style> </head> <body> <!-- 引入header.jsp --> <jsp:include page="/header.jsp"></jsp:include> <div class="container"> <div class="row"> <div style="margin: 0 auto; margin-top: 10px; width: 950px;"> <strong style="font-size: 16px; margin: 5px 0;">订单详情</strong> <table class="table table-bordered"> <tbody> <tr class="warning"> <th>图片</th> <th>商品</th> <th>价格</th> <th>数量</th> <th>小计</th> <th>操作</th> </tr> <c:forEach items="${cart.cartItems }" var="entry"> <tr class="active"> <td width="60" width="40%"><input type="hidden" name="id" value="22"> <img src="${pageContext.request.contextPath }/${entry.value.product.pimage}" width="70" height="60"></td> <!--${cart.cartItems }获得是Map<String,CartItem> entry.value获得是CartItem entry.value.product获得product --> <td width="30%"><a target="_blank"> ${entry.value.product.pname}</a></td> <td width="20%">￥${entry.value.product.shop_price}</td> <td width="10%"> ${entry.value.buyNum } </td> <td width="15%"><span class="subtotal">￥${entry.value.subtotal }</span></td> <td><a href="javascript:;" class="delete">删除</a></td> </tr> </c:forEach> </tbody> </table> </div> </div> <div style="margin-right: 130px;"> <div style="text-align: right;"> <em style="color: #ff6600;"> 登录后确认是否享有优惠 </em> 赠送积分: <em style="color: #ff6600;">${cart.total }</em> 商品金额: <strong style="color: #ff6600;">￥${cart.total }元</strong> </div> <div style="text-align: right; margin-top: 10px; margin-bottom: 10px;"> <a href="order_info.htm" id="clear" class="clear">清空购物车</a> <a href="order_info.htm"> <input type="submit" width="100" value="提交订单" name="submit" border="0" style="background: url(‘./images/register.gif‘) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 35px; width: 100px; color: white;"> </a> </div> </div> </div> <!-- 引入footer.jsp --> <jsp:include page="/footer.jsp"></jsp:include> </body> </html>
