<!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. ThinkPHP5修改验证码的配置参数
			
    当前使用的ThinkPHP的版本是5.0.24. 在模版试图中调用验证码生成函数:{:captcha_img()},或者<img src="{:captcha_src()}" ...
    
			
    2. 
						
  2. 流暢的pyhton4---數據庫備份
			
    一.linux數據庫備份腳本 1.数据库备份,命令如下: ./pg_dump -h localhost -p 5432 -U postgres -W -F c -b -v -f "/opt/ ...
    
			
    3. 
						
  3. HashSet 的实现原理
			
    HashSet 概述 对于 HashSet 而言,它是基于 HashMap 实现的,底层采用 HashMap 来保存元素,所以如果对 HashMap 比较熟悉了,那么学习 HashSet 也是很轻松的 ...
    
			
    4. 
						
  4. 随处可编辑的编辑器之神VIM
			
    据说这世界上只有三种编辑器:Vim,Emacs 和 其他编辑器,其中 Vim 被称作编辑器之神,Emacs 被称作神的编辑器,当然,其他编辑器永远只能是其他编辑器. 拿一位 网友的话 来说,VIM 的 ...
    
			
    5. 
						
  5. helm离线安装helm-push插件
			
    helm-push版本:helm-push_0.9.0_linux_amd64 helm-push安装包 百度云: 链接:  helm-push_0.9.0_linux_amd64  提取码: 26b ...
    
			
    6. 
						
  6. C++员工管理系统（封装+多态+继承+分类化+函数调用+读写文件+指针+升序降序算法等一系列知识结合）
			
    1 C++职工管理系统 2 该项目实现 八个 功能 3 1-增加功能 2-显示功能 3-删除功能 4-修改功能 4 5-查找功能 6-排序功能 7-清空功能 8-退出功能 5 实现多个功能使用了多个C ...
    
			
    7. 
						
  7. 三年Android开发快手、美团、支付宝连挂，怒刷1549页面试题字节上岸
			
    刚开始面试的时候我真的是处处碰壁,面一家挂一家,面完之后怀疑自我,是不是自己真的太菜了找不到工作.工作本身就是双向选择,一家不行再换一家,总有合适的,千万不要因为别人的一句话就全盘否定自己,一定要自信 ...
    
			
    8. 
						
  8. BBPlayerView
			
    GitHub 仓库地址 一个高度封装的视频播放器视图,基于 AVPlayer.AVPlayerLayer.AVPlayerItem. 继承自 UIView,可以当做一般视图使用,适用于 Swift 和 ...
    
			
    9. 
						
  9. Mantis安装过程笔记
			
    安装平台:Windows Server 2003 R2 Enterprise x64 Edition 软件: EasyPHP-5.3.6.1 mantisbt-1.2.6 安装过程: 首先安装Easy ...
    
			
    10. 
						
  10. IllegalArgumentException occurred while calling setter for property
			
    参考https://blog.csdn.net/qq_41192690/article/details/80659427 主码 是 integer类型的 就不要在写成这个样子了 把type=" ...
    
			
    11.