<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>VUE联系</title>

    <!--自动识别最新稳定版本-->

    <!--<script src="https://unpkg.com/vue/dist/vue.min.js"></script>-->

    <!--<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>-->

    <script src="../../js/jquery-3.3.1.min.js"></script>

    <style type="text/css">

        table{

            border: black 1px solid;

        }

        table td{border:1px solid #00b7ee;background-color: #6ce26c }

      th{background-color: #d5008f}

    </style>

</head>

<body>

<table  CELLPADDING="1" CELLSPACING="1">

        <input type="button" onclick="batchDelete()" value="删除"/>

        <input type="button" onclick="boxAll()" value="反选/全选"/>

    <tr>

        <th>编号</th>

        <th>电话</th>

        <th>密码</th>

        <th>邮箱</th>

        <th>时间</th>

    </tr>

<#if userList??>

    <#list userList as item>

    <tr>

        <td>

           <input type="checkbox" name="userNmae" value="${item.id}" />

        </td>

        <td>

            <span>${item.phone}</span>

        </td>

        <td>

            <span>${item.password}</span>

        </td>

        <td>

            <span>${item.email}</span>

        </td>

        <td>

            <span>${item.times}</span>

        </td>

    </tr>

</#list>

</#if>

</table>

</body>

<script>

    function batchDelete(){

        //判断至少选择了一项

        var checkedNum = $("input[type='checkbox']:checked").length;

        if (checkedNum == 0) {

            alert("至少选择一项删除！");

            return;

        }

        if (confirm("确定删除选中的用户？")) {

            var userList = new Array();

            $("input[type='checkbox']:checked").each(function(){

                userList.push($(this).val());

            });

            $.ajax({

                type : "post",

                url : "/user/batchDelete",

                data : {"userList" : userList.toString()},

                dataType:"JSON",

                success : function(){

                    alert("删除成功！");

                    location.reload();

                },

                error : function(){

                    alert("刪除失败！")

                }

            });

        }

    }

    //全选 全不选

    var flag=true;

    function boxAll(){

        var cd=$("input[type=checkbox]");

        for (var i=0;i<cd.length;i++) {

            cd[i].checked=flag;

        }

        flag=!flag;

    }

</script>

</html>

  public String batchDelete(HttpServletRequest request,HttpServletResponse response){

         Result result=new Result();

         String userIdListString= request.getParameter("userList");

                String[] userIdList=userIdListString.split(",");

                try{

                    int num= this.userService.batchDelete(userIdList);

                }catch (Exception e){

                    result.setMessage(ExceptionMes.Error_Message02);

                    result.setNo(ExceptionMes.Error_Code02);

                    log.error(JSON.toJSONString(result));

                }

                result.setMessage(ExceptionMes.Error_Message17);

                result.setNo(ExceptionMes.Error_Code17);

                return  JSON.toJSONString(result);

  }




 <delete id="batchDelete">

        DELETE FROM `user` where `id` in

          <foreach collection="array" item="item" index="index"  open="(" separator="," close=")">

                    #{item}

           </foreach>

    </delete>








分别问前端，后台，和MAPPER.


这里注意前端的Array.toString  到后台接收时只是一个集合的字符串，如果需要传入数组或者集合，需要使用String.split(",")进行分割转换。
                                <!--collection="array"入残维数组-->
                               <!--collection="ids"入残为M安排-->
                               <!--collection="list"入残为集合-->


这三种情况对对号入座我就不多少了
												


											
JAVAWEB开发批量删除，SSM的几种情况的更多相关文章
	

    
								
  1. Pandas删除数据的几种情况
		
    开始之前,pandas中DataFrame删除对象可能存在几种情况 1.删除具体列 2.删除具体行 3.删除包含某些数值的行或者列 4.删除包含某些字符.文字的行或者列 本文就针对这四种情况探讨一下如 ...
    
		
    2. 
						
  2. ArrayList循环遍历并删除元素的几种情况
		
    如下代码,想要循环删除列表中的元素b,该怎么处理? public class ListDemo { public static void main(String[] args) { ArrayList ...
    
		
    3. 
						
  3. 谈谈使用Redis缓存时批量删除的几种实现
		
    前言 在使用缓存的时候,我们时不时会遇到这样一个需求,根据缓存键的规则去批量删除这些数据,比较常见的就是按前缀去删除. 举个简单的例子,Redis中现在有几百个商品的数据,这些数据的key值是有一定规 ...
    
		
    4. 
						
  4. iOS开发：一个高仿美团的团购ipad客户端的设计和实现（功能：根据拼音进行检索并展示数据，离线缓存团购数据，浏览记录与收藏记录的批量删除等）
		
    大致花了一个月时间,利用各种空闲时间,将这个客户端实现了,在这里主要是想记录下,设计的大体思路以及实现过程中遇到的坑...... 这个项目的github地址:https://github.com/wz ...
    
		
    5. 
						
  5. mybatis 根据id批量删除的两种方法
		
    原文:https://blog.csdn.net/qq_40010745/article/details/81032218 mybatis 根据id批量删除的两种方法   第一种,直接传递给mappe ...
    
		
    6. 
						
  6. ssm批量删除
		
    ssm批量删除 批量删除:顾名思义就是一次性删除多个.删除是根据前台传给后台的id,那么所谓批量删除,就是将多个id传给后台,那么如何传过去呢,前后台的交互该如何实现? 1.jsp页面,先选中所有的要 ...
    
		
    7. 
						
  7. ssm框架下怎么批量删除数据?
		
    ssm框架下批量删除怎么删除? 1.单击删除按钮选中选项后,跳转到js函数,由函数处理 2. 主要就是前端的操作 js 操作(如何全选?如何把选中的数据传到Controller中) 3.fun()函数 ...
    
		
    8. 
						
  8. iOS开发——UI进阶篇（四）tableView的全局刷新，局部刷新，左滑操作，左滑出现更多按钮，进入编辑模式，批量删除，自定义批量删除
		
    首先创建项目,在storyboard如下布局控件,设置好约束 然后创建cell模型类XMGWineCell数据模型类XMGWine创建UITableView,设置数据源协议,实现数据源方法懒加载数据这 ...
    
		
    9. 
						
  9. SSM实现批量删除功能
		
    批量删除功能的实现 其实实现这个功能还是挺简单的 因为我这是直接拼接的,所以用了DOM方法来获取id话不多说直接上代码首先是复选框全选和反选这里的话 获取最上面一个复选框的状态同步到拼接的复选框  $ ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. spring boot（二）整合mybatis plus+ 分页插件 + 代码生成
			
    先创建spring boot项目,不知道怎么创建项目的 可以看我上一篇文章 用到的环境 JDK8 .maven.lombok.mysql 5.7 swagger 是为了方便接口测试 一.Spring  ...
    
			
    2. 
						
  2. 关于clear:both;后有固定高度的原因及解决方法
			
    不知道从什么时候开始,拥有clear:both;元素的父元素偶尔会出现固定的高度,之前给父元素加diaolay:hidden;临时处理,一直没搞清楚原因,今天又出现该问题,花费半天时间找出了原因记录一 ...
    
			
    3. 
						
  3. js 数据存入数组
			
    var tag = []; $('.deltag').each(function(){ if($(this).attr("checked")== 'checked'){ tag.p ...
    
			
    4. 
						
  4. xss常见方式
			
    1.<script>alert(1)</script> 2.源码第一个,[<]被转义,因此在第二个里 "><script>alert(1)&l ...
    
			
    5. 
						
  5. 点云上的深度学习及其在三维场景理解中的应用（PPT内容整理PointNet）
			
      这篇博客主要是整理了PointNet提出者祁芮中台介绍PointNet.PointNet++.Frustum PointNets的PPT内容,内容包括如何将点云进行深度学习,如何设计新型的网络架构 ...
    
			
    6. 
						
  6. js控制单选按钮选中某一项
			
    <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>& ...
    
			
    7. 
						
  7. 精进 Spring Boot 03：Spring Boot 的配置文件和配置管理，以及用三种方式读取配置文件
			
    精进 Spring Boot 03:Spring Boot 的配置文件和配置管理,以及用三种方式读取配置文件 内容简介:本文介绍 Spring Boot 的配置文件和配置管理,以及介绍了三种读取配置文 ...
    
			
    8. 
						
  8. 打造自己的Vue组件文档生成工具
			
    程序员最讨厌的两件事情,第一种是写文档,另一种是别人没有写文档.有没有直接根据vue组件生成文档的呢?当然是有的的.但第三方使用起来不一定能和现有项目结合使用,往往需要额外的注释用来标记提取信息.使用 ...
    
			
    9. 
						
  9. RSA加密算法学习
			
    一.公钥加密算法 对称加密 非对称加密 二.RSA加密算法
    
			
    10. 
						
  10. 用Python爬取《王者荣耀》英雄皮肤数据并可视化分析，用图说话
			
    大家好,我是辰哥~ 今天辰哥带大家分析一波当前热门手游<王者荣耀>英雄皮肤,比如皮肤上线时间.皮肤类型(勇者:史诗:传说等).价格. 1.获取数据 数据来源于<王者荣耀官方网站> ...
    
			
    11.