AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

java基础 - 购物车批量删除、全选和合计

2022-05-26 401
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： java基础 - 购物车批量删除、全选和合计

正文

一、功能简介


1.批量删除：获取要删除商品的id，在servlet进行判断并删除

2.全选：通过你点击这个节点找自己的父节点或兄弟节点


二、核心代码


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>网上书城购物车</title>
<script src="${pageContext.request.contextPath }/client/js/jquery-3.3.1.min.js"></script>
  </head>
  <body>
<script type="text/javascript">
function jia(count,total,id,file){
  count = parseInt(count);
  total = parseInt(total);
  if(count==total+1){
    alert("已达到图书最大购买量");
    count=total;
  }else if(count>100){
    return;
  }
    location.href=file+"/removeBookServlet?book_id="+id+"&count="+count;
} 
function remove(id,file){
  var mes="确认删除图书?";
   var remove=confirm(mes);
  if(remove){
    location.href=file+"/removeBookServlet?book_id="+id+"&count=0";
  }
} 
function jian(count,total,id,file){ 
  count = parseInt(count);
  total = parseInt(total);
  if(count==0){
    var flag=window.confirm("确认删除图书?");
    if(flag){
        location.href=file+"/removeBookServlet?book_id="+id+"&count=0";
      return;
    }else{
          count=1;
    }
  }
  location.href=file+"/removeBookServlet?book_id="+id+"&count="+count;
}
</script>
<script type="text/javascript">
$(function(){
$('#j_removeproducts').click(function(){
  var arr=new Array();
  var count=0;
  var flag=window.confirm("确定删除？");
  if(flag){
  $('[name=items]:checkbox').each(function(){
      if($(this).prop('checked')){
        arr[count++]=$(this).siblings('.myid2').val();
      }
  });
  location.href="/OnlineBookStore/batchDeleteServlet?id="+arr;
  }
});
    $("#AllChecked").click(function(){
    var sum=0;
    var num=0;
      $('#AllCheck').prop('checked',this.checked);
    $('[name=items]:checkbox').prop('checked',this.checked);
     $('[name=items]:checkbox').each(function(){
       if($(this).prop('checked')){
      $('#checkout_btn').attr({"style":"background-color: #ff2832;cursor: pointer;"});
          num+=parseInt($(this).siblings('input').val());
          sum+=parseInt($(this).val());
      }else{
      $('#checkout_btn').removeAttr('style');
      }
    });
        $('#total').text("¥"+sum+".00");
    $('#payAmount').text("¥"+sum+".00");
    $('font').text(num);
   });
    $("#AllCheck").click(function(){
      var sum=0;
      var num=0;
      $('#AllChecked').prop('checked',this.checked);
      $('[name=items]:checkbox').prop('checked',this.checked);
       $('[name=items]:checkbox').each(function(){
        if($(this).prop('checked')){
          $('#checkout_btn').attr({"style":"background-color: #ff2832;cursor: pointer;"});
              num+=parseInt($(this).siblings('input').val());
            sum+=parseInt($(this).val());
        }else{
          $('#checkout_btn').removeAttr('style');
        }
      });
       $('#total').text("¥"+sum+".00");
    $('#payAmount').text("¥"+sum+".00");
     $('font').text(num);
    });
$('[name=items]:checkbox').click(function(){
    $('[name=items]:checkbox').each(function(){       
      if(!$(this).prop('checked')){
          $('#AllChecked').prop('checked',false);
          $('#AllCheck').prop('checked',false);
      }
    });
   });
$('[name=items]:checkbox').click(function(){
  var sum=0;
  var num=0;
  $('[name=items]:checkbox').each(function(){
      if($(this).prop('checked')){
        num+=parseInt($(this).siblings('input').val());
        sum+=parseInt($(this).val());
        $('#total').text("¥"+sum+".00");
        $('#payAmount').text("¥"+sum+".00");
        $('font').text(num);
      $('#checkout_btn').attr({"style":"background-color: #ff2832;cursor: pointer;"});
      }else{
        $('#total').text("¥"+sum+".00");
        $('#payAmount').text("¥"+sum+".00");
        $('font').text(num);
      }
  });
  if(num==0){
    $('#checkout_btn').removeAttr('style');
  }
});
$('#checkout_btn').click(function(){
  var num=parseInt($('font').text());
  var arr=new Array();
  var date=new Array();
  var count=0;
  if(num>0){
    $('[name=items]:checkbox').each(function(){
        if($(this).prop('checked')){
          arr[count++]=$(this).siblings('.myid').val();
        } 
    });
    location.href="/OnlineBookStore/settlementServlet?id="+arr+"&date="+date; 
  }
});
}); 
</script>
  <div>
<jsp:include page="head.jsp"/>
<jsp:include page="search.jsp"/>
<div class="navg"><img src="${pageContext.request.contextPath }/client/images/book.jpg" alt="" height="100px" width="250px"></div>
</div>
<div class="logo_line">
    <div class="w960">
        <div class="shopping_procedure"><span class="current">我的购物车</span><span>填写订单</span><span>完成订单</span></div>
    </div>
</div>
<c:choose>
<c:when test="${sessionScope.user==null }">
<div id="LoginFalse" class="login_tip">
      <span class="icon"></span>
      您还没有登录！登录后购物车的商品将保存到您的帐号中
      <a href="${pageContext.request.contextPath }/client/login.jsp?action=1" class="btn">立即登录</a>
</div>
</c:when>
<c:otherwise>
<div id="LoginFalse" class="login_tip">
      <span class="icon"></span>
      亲，您已登录，赶快去购物吧！
</div>
</c:otherwise>
</c:choose>
    <div class="w960" id="cart">
    <ul class="shopping_title" id="j_carttitle">
        <li class="f1"><input type="checkbox" id="AllChecked"/>&nbsp;<label for="AllChecked">全选</label></li>
        <li class="f2">序号</li>
        <li class="f3">图书名称</li>
        <li class="f4">单价（元）</li>
        <li class="f5">数量</li>
        <li class="f6">金额（元）</li>
        <li class="f7">操作</li>
        </ul>
       <div class="fn-shops" id="J_cartContent">
        <div class="fn-shop" data-shopids="0">
          <table width="100%" cellspacing="0" cellpadding="0" border="0">             
            <c:forEach items="${sessionScope.cart}"  var="entry" varStatus="vs">
            <tr>
              <td style="width: 150px;padding-left: 63px;"><input type="checkbox" name="items" value="${entry.key.price*entry.value}" style="margin-top: 3px;"/>
              <input type="hidden" value="${entry.value }"/>
              <input type="hidden" class="myid2" value="${entry.key.book_id}"/>
              <input type="hidden" class="myid" value="${entry.key.book_id}"/>
              </td>
              <td style="width: 150px;float: left;margin-left: 5px;">${vs.count }</td>
              <td style="width: 150px;float: left;margin-left: -25px;"><a class="book_name">${entry.key.book_name}</a></td>
              <td style="width: 150px;float: left;margin-left: 1px;">¥${entry.key.price }0</td>
              <td style="width: 150px;float: left;margin-left: -5px;">
              <img onclick="jian('${entry.value-1}','${sessionScope.num }','${entry.key.book_id }','${pageContext.request.contextPath }')" alt="-" src="${pageContext.request.contextPath }/client/images/jians.jpg" style="margin-top: 3px;cursor: pointer;">
              <input type="text" class="num"  value="${entry.value }" readonly="readonly"/>     
                    <img onclick="jia('${entry.value+1}','${sessionScope.num }','${entry.key.book_id }','${pageContext.request.contextPath }')" alt="+" src="${pageContext.request.contextPath }/client/images/jias.jpg" style="margin-left: -2px;margin-top: 3px;cursor: pointer;">
              </td>
              <td style="width: 150px;float: left;margin-left: 6px;"><span style=" color:#ff2832;">¥${entry.key.price*entry.value}0</span></td>
              <td style="width: 70px;float: left;margin-left: 18px;"><a class="cao" href="javascript:void(0);" onclick="remove('${entry.key.book_id }','${pageContext.request.contextPath }')">删除</a></td>
            </tr>
          </c:forEach>
          <tr class="total"> 
          <td><div class="row_img">店铺合计</div></td>
          <td class="row4"><span class="red big ooline alignright" id="total" style="color:#ff2832;font-size:16px;margin-left: 579px">￥0</span></td> 
          </tr>
          </table>
          </div>
           </div>
           <div class="shop_total">
           <div class="shopping_total_right">
        <a class="total_btn fn-checkout unable" href="javascript:void(0);" id="checkout_btn" title="结算">结&nbsp;&nbsp;算</a>
        <div class="subtotal">
            <p><span class="cartsum">总计(不含运费)：</span><span id="payAmount" class="price">￥0</span></p>
            <p><span class="cartsum">已节省：</span><span id="totalFavor">¥0.00</span></p>
        </div>
    </div>
    <div class="shopping_total_left" id="J_leftBar">
    <input type="checkbox" id="AllCheck"/>&nbsp;<label for="AllChecked">全选</label>
        <a id="j_removeproducts" href="javascript:void(0);" class="fn-batch-remove" title="批量删除按钮">批量删除</a>
        <span>已选择<font color="red">0</font>件商品</span>
    </div>
           </div>
       </div>
</body>
</html>


package cn.bookstore.servlet;
import java.io.IOException;
import java.util.Iterator;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import cn.bookstore.domain.Book;
/**
 * 批量删除
 */
@WebServlet("/batchDeleteServlet")
public class batchDeleteServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String id=request.getParameter("id");
        String[] myid=id.split(",");   
    Map<Book,Integer> cart=(Map<Book, Integer>) request.getSession().getAttribute("cart");
/**
 * Map的实现不是同步的。如果程序中出现多个线程同时访问一个Map，而其中至少一个线程修改Map时，
它必须保持外部同步。而通过查看Iterator原理发现，Iterator是工作在一个独立的线程中，并且拥有一个 mutex锁，
就是说Iterator在工作的时候，是不允许被迭代的对象被改变的，所以调用Iterator操作获得的对象在多线程修改Map的时候会自动失效。
 */
    Iterator<Book> it = cart.keySet().iterator();
    if(cart.size()==myid.length){
      cart.clear();
    }else{
      while(it.hasNext()) {
        Book book=it.next();
           for(String bookid:myid){
          if(bookid.equals(book.getBook_id())){
            System.out.println("移出书籍："+book.getBook_name());
                     it.remove();
          }
        }
        }
    }
       request.getRequestDispatcher("/client/shoppingcart.jsp").forward(request, response);
      return;
  }
}


效果图


111.png

222.png

333.png


批量删除


111.png




文章标签：
Java
关键词：
Java批量删除
Java购物车
Java基础
小寇
目录
相关文章
编程指南针
|
6月前
|
存储 缓存 Java
最新Java基础系列课程--Day10-IO流文件处理
最新Java基础系列课程--Day10-IO流文件处理
编程指南针
81 2
编程千纸鹤
|
6月前
|
存储 Java
最新Java基础系列课程--Day10-IO流文件处理（一）
最新Java基础系列课程--Day10-IO流文件处理
编程千纸鹤
71 0
java冯坚持
|
18天前
|
存储 缓存 Java
java基础：IO流 理论与代码示例（详解、idea设置统一utf-8编码问题）
这篇文章详细介绍了Java中的IO流，包括字符与字节的概念、编码格式、File类的使用、IO流的分类和原理，以及通过代码示例展示了各种流的应用，如节点流、处理流、缓存流、转换流、对象流和随机访问文件流。同时，还探讨了IDEA中设置项目编码格式的方法，以及如何处理序列化和反序列化问题。
java冯坚持
50 1
java基础：IO流 理论与代码示例（详解、idea设置统一utf-8编码问题）
Shadow_143
|
5月前
|
Java
【Java基础】输入输出流（IO流）
Java基础、输入输出流、IO流、流的概念、输入输出流的类层次结构图、使用 InputStream 和 OutputStream流类、使用 Reader 和 Writer 流类
Shadow_143
158 2
程序员小海绵
|
2月前
|
安全 Java API
【Java面试题汇总】Java基础篇——String+集合+泛型+IO+异常+反射（2023版）
String常量池、String、StringBuffer、Stringbuilder有什么区别、List与Set的区别、ArrayList和LinkedList的区别、HashMap底层原理、ConcurrentHashMap、HashMap和Hashtable的区别、泛型擦除、ABA问题、IO多路复用、BIO、NIO、O、异常处理机制、反射
程序员小海绵
38 3
【Java面试题汇总】Java基础篇——String+集合+泛型+IO+异常+反射（2023版）
不会编程的小孩子
|
5月前
|
安全 Java
java基础-hashmap-io
java基础-hashmap-io
不会编程的小孩子
31 3
Shadow_143
|
5月前
|
搜索推荐 算法 Java
【Java基础】 几种简单的算法排序
几种简单的JAVA算法排序
Shadow_143
50 4
hsfxuebao
|
5月前
|
存储 缓存 Java
Java基础17-读懂Java IO流和常见面试题（二）
Java基础17-读懂Java IO流和常见面试题（二）
hsfxuebao
41 0
hsfxuebao
|
5月前
|
存储 Java Unix
Java基础17-读懂Java IO流和常见面试题（一）
Java基础16-读懂Java IO流和常见面试题（一）
hsfxuebao
68 0
技能实验室
|
6月前
|
Java
Java基础教程(12)-Java中的IO流
【4月更文挑战第12天】Java IO涉及输入输出，包括从外部读取数据到内存（如文件、网络）和从内存输出到外部。流是信息传输的抽象，分为字节流和字符流。字节流处理二进制数据，如InputStream和OutputStream，而字符流处理Unicode字符，如Reader和Writer。File对象用于文件和目录操作，Path对象简化了路径处理。ZipInputStream和ZipOutputStream则用于读写zip文件。
技能实验室
62 2

热门文章

最新文章

  • 1
    阿里Java代码规约插件即将全球首发，邀您来发布仪式现场
  • 2
    Java中的内存泄露的几种可能
  • 3
    Java中的定时器
  • 4
    kill -3 PID命令获取java应用堆栈信息
  • 5
    gzip压缩js和html文件java源码
  • 6
    Java程序员需要熟悉的库
  • 7
    java8 不使用循环
  • 8
    JAVA简单的SWING及AWT
  • 9
    Java基本数据类型总结
  • 10
    java获得当前文件路径
  • 1
    flink最新master代码编译出现Java Runtime Environment 问题
    77
  • 2
    【Java】仓库管理系统 SpringBoot+LayUI+DTree（源码）【独一无二】
    78
  • 3
    软件工程设计原理接口隔离原则 ，具体实现及JAVA代码举例
    49
  • 4
    软件工程设计原理依赖倒置原则 ，具体实现及JAVA代码举例
    55
  • 5
    软件工程设计原理开放封闭原则 ，具体实现及JAVA代码举例
    72
  • 6
    Java通过反射获取类调用方法
    49
  • 7
    使用Java代码打印log日志
    310
  • 8
    Java内存管理与调优：释放应用潜能的关键
    77
  • 9
    Java基础(快速排序算法)
    42
  • 10
    Java数据库编程指南：实现高效数据存储与访问
    184

    • 相关课程

    更多
  • Java面试疑难点解析 - 面试技巧及语言基础
  • Java面试疑难点解析 - Java Web开发
  • Java面试疑难点解析 - 系统架构及项目设计
  • Java编程入门
  • Java面向对象编程
  • Java高级编程

    • 相关电子书

    更多
  • Spring Cloud Alibaba - 重新定义 Java Cloud-Native
  • The Reactive Cloud Native Arch
  • JAVA开发手册1.5.0

    • 相关实验场景

    更多
  • 阿里云平台上进行Java程序的编译与运行
  • 使用Java面向对象编写网络通信程序应用
  • 手动部署Java Web环境（Alibaba Cloud Linux 2）
  • 搭建Java Web开发环境（Anolis OS）
  • RocketMQ中使用Java客户端发送消息和消费的应用
  • 部署基于Dragonwell的Java运行环境
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月