书城项目第六、七阶段

最新推荐文章于 2024-10-09 11:13:12 发布
最新推荐文章于 2024-10-09 11:13:12 发布
阅读量108 收藏 1
点赞数
分类专栏： java基础 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45590018/article/details/112298169
版权

书城项目第六、七阶段

今日任务

1、项目第六阶段：购物车

1.1、购物车模块分析

在这里插入图片描述

1.2、购物车模型编写

1.2.1、购物车模型：
/**
* 购物车的商品项
*/
public class CartItem {
    private Integer id;
    private String name;
    private Integer count;
    private BigDecimal price;
    private BigDecimal totalPrice;
/**
* 购物车对象
*/
public class Cart {
// private Integer totalCount;
// private BigDecimal totalPrice;
    /**
    * key 是商品编号，
    * value，是商品信息
    */
    private Map<Integer,CartItem> items = new LinkedHashMap<Integer,CartItem>();
    
    /**
    * 添加商品项
    *
    * @param cartItem
    */
    public void addItem(CartItem cartItem) {
        // 先查看购物车中是否已经添加过此商品，如果已添加，则数量累加，总金额更新，如果没有添加过，直接放到
        集合中即可
        CartItem item = items.get(cartItem.getId());
        if (item == null) {
            // 之前没添加过此商品
            items.put(cartItem.getId(), cartItem);
        } else {
            // 已经 添加过的情况
            item.setCount( item.getCount() + 1 ); // 数量 累加
            item.setTotalPrice( item.getPrice().multiply(new BigDecimal( item.getCount() )) ); // 更
        新总金额
        }
    }
    
    /**
    * 删除商品项
    */
    public void deleteItem(Integer id) {
    	items.remove(id);
    }
    
    /**
    * 清空购物车
    */
    public void clear() {
    	items.clear();
    }
    
    /**
    * 修改商品数量
    */
    public void updateCount(Integer id,Integer count) {
        // 先查看购物车中是否有此商品。如果有，修改商品数量，更新总金额
        CartItem cartItem = items.get(id);
        if (cartItem != null) {
            cartItem.setCount(count);// 修改商品数量
            cartItem.setTotalPrice( cartItem.getPrice().multiply(new
            BigDecimal( cartItem.getCount() )) ); // 更新总金额
        }
    }
    
    public Integer getTotalCount() {
    	Integer totalCount = 0;
        
        for (Map.Entry<Integer,CartItem>entry : items.entrySet()) {
        	totalCount += entry.getValue().getCount();
        }
        return totalCount;
    }
    
    public BigDecimal getTotalPrice() {
        BigDecimal totalPrice = new BigDecimal(0);
        
        for (Map.Entry<Integer,CartItem>entry : items.entrySet()) {
            totalPrice = totalPrice.add(entry.getValue().getTotalPrice());
        }
        
    	return totalPrice;
    }
    
    public Map<Integer, CartItem> getItems() {
    	return items;
    }
    
    public void setItems(Map<Integer, CartItem> items) {
    	this.items = items;
	}
    
    @Override
    public String toString() {
        return "Cart{" +
        "totalCount=" + getTotalCount() +
        ", totalPrice=" + getTotalPrice() +
        ", items=" + items +
        '}';
    }
}
1.2.2、购物车的测试：
public class CartTest {
    
    @Test
    public void addItem() {
        Cart cart = new Cart();
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(2, "数据结构与算法", 1, new BigDecimal(100),new BigDecimal(100)));
        
        System.out.println(cart);
        
    }
    @Test
    public void deleteItem() {
        Cart cart = new Cart();
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(2, "数据结构与算法", 1, new BigDecimal(100),new BigDecimal(100)));
        
        cart.deleteItem(1);
        
        System.out.println(cart);
        
    }
    @Test
        public void clear() {
        Cart cart = new Cart();
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(2, "数据结构与算法", 1, new BigDecimal(100),new BigDecimal(100)));
            
        cart.deleteItem(1);
            
        cart.clear();
            
        System.out.println(cart);
            
    }
    @Test
    public void updateCount() {
        
        Cart cart = new Cart();
        
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        cart.addItem(new CartItem(2, "数据结构与算法", 1, new BigDecimal(100),new BigDecimal(100)));
        
        cart.deleteItem(1);
        
        cart.clear();
        
        cart.addItem(new CartItem(1, "java从入门到精通", 1, new BigDecimal(1000),new BigDecimal(1000)));
        
        cart.updateCount(1, 10);
        
        System.out.println(cart);
        
    }
}

1.3、加入购物车功能的实现

CartServlet 程序中的代码：

/**
* 加入购物车
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void addItem(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
IOException {
    // 获取请求的参数 商品编号
    int id = WebUtils.parseInt(req.getParameter("id"), 0);
    // 调用 bookService.queryBookById(id):Book 得到图书的信息
    Book book = bookService.queryBookById(id);
    // 把图书信息，转换成为 CartItem 商品项
    CartItem cartItem = new CartItem(book.getId(),book.getName(),1,book.getPrice(),book.getPrice());
    // 调用 Cart.addItem(CartItem);添加商品项
    Cart cart = (Cart) req.getSession().getAttribute("cart");
    if (cart == null) {
        cart = new Cart();
        req.getSession().setAttribute("cart",cart);
    }
    cart.addItem(cartItem);
    
    System.out.println(cart);
    
    System.out.println("请求头 Referer 的值：" + req.getHeader("Referer"));
    
    // 重定向回原来商品所在的地址页面
    resp.sendRedirect(req.getHeader("Referer"));
}

index.jsp 页面 js 的代码：
在这里插入图片描述
图解说明，如何跳回添加商品的页面：
在这里插入图片描述

1.4、购物车的展示

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车</title>
    <%-- 静态包含 base 标签、css 样式、jQuery 文件 --%>
    <%@ include file="/pages/common/head.jsp"%>
</head>
<body>
    <div id="header">
        <img class="logo_img" alt="" src="static/img/logo.gif" >
        <span class="wel_word">购物车</span>
            
    <%--静态包含，登录 成功之后的菜单 --%>
    <%@ include file="/pages/common/login_success_menu.jsp"%>
            
    </div>
            
    <div id="main">
            
        <table>
            <tr>
                <td>商品名称</td>
                <td>数量</td>
                <td>单价</td>
                <td>金额</td>
                <td>操作</td>
            </tr>
        <c:if test="${empty sessionScope.cart.items}">
            <%--如果购物车空的情况--%>
        <tr>
            <td colspan="5"><a href="index.jsp">亲，当前购物车为空！快跟小伙伴们去浏览商品吧！！！</a>
            </td>
        </tr>
        </c:if>
        <c:if test="${not empty sessionScope.cart.items}">
            <%--如果购物车非空的情况--%>
            <c:forEach items="${sessionScope.cart.items}" var="entry">
            <tr>
                <td>${entry.value.name}</td>
                <td>${entry.value.count}</td>
                <td>${entry.value.price}</td>
                <td>${entry.value.totalPrice}</td>
                <td><a href="#">删除</a></td>
            </tr>
            </c:forEach>
        </c:if>
        </table>
        <%--如果购物车非空才输出页面的内容--%>
        <c:if test="${not empty sessionScope.cart.items}">
            <div class="cart_info">
                <span class="cart_span">购物车中共有<span
                class="b_count">${sessionScope.cart.totalCount}</span>件商品</span>
                <span class="cart_span">总金额<span
                class="b_price">${sessionScope.cart.totalPrice}</span>元</span>
                <span class="cart_span"><a href="#">清空购物车</a></span>
                <span class="cart_span"><a href="pages/cart/checkout.jsp">去结账</a></span>
            </div>
        </c:if>
        
    </div>
    <%--静态包含页脚内容--%>
    <%@include file="/pages/common/footer.jsp"%>
</body>
</html>

1.5、删除购物车商品项

CartServlet 程序：

/**
* 删除商品项
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void deleteItem(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
IOException{
    // 获取商品编号
    int id = WebUtils.parseInt(req.getParameter("id"), 0);
    // 获取购物车对象
    Cart cart = (Cart) req.getSession().getAttribute("cart");
    if (cart != null) {
        // 删除 了购物车商品项
        cart.deleteItem(id);
        // 重定向回原来购物车展示页面
        resp.sendRedirect(req.getHeader("Referer"));
    }
}

购物车/pages/cart/cart.jsp 页面的代码：

删除的请求地址：
在这里插入图片描述
删除的确认提示操作：

<script type="text/javascript">
    $(function () {
        // 给 【删除】绑定单击事件
        $("a.deleteItem").click(function () {
        return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() +"】吗?")
        });
    });
</script>

1.6、清空购物车

CartServlet 程序

/**
* 清空购物车
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void clear(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
IOException{
    // 1 获取购物车对象
    Cart cart = (Cart) req.getSession().getAttribute("cart");
    if (cart != null) {
        // 清空购物车
        cart.clear();
        // 重定向回原来购物车展示页面
        resp.sendRedirect(req.getHeader("Referer"));
    }
}

cart.jsp 页面的内容

​ 给清空购物车添加请求地址，和添加 id 属性：
在这里插入图片描述
清空的确认提示操作：

// 给清空购物车绑定单击事件
$("#clearCart").click(function () {
    return confirm("你确定要清空购物车吗?");
})

1.7、修改购物车商品数量

CartServlet 程序

/**
* 修改商品数量
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void updateCount(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
IOException{
    // 获取请求的参数 商品编号 、商品数量
    int id = WebUtils.parseInt(req.getParameter("id"),0);
    int count = WebUtils.parseInt(req.getParameter("count"), 1);
    // 获取 Cart 购物车对象
    Cart cart = (Cart) req.getSession().getAttribute("cart");
    if (cart != null) {
        // 修改商品数量
        cart.updateCount(id,count);
        // 重定向回原来购物车展示页面
        resp.sendRedirect(req.getHeader("Referer"));
    }
}

修改 pages/cart/cart.jsp 购物车页面：
在这里插入图片描述
修改商品数量 js 代码：

// 给输入框绑定 onchange 内容发生改变事件
$(".updateCount").change(function () {
    // 获取商品名称
    var name = $(this).parent().parent().find("td:first").text();
    var id = $(this).attr('bookId');
    // 获取商品数量
    var count = this.value;
    if ( confirm("你确定要将【" + name + "】商品修改数量为：" + count + " 吗?") ) {
        //发起请求。给服务器保存修改
        location.href =
        "http://localhost:8080/book/cartServlet?action=updateCount&count="+count+"&id="+id;
    } else {
        // defaultValue 属性是表单项 Dom 对象的属性。它表示默认的 value 属性值。
        this.value = this.defaultValue;
    }
});

1.8、首页，购物车数据回显

在添加商品到购物车的时候，保存最后一个添加的商品名称：
在这里插入图片描述
在 pages/client/index.jsp 页面中输出购物车信息：

<div style="text-align: center">
    <c:if test="${empty sessionScope.cart.items}">
        <%--购物车为空的输出--%>
        <span> </span>
        <div>
        	<span style="color: red">当前购物车为空</span>
        </div>
    </c:if>
    <c:if test="${not empty sessionScope.cart.items}">
        <%--购物车非空的输出--%>
        <span>您的购物车中有 ${sessionScope.cart.totalCount} 件商品</span>
        <div>
        	您刚刚将<span style="color: red">${sessionScope.lastName}</span>加入到了购物车中
        </div>
    </c:if>
</div>
weixin_45590018
关注
专栏目录
JavaWeb七---书城项目六、七阶段 --------- 登录+注销+验证码+购物车+订单
xiongmaogaizi的博客
12-22 266
JavaWeb七---书城项目六、七阶段
书城项目第六阶段
小心星的博客
08-25 553
书城项目第六阶段3、项目第六阶段3.1、登录——显示用户名3.2、登出——注销用户 3、项目第六阶段 3.1、登录——显示用户名 3.2、登出——注销用户
书城项目的第六阶段
weixin_44742328的博客
01-19 264
项目第六阶段 登陆—显示用户名 UserServlet 程序中保存用户登录的信息 修改 login_succuess_menu.jsp 还要修改首页 index.jsp 页面的菜单 ： 登出—注销用户 1、销毁 Session 中用户登录的信息（或者销毁 Session） 2、重定向到首页（或登录页面）。 UserServlet 程序中添加 logout 方法： /** * 处理注销的功能 * @param req * @param resp * @th
day14 书城项目第六阶段
Libra_97的博客
11-02 447
书城项目第六阶段
14_尚硅谷_书城项目_第六、七阶段_王振国 - 课堂笔记1
08-04
在"14_尚硅谷_书城项目_第六、七阶段_王振国 - 课堂笔记1"中，主要讲述了购物车模块的分析与实现，具体包括购物车模型的编写以及相关的功能测试。以下是详细的知识点： 1. **购物车模块分析** 在设计购物车模块时...
10_尚硅谷_书城项目-第三阶段代码优化_王振国 - 课堂笔记1
08-04
在第三阶段的书城项目中，开发者将HTML页面转换为JSP页面，以实现更高级的服务器端功能。在HTML页面顶行添加`<%@ page %>`指令，这是JSP的page指令，用于定义JSP页面的属性，如语言、导入的包等。同时，将文件后缀名...
书城项目代码（全）
05-17
【书城项目代码（全）】是一个基于Java Web技术实现的在线图书商城的完整源代码。这个项目是根据B站上的教程进行开发的，开发者不仅按照视频指导完成了基础功能，还自行扩展实现了视频中未涉及的订单处理功能，充分...
03_尚硅谷_书城项目-第三阶段代码优化_王振国 - 课堂笔记1
08-03
总结，这个阶段主要涉及到JSP页面的创建和优化，包括页面转换、代码复用、错误处理和表单回显等关键点，这些都是构建动态Web应用的基础步骤。通过这样的优化，可以提高代码的可维护性和项目的整体质量。
SSH网上商城—Map的用法
创造自我、追求无我
06-02 1977
java 容器大致可以分为以下三类：                             Set 、 List 、Map的区别：                             List是有序的Collection，使用此接口能够精确的控制每个元素插入的位置。用户能够使用索引（元素在List中的位置，类似于数组下标）来访问List中的元素，这类似于Java的数组。  
封装购物车
走在奋斗的路上
10-31 1622
在SSH的商城项目中有个像淘宝一样的购物车，这个具体是怎么实现的，现在给大家解释解释。 首先： 封装一个购物车对象: * Cart:购物车对象: * CartItem的集合:(选择Map集合,移除购物车时候比较方便.) * total:总计: * 功能: * 将购物项添加到购物车: * 从购物车中移除购物
C++学习笔记----8、掌握类与对象（四）---- 不同类型的数据成员（1）
weixin_71738303的博客
10-05 932
c++对于数据成员给了你许多选项。除了在类中声明简单的数据成员，可以生成静态数据成员供所有类的对象共享，const成员，引用成员，reference-to-const成员，等等。本节我们解释一下这些不同类型的数据成员的细节。
C语言 | 第十章 | 函数 作用域
ZJC744575的博客
10-05 1223
为完成某一功能的程序指令(语句)的集合,称为函数。在C语言中,函数分为:自定义函数、系统函数(查看C语言函数手册)函数还有其它叫法，比如方法等，在本视频课程中，我们统一称为 函数。返回类型 函数名（形参列表）{执行语句...;// 函数体return 返回值;// 可选形参列表：表示函数的输入函数中的语句：表示为了实现某一功能代码块函数可以有返回值,也可以没有, 如果没有返回值，返回类型 声明为 void。
JDK1.0主要特性
FoolRabbit的专栏
10-06 364
JDK1.0主要特性。
字符函数和字符串函数和内存函数
Java_fenxiang的博客
10-05 705
strtok函数原型与功能概述在 C 语言中，strtok函数的原型为char *strtok(char *str, const char *delim)。它的主要功能是将字符串str按照delim中指定的分隔符进行分割，返回被分割出来的子字符串。工作原理首次调用：当第一次调用strtok时，需要将待分割的字符串str作为...
Java中的break、continue和return语句
weixin_73230994的博客
10-05 377
break语句用于终止某个语句块的执行，一般使用在switch或者循环【for, while ,do-while】（提前退出或结束循环不是终止程序）1.continue语句用于结束本次循环，继续执行下一次循环2.continue语句出现在多层嵌套的循环语句体中时，可以通过标签指明要跳过的是哪一层循环，这个和前面的标签的使用规则一样。
Netty 相比原生IO模型的优势
最新发布
lssffy的博客
10-09 360
Java提供了多种I/O模型，每种模型都有其适用的场景和特点，随着网络应用需求的变化，I/O模型也在不断发展。阻塞I/O（BIO，Blocking I/O）传统的I/O模型，使用简单，但每次I/O操作都会阻塞线程。每个请求需要独立的线程来处理，这在并发请求较少时问题不大，但在高并发情况下，线程资源将成为瓶颈。非阻塞I/O（NIO，Non-Blocking I/O）引入了多路复用技术，一个线程可以处理多个连接，避免了BIO中每个连接占用一个线程的问题。通过Selector。
王振国：书城项目六、七阶段——购物车功能详解
在本章节，王振国讲师指导书城项目的第六、七阶段，重点讨论了购物车功能的实现。首先，他引导学生对购物车模块进行深入分析，理解其核心逻辑和设计要点。购物车模型是这一部分的核心，包括两个主要类：`CartItem`和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值