购物车系列教材（四）- 模块

-->

下载区
文件名	文件大小
cart.rar	878k
cart_practise_delete.rar	1m
cart_practise_add_cart.rar	1m
解压rar如果失败，请用5.21版本或者更高版本的winrar 点击下载 winrar5.21

工具版本兼容问题

从开发者的角度来看，购买行为就是创建一条一条的订单项
而显示购物车，也就是把这些订单项显示在页面上。

在这个阶段，订单项都会保存在session中，直到最后生成订单的时候，才会把这些订单项保存在数据库中。

纠

步骤 1 : SQL
步骤 2 : OrderItem
步骤 3 : ProductDAO
步骤 4 : 购买商品
步骤 5 : 显示购物车内容
步骤 6 : 购买相同商品
步骤 7 : 配置web.xml
步骤 8 : 测试
步骤 9 : 练习-删除订单项
步骤 10 : 答案-删除订单项
步骤 11 : 练习-加入购物车
步骤 12 : 答案-加入购物车

步骤 1 :

SQL

edit 顶折

纠问

暂时不需要为OrderItem创建表，因为在这个环节OrderItem还是保存在Session中的

步骤 2 :

OrderItem

edit 顶折

纠问

OrderItem使用属性Product类型的product，而非int类型的pid，因为在后续显示购物车的时候，可以很简单的通过el表达式就显示商品名称和价格了

${oi.product.name}

代码行数较多，请点击查看

package bean;

public class OrderItem {

	private int id;
	private Product product;
	private int num;
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public Product getProduct() {
		return product;
	}
	public void setProduct(Product product) {
		this.product = product;
	}
	public int getNum() {
		return num;
	}
	public void setNum(int num) {
		this.num = num;
	}
}

步骤 3 :

ProductDAO

edit 顶折

纠问

因为购买的时候，提交到服务器的是pid, 而OrderItem类的product属性是一个Product类型

所以ProductDAO需要根据id获取Product对象

package dao; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import java.util.ArrayList; import java.util.List; import bean.Product; public class ProductDAO { public static void main(String[] args) { System.out.println(new ProductDAO().getProduct(1).getName()); } public Product getProduct(int id) { Product result = null; try { Class.forName("com.mysql.jdbc.Driver"); Connection c = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/cart?characterEncoding=UTF-8", "root", "admin"); String sql = "select * from product where id = ?"; PreparedStatement ps = c.prepareStatement(sql); ps.setInt(1, id); ResultSet rs = ps.executeQuery(); if (rs.next()) { result = new Product(); result.setId(id); String name = rs.getString(2); float price = rs.getFloat(3); result.setName(name); result.setPrice(price); } ps.close(); c.close(); } catch (ClassNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } return result; } public List<Product> ListProduct() { List<Product> products = new ArrayList<Product>(); try { Class.forName("com.mysql.jdbc.Driver"); Connection c = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/cart?characterEncoding=UTF-8", "root", "admin"); String sql = "select * from product order by id desc"; PreparedStatement ps = c.prepareStatement(sql); ResultSet rs = ps.executeQuery(); while (rs.next()) { Product product = new Product(); int id = rs.getInt(1); String name = rs.getString(2); float price = rs.getFloat(3); product.setId(id); product.setName(name); product.setPrice(price); products.add(product); } ps.close(); c.close(); } catch (ClassNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } return products; } }

代码行数较多，请点击查看

package dao;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import bean.Product;

public class ProductDAO {

	public static void main(String[] args) {

		System.out.println(new ProductDAO().getProduct(1).getName());

	}

	public Product getProduct(int id) {
		Product result = null;

		try {
			Class.forName("com.mysql.jdbc.Driver");

			Connection c = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/cart?characterEncoding=UTF-8",
					"root", "admin");

			String sql = "select * from product where id = ?";

			PreparedStatement ps = c.prepareStatement(sql);
			ps.setInt(1, id);

			ResultSet rs = ps.executeQuery();

			if (rs.next()) {
				result = new Product();
				result.setId(id);

				String name = rs.getString(2);
				float price = rs.getFloat(3);

				result.setName(name);
				result.setPrice(price);

			}

			ps.close();

			c.close();

		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return result;
	}

	public List<Product> ListProduct() {
		List<Product> products = new ArrayList<Product>();

		try {
			Class.forName("com.mysql.jdbc.Driver");

			Connection c = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/cart?characterEncoding=UTF-8",
					"root", "admin");

			String sql = "select * from product order by id desc";

			PreparedStatement ps = c.prepareStatement(sql);

			ResultSet rs = ps.executeQuery();

			while (rs.next()) {
				Product product = new Product();
				int id = rs.getInt(1);
				String name = rs.getString(2);
				float price = rs.getFloat(3);

				product.setId(id);
				product.setName(name);
				product.setPrice(price);
				products.add(product);

			}

			ps.close();

			c.close();

		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return products;
	}
}

步骤 4 :

购买商品

edit 顶折

纠问

购买行为本身就是创建一个OrderItem对象
在负责购买商品的OrderItemAddServlet 中，进行如下流程
1. 获取购买数量
2. 获取购买商品的id
3. 根据id获取商品对象
4. 创建一个新的OrderItem对象
5. 从session中取出一个List , 这个List里面存放陆续购买的商品。
如果是第一次从session中获取该List,那么它会是空的，需要创建一个ArrayList
6. 把新创建的OrderItem对象放入该List 中
7. 跳转到显示购物车的listOrderItem

代码行数较多，请点击查看

package servlet;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import bean.OrderItem;
import bean.Product;
import dao.ProductDAO;

public class OrderItemAddServlet extends HttpServlet {

	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		int num = Integer.parseInt(request.getParameter("num"));
		int pid = Integer.parseInt(request.getParameter("pid"));
		Product p = new ProductDAO().getProduct(pid);

		OrderItem oi = new OrderItem();

		oi.setNum(num);
		oi.setProduct(p);

		List<OrderItem> ois = (List<OrderItem>) request.getSession().getAttribute("ois");

		if (null == ois) {
			ois = new ArrayList<OrderItem>();
			request.getSession().setAttribute("ois", ois);
		}
		
		ois.add(oi);

		response.sendRedirect("/listOrderItem");

	}
}

步骤 5 :

显示购物车内容

edit 顶折

纠问

显示购物车的OrderItemListServlet 其实什么也没做，因为数据已经在session准备好了，直接服务端跳转到listOrderItem.jsp

在listOrderItem.jsp中，从session中遍历出所有的OrderItem。因为保存在OrderItem 上的是一个Product对象，所以很容易就可以通过EL表达式遍历出商品的名称和价格。

${oi.product.name}
${oi.product.price}

OrderItemListServlet.java
listOrderItem.jsp

代码行数较多，请点击查看

package servlet;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import bean.Product;
import dao.ProductDAO;

public class OrderItemListServlet extends HttpServlet
{

	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.getRequestDispatcher("listOrderItem.jsp").forward(request, response);
	}
}

代码行数较多，请点击查看


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.*" isELIgnored="false"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<h1 align="center" >购物车</h1>
<table align='center' border='1' cellspacing='0'>
	<tr>
		<td>商品名称</td>
		<td>单价</td>
		<td>数量</td>
		<td>小计</td>
	</tr>

	<c:forEach items="${ois}" var="oi" varStatus="st">
		<tr>
			<td>${oi.product.name}</td>
			<td>${oi.product.price}</td>
			<td>${oi.num}</td>
			<td>${oi.product.price*oi.num}</td>
		</tr>
	</c:forEach>
</table>

步骤 6 :

购买相同商品

edit 顶折

纠问

遍历session中所有的OrderItem

如果找到对应的product.id一样的条目，就调整其数量
如果没有找到，就新增加一条

代码行数较多，请点击查看

package servlet;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import bean.OrderItem;
import bean.Product;
import dao.ProductDAO;

public class OrderItemAddServlet extends HttpServlet {

	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		int num = Integer.parseInt(request.getParameter("num"));
		int pid = Integer.parseInt(request.getParameter("pid"));
		Product p = new ProductDAO().getProduct(pid);

		OrderItem oi = new OrderItem();

		oi.setNum(num);
		oi.setProduct(p);

		List<OrderItem> ois = (List<OrderItem>) request.getSession().getAttribute("ois");

		if (null == ois) {
			ois = new ArrayList<OrderItem>();
			request.getSession().setAttribute("ois", ois);
		}

		boolean found = false;
		for (OrderItem orderItem : ois) {
			if (orderItem.getProduct().getId() == oi.getProduct().getId()) {
				orderItem.setNum(orderItem.getNum() + oi.getNum());
				found = true;
				break;
			}
		}

		if (!found)
			ois.add(oi);

		response.sendRedirect("/listOrderItem");

	}
}

步骤 7 :

配置web.xml

edit 顶折

纠问

代码行数较多，请点击查看

<?xml version="1.0" encoding="UTF-8"?>
<web-app>

	<servlet>
		<servlet-name>ProductListServlet</servlet-name>
		<servlet-class>servlet.ProductListServlet</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>ProductListServlet</servlet-name>
		<url-pattern>/listProduct</url-pattern>
	</servlet-mapping>
	<servlet>
		<servlet-name>UserLoginServlet</servlet-name>
		<servlet-class>servlet.UserLoginServlet</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>UserLoginServlet</servlet-name>
		<url-pattern>/login</url-pattern>
	</servlet-mapping>
	<servlet>
		<servlet-name>OrderItemAddServlet</servlet-name>
		<servlet-class>servlet.OrderItemAddServlet</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>OrderItemAddServlet</servlet-name>
		<url-pattern>/addOrderItem</url-pattern>
	</servlet-mapping>
	
	<servlet>
		<servlet-name>OrderItemListServlet</servlet-name>
		<servlet-class>servlet.OrderItemListServlet</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>OrderItemListServlet</servlet-name>
		<url-pattern>/listOrderItem</url-pattern>
	</servlet-mapping>

</web-app>

步骤 8 :

测试

edit 顶折

纠问

从登陆页面开始，登陆后到产品显示页面，然后修改购买数量，最后点击购买

http://127.0.0.1/login.jsp

步骤 9 :

练习-删除订单项

edit 顶折

纠问

姿势不对,事倍功半! 点击查看做练习的正确姿势

在订单项后面增加一个删除按钮，表示可以删除这个订单项

步骤 10 :

答案-删除订单项

edit 顶折

纠问

在查看答案前，尽量先自己完成，碰到问题再来查看答案，收获会更多

查看本答案会花费3个积分，您目前总共有点积分。查看相同答案不会花费额外积分。积分增加办法

账号未激活账号未激活，功能受限。请点击激活

答案在右上角的：cart_practise_delete.rar

步骤 11 :

练习-加入购物车

edit 顶折

纠问

姿势不对,事倍功半! 点击查看做练习的正确姿势

目前是购买，并且跳转到购物车页面。

修改为"加入购物车“，点击之后，"加入购物车“几个字变灰，不可点。当前页面也不跳转。通过ajax把这个数据提交到后台，加入购物车。

要准备一个显示购物车连接。

步骤 12 :

答案-加入购物车

edit 顶折

纠问

在查看答案前，尽量先自己完成，碰到问题再来查看答案，收获会更多

查看本答案会花费4个积分，您目前总共有点积分。查看相同答案不会花费额外积分。积分增加办法

账号未激活账号未激活，功能受限。请点击激活

答案在右上角的：cart_practise_add_cart.rar

购物车系列教材（三）- 用户模块

购物车系列教材（五）- 订单模块

HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。

问答区域

2023-08-10 站长的”加入购物车“是不是有点问题

四方1	关于 J2EE-购物车-购物车模块 -练习-加入购物车的提问花积分看他的标答其他功能都正常，就是加不进购物车。购物车里面无论如何都是空的，不知道有没有看过的小伙伴

1 个答案

起个名
答案时间：2024-05-17

ajax方式

代码超过 5行，点击查看

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2021-08-18 found不太理解

forestfire

关于 J2EE-购物车-购物车模块的提问

boolean found = false; 那么 if（！false）不应该是true吗，是找到了意思吧，那为什么还叫add

boolean found = false;
        for (OrderItem orderItem : ois) {
            if (orderItem.getProduct().getId() == oi.getProduct().getId()) {
                orderItem.setNum(orderItem.getNum() + oi.getNum());
                found = true;
                break;
            }
        }
 
        if (!found)
            ois.add(oi);

2 个答案

四方1
答案时间：2023-08-09

什么乱七八糟的，逻辑混乱…… found=FALSE是没找到，购物车里没有，就进if，然后add

12345678923ws
答案时间：2022-02-26

你看，首先if只有true才会执行，！found=ture。说明没有同一件商品加入，当有同一件商品加入时，在集合里面修改数量，这里不再添加

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2021-06-15 删除订单项加入购物车怎么使用那两个文件

2021-06-10 用ajax后OrderItemAddServlet里的response.sendRedirect("/listOrderItem");就不生效了吗？

2021-03-01 OrderItem的id属性可否去掉

提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 33 条以前的提问，请点击查看

提问之前请登陆

提问已经提交成功，正在审核。请于我的提问处查看提问记录，谢谢

关于 J2EE-购物车-购物车模块的提问

尽量提供截图、代码和异常信息，有助于分析和解决问题。也可进本站QQ群交流: 578362961

提问尽量提供完整的代码，环境描述，越是有利于问题的重现，您的问题越能更快得到解答。
对教程中代码有疑问，请提供是哪个步骤，哪一行有疑问，这样便于快速定位问题，提高问题得到解答的速度
在已经存在的几千个提问里，有相当大的比例，是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本，可以节约自己大量的学习时间。站长把教学中用的软件版本整理了，都统一放在了这里，方便大家下载： https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图