添加购物车功能实现

这篇来做一个练习,就是图书详情页面,点击购买按钮,这本书添加到购物中。购物车中主要思想就是采用HashMap来存储数据。

需求场景

浏览器打开

显示图书列表,例如点击第一本进入该书的详情页。




java selenium 页面跳转 java实现页面跳转_java selenium 页面跳转


点击购买,这本书被添加到购物中。

大致实现思路

这里来想一下大致实现的思路,就是product_info.jsp页面点击购买按钮,这个跳转到一个addCartServlet中,把book.id传过来,然后根据id去查询这本书,然后放入购物车页面,大致就是这么一个过程。

给购买按钮添加链接跳转

这里跳转到一个addCartServlet,关键是id需要传过来,找到product_info.jsp,找到添加这个元素位置,代码变动如下(红圈位置是代码变动)。


java selenium 页面跳转 java实现页面跳转_java selenium 页面跳转_02


具体代码如下


"${pageContext.request.contextPath}/addCartServlet?id=${book.id}"> "images/buybutton.gif" border="0" />


创建AddCartServlet.java

这里先创建一个空的servlet文件


java selenium 页面跳转 java实现页面跳转_java selenium 页面跳转_03


Dao/Service层代码

看看Dao层代码,由于这里我们根据id来查找图书,这个方法我们之前写过了,所以本次练习不需要更改Dao和Service层代码。

Servlet文件代码

package com.kaigejava.web.servlet;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import com.kaigejava.domain.Book;
import com.kaigjava.service.BookService;
import com.kaigejava.service.BookServiceImpl;
public class AddCartServlet extends HttpServlet {
 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 String id = request.getParameter("id");
 //根据id去查找book
 BookService bs = new BookServiceImpl();
 Book book = bs.findBookById(id);
 //从session中购物车取出来
 HttpSession session = request.getSession();
 Map cart = (Map) session.getAttribute("cart");
 int num = 1;
 if(cart == null) {
 cart = new HashMap();
 }
 // 如果购物车中包含这本书,num就要加1
 if(cart.containsKey(book)) {
 num = Integer.parseInt(cart.get(book)) + 1;
 }
 // 把图书放入购物车
 cart.put(book, num+"");
 }
 public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 doGet(request, response);
 }
}

但是上面有一个问题,在这行代码cart.containsKey(book)

Book是一个高级对象,这个引用对象比较,虽然查找出来的book 和session中的book值一样,但是地址不一样,hashmap是根据hashcode去比较,这里我们来Book.java类重写下hashCode和equal方法。

@Override
 public int hashCode() {
 final int prime = 31;
 int result = 1;
 result = prime * result + ((id == null) ? 0 : id.hashCode());
 return result;
 }
 @Override
 public boolean equals(Object obj) {
 if (this == obj)
 return true;
 if (obj == null)
 return false;
 if (getClass() != obj.getClass())
 return false;
 Book other = (Book) obj;
 if (id == null) {
 if (other.id != null)
 return false;
 } else if (!id.equals(other.id))
 return false;
 return true;
 }

继续写Servlet代码,添加一个打印内容,可以点击继续购物或者点击查看购物车。

上面就添加了字符集设置和最后一行out输出,里面链接跳转。

下面来在cart.jsp页面中写一个循环,因为购物车列表存在多条数据的情况。

下面代码主要看49-73行。

保存代码,接下来进行部署测试

部署测试

保存代码,部署重启Tomcat服务器,然后来点击购买和查看购物车操作。

点击购买之后,跳转页面输出如下内容。


java selenium 页面跳转 java实现页面跳转_java_04


这里点击继续购物,再买一本。然后点击查看购物车。


java selenium 页面跳转 java实现页面跳转_怎么查看页面跳转过程_05