<!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. PAT甲级：1025 PAT Ranking (25分)
			
    PAT甲级:1025 PAT Ranking (25分) 题干 Programming Ability Test (PAT) is organized by the College of Comput ...
    
			
    2. 
						
  2. 注解@ConfigurationProperties使用方法（二十）
			
    前言 最近在思考使用java config的方式进行配置,java config是指基于java配置的spring.传统的Spring一般都是基本xml配置的,后来spring3.0新增了许多java ...
    
			
    3. 
						
  3. 图像旋转的FPGA实现（一）
			
    继续图像处理专题,这次写的是图像旋转.若要说小分辨率的图像旋转倒也简单,直接将原始图像存储在BRAM中,然后按照旋转后的位置关系取出便是.但是对于高分辨的图像(720P及以上)就必须得用DDR3或者D ...
    
			
    4. 
						
  4. ifix历史数据(H04/H08/H24)转换为CSV文件导出
			
    在最近的一次环保数据维护中,由于自己疏忽导致数据库中TP值并未有效记录,还好历史趋势有相关记录,问题是我该如何将.H24文件记录导出?在逛论坛后,无意发现一款工具解决了我的燃眉之急-HTD2CSV.e ...
    
			
    5. 
						
  5. Lazysysadmin靶机
			
    仅供个人娱乐 靶机信息 Lazysysadmin靶机百度云下载链接:https://pan.baidu.com/s/1pTg38wf3oWQlKNUaT-s7qQ提取码:q6zo 信息收集 nmap全 ...
    
			
    6. 
						
  6. 关于win7+cenos 7双系统安装
			
    ---恢复内容开始--- 1,cenos 0 7制作U盘启动 制作工具 http://pan.baidu.com/s/1nv9lpmp 镜像自备 2,安装centos 7 释放磁盘空间,如:20G.用 ...
    
			
    7. 
						
  7. 在vue中使用微信jssdk的getLocalImgData怎么让多张图片显示
			
    在循环里添加了一个异步请求类型的,所以我让他每次执行完毕后再执行下一次操作,其中用到了async 和 await,将异步变为同步去执行. 1 // 图片上传 2 handleImage(typeVal ...
    
			
    8. 
						
  8. mout -t -cifs 解析
			
    mount -t cifs //<azurefile_url> <linux_mountpoint(folder)> df 查看挂载 umount取消挂载 umount -l  ...
    
			
    9. 
						
  9. DVWA靶场练习-Command Injection命令注入
			
    Command Injection 原理 攻击者通过构造恶意参数,破坏命令的语句结构,从而达到执行恶意命令的目的.
    
			
    10. 
						
  10. CentOS文件目录类语法
			
    目录 一.目录查看切换类 1. pwd 显示当前工作目录的绝对路径 2. ls 列出目录的内容 二.文件与目录创建删除类 1. mkdir 创建一个新目录 2. touch 创建空文件 3. rmdi ...
    
			
    11.