购物网站中购物车的简单实现

最新推荐文章于 2024-04-10 23:26:37 发布
最新推荐文章于 2024-04-10 23:26:37 发布
阅读量3.6k 收藏 9
点赞数 2
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010078400/article/details/34142211
版权

需求综述：

      列出网站商品（以图书为例），当用户点击“购买”时出现购物车页面，并能够依次列出用户购买的商品、修改所购买商品的数量、计算总体价格，当用户点击“删除”和“清空”时做出相应的响应。

分析实现：

      利用MVC的开发框架思想，地解耦web请求过程中的数据、业务逻辑和信息展示，分层如下图所示：

其中实体类在domain包中，核心web的servlet在controller包中，service包中的类为业务类，统一对web层提供所有服务。

BookDao类：

package ssc.dao;

import java.util.Map;

import ssc.DB.DB;
import ssc.domain.Book;

public class BookDao
{
	public Map getAll()
	{
		return DB.getAll();
	}
	
	public Book find(String id)
	{
		return (Book) DB.getAll().get(id);
	}
}

模拟数据库类DB为：

package ssc.DB;

import java.util.LinkedHashMap;
import java.util.Map;

import ssc.domain.Book;

public class DB
{
	private static Map map = new LinkedHashMap();
	
	static 
	{
		map.put("1",new Book("1","Java开发","赵钱",16,"好书啊。"));  
		map.put("2",new Book("2","JavaWeb开发","孙李",26,"好书啊。"));  
		map.put("3",new Book("3","Jdbc开发","周武",36,"好书啊。"));  
		map.put("4",new Book("4","Spring开发","郑王",46,"好书啊。"));  
		map.put("5",new Book("5","Android开发","马六",56,"好书啊。"));  
		map.put("6",new Book("6","C++开发","马六",66,"好书啊。"));  
	}
	
	public static Map getAll()
	{
		return map;
	}
}

实体类Book为：

package ssc.domain;

public class Book
{
	private String id;
	private String name;
	private String author;
	private double price;
	private String description;
	
	public Book()
	{
		super();
	}

	public Book(String id, String name, String author, double price, String description)
	{
		super();
		this.id = id;
		this.name = name;
		this.author = author;
		this.price = price;
		this.description = description;
	}

	public String getId()
	{
		return id;
	}
	
	public void setId(String id)
	{
		this.id = id;
	}
	
	public String getName()
	{
		return name;
	}
	
	public void setName(String name)
	{
		this.name = name;
	}
	
	public String getAuthor()
	{
		return author;
	}
	
	public void setAuthor(String author)
	{
		this.author = author;
	}
	
	public double getPrice()
	{
		return price;
	}
	
	public void setPrice(double price)
	{
		this.price = price;
	}
	
	public String getDescription()
	{
		return description;
	}
	
	public void setDescription(String description)
	{
		this.description = description;
	}
}

购物车Cart类：

package ssc.domain;

import java.util.LinkedHashMap;
import java.util.Map;

public class Cart
{
	private Map<String, CartItem> map = new LinkedHashMap();
	
	//购物车所有商品的价格
	private double price;
	
	public Map<String, CartItem> getMap()
	{
		return map;
	}
	
	public void setMap(Map<String, CartItem> map)
	{
		this.map = map;
	}
	
	public double getPrice()
	{
		double totalPrice = 0;
		for(Map.Entry<String, CartItem> entry : map.entrySet())
		{
			CartItem item = entry.getValue();
			totalPrice = totalPrice + item.getPrice();
		}
		this.price = totalPrice;
		return price;
	}
	
	public void setPrice(double price)
	{
		this.price = price;
	}
	
	public void add(Book book)
	{
		CartItem item = map.get(book.getId());
		if(item==null)
		{
			item = new CartItem();
			item.setBook(book);
			item.setQuantity(1);
			map.put(book.getId(), item);
		}
		else 
		{
			item.setQuantity(item.getQuantity()+1);
		}
	}
}

购物项CartItem类：

package ssc.domain;

public class CartItem
{
	private Book book;
	private int quantity;
	private double price;
	
	public Book getBook()
	{
		return book;
	}
	
	public void setBook(Book book)
	{
		this.book = book;
	}
	
	public int getQuantity()
	{
		return quantity;
	}
	
	public void setQuantity(int quantity)
	{
		this.quantity = quantity;
		this.price = this.quantity * this.book.getPrice();
	}
	
	public double getPrice()
	{
		return price;
	}
	
	public void setPrice(double price)
	{
		this.price = price;
	}	
}

服务层业务类BusinessService为：

package ssc.service;

import java.util.Map;

import ssc.dao.BookDao;
import ssc.domain.Book;
import ssc.domain.Cart;
import ssc.domain.CartItem;

//业务类，统一对web层提供所有服务
public class BusinessService
{
	private BookDao dao = new BookDao();
	
	public Map getAllBook()
	{
		return dao.getAll();
	}
	
	public Book findBook(String id)
	{
		return dao.find(id);
	}

	//删除购物车中的购物项
	public void deleteCartItem(String id, Cart cart)
	{
		cart.getMap().remove(id);
	}

	//清除购物车
	public void clearCart(Cart cart)
	{
		cart.getMap().clear();
	}

	public void changeItemQuantity(String id, String quantity, Cart cart)
	{
		CartItem item = cart.getMap().get(id);
		item.setQuantity(Integer.parseInt(quantity));
	}

}

核心控制层BuyServlet为：

package ssc.web.controller;

import java.io.IOException;
import java.io.PrintWriter;

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

import ssc.domain.Book;
import ssc.domain.Cart;
import ssc.service.BusinessService;

//完成书籍购买
public class BuyServlet extends HttpServlet
{

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		String id = request.getParameter("id");
		BusinessService service = new BusinessService();
		Book book = service.findBook(id);
		
		//添加用户的购物车
		Cart cart = (Cart) request.getSession().getAttribute("cart");
		if (cart==null)
		{
			cart = new Cart();
			request.getSession().setAttribute("cart", cart);
		}
		
		//把书加入到购物车，完成购买
		cart.add(book);
		
		request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		doGet(request, response);
	}
}

ChangeQuantityServlet为：

package ssc.web.controller;

import java.io.IOException;
import java.io.PrintWriter;

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

import ssc.domain.Cart;
import ssc.service.BusinessService;

//把购物车中的书修改为指定数量
public class ChangeQuantityServlet extends HttpServlet
{

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		String id = request.getParameter("id");
		String quantity = request.getParameter("quantity");
		
		Cart cart = (Cart) request.getSession().getAttribute("cart");
		
		BusinessService service = new BusinessService();
		service.changeItemQuantity(id,quantity,cart);
		
		request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		doGet(request, response);
	}

}

ClearCartServlet为：

package ssc.web.controller;

import java.io.IOException;
import java.io.PrintWriter;

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

import ssc.domain.Cart;
import ssc.service.BusinessService;

public class ClearCartServlet extends HttpServlet
{

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		Cart cart = (Cart) request.getSession().getAttribute("cart");
		BusinessService service = new BusinessService();
		service.clearCart(cart);
		
		request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		doGet(request, response);
	}

}

DeleteItemServlet为：

package ssc.web.controller;

import java.io.IOException;
import java.io.PrintWriter;

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

import ssc.domain.Cart;
import ssc.service.BusinessService;

//完成删除指定的购物项
public class DeleteItemServlet extends HttpServlet
{

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		String id = request.getParameter("id");
		Cart cart = (Cart) request.getSession().getAttribute("cart");
		
		BusinessService service = new BusinessService();
		service.deleteCartItem(id,cart);
		
		//删除成功，跳转页面
		request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		doGet(request, response);
	}
}

ListBookServlet为：

package ssc.web.controller;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Map;

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

import ssc.service.BusinessService;

//获取所有图书
public class ListBookServlet extends HttpServlet
{

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		BusinessService service = new BusinessService();
		Map map = service.getAllBook();
		request.setAttribute("map", map);
		request.getRequestDispatcher("/WEB-INF/jsp/listbook.jsp").forward(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
	{
		doGet(request, response);
	}
}

工程显示首页为index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <title>My JSP 'index.jsp' starting page</title>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
    <a href="${pageContext.request.contextPath}/servlet/ListBookServlet">浏览书籍</a>
  </body>
</html>

书籍列表页面listbook.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>  
    <title>书籍列表页面</title>
   
   	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body style="text-align:center">
  	<h1>书籍列表</h1>
    <table width="70%" border="1">
    	<tr>
    		<td>书名</td>
    		<td>作者</td>
    		<td>售价</td>
    		<td>描述</td>
    		<td>操作</td>
    	</tr>
   
    	<c:forEach var="entry" items="${map}" >     
    		<tr>
	    		<td>${entry.value.name}</td>
	    		<td>${entry.value.author}</td>
	    		<td>${entry.value.price}</td>
	    		<td>${entry.value.description}</td>
	    		<td>
	    			<a href="${pageContext.request.contextPath }/servlet/BuyServlet?id=${entry.value.id}" target="_blank">购买</a>
	    		</td>
    		</tr>
    	</c:forEach>  
    	    	
    </table>
  </body>
</html>

购物车列表listcart.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  
    <title>购物车列表</title>   
	
	<script type="text/javascript">
		function deleteitem(id)
		{
			var b = window.confirm("您确认删除吗？");
			if(b)
			{
				window.location.href="${pageContext.request.contextPath }/servlet/DeleteItemServlet?id="+id;
			}
		}
		
		function clearcart()
		{
	    	var b=window.confirm("真的清空吗？");
	    	if(b)
	    	{
	    		window.location.href="${pageContext.request.contextPath }/servlet/ClearCartServlet";
	    	} 
	  	}
		
		function changeQuantity(input,id,oldvalue)
		{
			var quantity = input.value;
						
			if(quantity<0 || quantity!=parseInt(quantity))
			{
				alert("请输入正整数。");
				input.value = oldvalue;
				return;
			}
			
			var b=window.confirm("您确定将数量修改为： " + quantity + " 吗？");
			if(b)
			{
				window.location.href="${pageContext.request.contextPath }/servlet/ChangeQuantityServlet?id=" + id +"&quantity=" + quantity;
			}
		}
	</script>

  </head>
  
  <body style="text-align:center">
  
   <h1>购物车列表</h1>
   
   <c:if test="${empty(cart.map) }">
   	您没有购买任何商品。
   </c:if>
   
   <c:if test="${!empty(cart.map) }">
    <table width="70%" border="1">
    	<tr>
    		<td>书名</td>
    		<td>作者</td>
    		<td>单价</td>
    		<td>数量</td>
    		<td>小计</td>
    		<td>操作</td>
    	</tr>
   
    	<c:forEach var="entry" items="${cart.map}" >     
    		<tr>
	    		<td>${entry.value.book.name }</td>
    			<td>${entry.value.book.author }</td>
    			<td>${entry.value.book.price }</td>
    			<td>
    				<input type="text" name="quantity" value="${entry.value.quantity }" style="width:30px" οnchange="changeQuantity(this,${entry.key },${entry.value.quantity })">
    			</td>
    			<td>${entry.value.price }</td>
    			<td>
    				<!-- 去掉超链接默认行为 -->
    				<a href="javascript:void(0)" οnclick="deleteitem(${entry.key})">删除</a>
    			</td>
    		</tr>
    	</c:forEach>  
    	<tr>
    		<td colspan="3">总价</td>
    		<td colspan="2">${cart.price }元</td>
    		<td colspan="1">
    			<a href="javascript:void(0)"  οnclick="clearcart()">清空购物车</a>
			</td>
    	</tr>
    </table>
    </c:if>
  </body>
</html>

在浏览器中访问该项目：


 

点击“浏览书籍”后进入商品（此处为图书）列表

点击“购买”后，显示购物车列表

可修改商品数量

确定修改后“总价”和“小计”随即改变

点击“删除”，删除所对应的商品

 

点击“清空”，可清空购物车

可修改”数量“

 

芊李马
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
网上购物车系统（购物车的详细实现过程源码）
12-07
里面有完整的购物车系统的功能，非常详细!
ASP+Access简易购物网站（带购物车）
11-30
ASP+Access简易购物网站是一个基于ASP（Active Server Pages）技术和Access数据库构建的在线购物平台，主要面向初学者或学生进行课程设计和期末实验考试时使用。这个系统包含了用户登录、注册、个人信息修改、商品...
购物网站建设中购物车的几种设计与实现方式
05-06 1642
购物网站建设中购物车的几种设计与实现方式 　　在电子商务的大潮下,很多购物网站或者电子商务网站都有购物下单的功能,购物车一定是网站少不了的,下面就向广大初接触这类功能的网站制作的朋友们介绍下网站购物车方面的内容。 　　我们可能知道,很多网站是Session实现购物车，其他还有哪些方法可以实现?他们之间有哪些区别? 　　购物车的实现方式 　　购物车的实现方式除了Session外，还有通过数据
购物车的原理及Java实现(仿京东实现原理)，疯狂java实战演义源码
最新发布
2401_83977369的博客
04-10 394
这个月马上就又要过去了，还在找工作的小伙伴要做好准备了，小编整理了大厂java程序员面试涉及到的绝大部分面试题及答案，希望能帮助到大家一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！[外链图片转存中…(img-RLxrldp1-1712762782857)][外链图片转存中…(img-F8iptTW4-1712762782857)]
购物车是如何实现的呢！！！！
qq_40675750的博客
06-30 1532
研究过京东和天猫购物车实现，京东购物车不需要登录（离线购物），天猫需要登录，我上家公司做的项目是和京东一样离线购物，具体做法： 1、用户选购商品时，按商家分组，然后存储商品ID、SUK信息(如规格、型号等扩展数据)、数量、价格等信息作为购物车数据项。 2、当用户没有登录时，将购物车信息存储在客户端LocalStorage中，现在大数据浏览器都支持LocalStorage和SessionStoraged存储。这种好处是解决了Cookie存储空间小，和每次请求都会传输到服务端占用带宽问题。如果用户浏览器不支
电商网站购物车功能分析与实现
weixin_42982636的博客
12-25 3583
最近刚做了一个分布式的电商项目，关于购物车模块，借鉴了某东的购物车系统。 结合国内两大电商巨头某宝和某东，发现某宝中要向使用购物车就必要先登录，而某东可以不需要登录就添加商品到购物车中。 由于项目借鉴了某东的方式，所以在未登录的时候也是可以使用购物车的。 步骤： 一、用户在对商品进行添加到购物车操作时，通过cookie中的token和redis中的token判断用户是否登录，如果未登录状态时，从c...
商城项目购物车的实现
刻苦的樊同学
03-02 3732
商城项目购物车的实现一，新建购物车的实体类Cart二，在选择商品类型页面进行页面跳转三，在controller进行添加商品对象并记入session四，购物车页面接收购物车信息并展示五，补充说明 首先是springboot和thymeleaf整合的demo项目 一，新建购物车的实体类Cart public class Cart implements java.io.Serializable{ ...
购物车_dinner2t5_js购物网站_购物车_
10-01
描述中提到“简易的JS源码写的购物车，帮助初学者理解和使用”，这暗示了这个压缩包可能包含一个简单的JavaScript实现的购物车示例代码，目的是为了教育目的，让初学者了解如何在实际项目中处理购物车逻辑，如添加...
基于JQuery实现的类似购物商城的购物车
10-28
在这个实现中，jQuery的Clone方法被用来复制商品信息模板，以动态地创建新的商品行，展示在购物车中。以下是对这个系统的详细解析： 首先，购物车的实现依赖于HTML结构，这里有一个名为`#tblProduct`的表格用于展示...
一个简单的当当网购物车页面，可以实现简单购物
05-29
【标题】：“一个简单的当当网购物车页面”是指一种基于网页技术实现的模拟当当网购物车功能的示例项目。这个项目旨在帮助初学者理解购物车逻辑以及相关前端和后端技术的运用。 【描述】：这个简单购物车页面能够...
基于Html+css+js实现的静态购物网站
06-30
5.提供商品购买操作功能，编写代码，实现以下功能：1）用户可以购买商品，将用户购买的商品放入购物车；2.用户可以查看购物车的内容，在用户查看购物车时，以你认为合适的方式或在页面合适位置，提示用户购买商品...
书店网页模板
11-06
书店网页模板书店网页模板书店网页模板书店网页模板书店网页模板
用jsp写的购物车程序（主要是图书）
12-17
用jsp写的网上书店，是购物车模式的！简单的，很容易懂！
基于jsp实现的购物车源码（结账、清空、继续购物）
08-23
jsp 初学者 不错的资料 源码，结账，清空，继续购物。不可不看，代码齐全、实现简单，绝对适合在大型网站上直接应用。
C++实现毕业设计项目基于QT的商场超市信息管理系统源码（开发文档+演示视频）.zip
06-15
C++实现毕业设计项目基于QT的商场超市信息管理系统源码，（开发文档+演示视频），操作无难度，新手也可自己动手。 文件说明 Supermarket_system:Qt Creator源文件 超市信息管理系统免安装版：拿来即用，有可执行程序（配合mysql使用，否则连接不上数据库无法打开） shop.sql：数据库文件 开发流程如下： 数据库设计 界面UI设计 代码逻辑编写 开发文档编写 各功能详解 主函数 程序先调用mainwindow.cpp中连接数据库中的静态方法连接数据库，若初次连接失败，弹出提示框：请排查故障后连接；用户确认后，自行排查问题；同时程序自动打开mysql的服务进程；进行第二次连接，若失败则直接退出程序；反之，成功则直接进入登录界面
javascript 购物车(图片拖动)
01-15
经典中的经典。大家一起学习。
怎样设置电子商务网站购物车功能
xiaokang1582830的博客
11-17 161
购物车怎样设计才算比较合理？常用的session购物车真的在用户体验上很好吗，如果用户不小心关闭了购物车页面下次打开页面后上次的记录不存在如果是你自己使用你会觉得很舒服吗？为什么不采用更人性化的cookie,淘宝这样的网站是根本不会考虑session这样的东西,cookie的缺点又有哪些？这些是值得我们考虑的问题，怎样设计能让用户操作更方便，实现软件应用的价值这才是最重要的！而不是仅仅是我们觉得可...
asp.net 实现购物车详细代码
09-04 916
下次再有人问，就指给他、她看，省口水啊 ＜%@ Page language="c#" Codebehind="shoppingcart.aspx.cs" AutoEventWireup="false" Inherits="myshop.shoppingcart" %＞＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
毕业设计 基于Qt sqliter 水果销售系统
q610098308的专栏
02-28 1005
电子商务的出现可以使商家节约成本，提高宣传力度，使消费者节省时间，使客户和商家不受空间的限制，因此电子商务受到人们的欢迎。其设计思想是：以整体的系统规划作为系统制作的初级阶段，采用模块化、结构化的设计模式设计系统的生命周期，以制作一个科学的总体规划。另外，系统采用定时器实时性的管理理念，站在管理者与消费者的角度，结合总体系统设计，完成重要的实现功能阶段。本题拟开发一套具有专属品牌、方便快捷的水果销售系统，在销售系统的管理水平和服务质量上得到大幅度提高的同时，还能打造良好的餐厅品牌。
网上购物 网站的购物车实现
06-08
这里我们使用 Flask 框架实现了一个简单的购物网站，其中包括了首页、添加商品到购物车、查看购物车、从购物车中删除商品等功能。在添加商品和删除商品时，我们使用了 AJAX 请求实现无刷新操作。购物车信息存储在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值