<!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. 部署springboot时出现的问题
			
    一.打包出现问题 后经发现是因为maven的打包插件的版本问题,需要修改版本 <plugins> <plugin> <groupId>org.springframe ...
    
			
    2. 
						
  2. PAT甲级：1089 Insert or Merge (25分)
			
    PAT甲级:1089 Insert or Merge (25分) 题干 According to Wikipedia: Insertion sort iterates, consuming one i ...
    
			
    3. 
						
  3. 记一次Vue跨导航栏问题解决方案
			
    简述 这篇文章是我项目中,遇到的一个issue,我将解决过程和方法记录下来. 本篇文章基于Vue.js进行的前端页面构建,由于仅涉及前端,将不做数据来源及其他部分的叙述.使用的CSS框架是 Boots ...
    
			
    4. 
						
  4. PGSQL存储过程学习
			
    一.存储过程定义:   存储过程(Stored Procedure)是在大型数据库系统中,一组为了完成特定功能的SQL 语句集,它存储在数据库中,一次编译后永久有效,用户通过指定存储过程的名字并给出参 ...
    
			
    5. 
						
  5. Git，Linux，Ubuntu，Tmux的常用命令
			
    常用的连接 Git命令 廖雪峰的Git教程 Git常用命令 ubuntu16.04之GitHub入门教程 Linux相关 tmux命令 Ubuntu常用命令速查手册 Linux 命令大全 其它工具 M ...
    
			
    6. 
						
  6. SpringBoot+Maven 多模块项目的构建、运行、打包实战
			
    前言 最近在做一个很复杂的会员综合线下线上商城大型项目,单模块项目无法满足多人开发和架构,很多模块都是重复的就想到了把模块提出来,做成公共模块,基于maven的多模块项目,也好分工开发,也便于后期微服 ...
    
			
    7. 
						
  7. for循环排它算法（经典实用）
			
    核心代码 let lis = document.querySelectorAll("li"); for(let i = 0; i < lis.length; i ++) {  ...
    
			
    8. 
						
  8. testlink在win7下的安装\配置\使用
			
    1.xampp >解压并安装xampp >在安装目录下点击setup_xampp(这一步是为了初始化一些环境的配置) >再启动xampp-control,运行Apache和MySQL ...
    
			
    9. 
						
  9. dubbo学习实践（1）之管理控制台Dubbo-admin部署
			
    1.Docker拉取现有镜像,构建Dubbo-admin 拉取镜像,这里使用chenchuxin/dubbo-admin docker pull chenchuxin/dubbo-admin 注册中心 ...
    
			
    10. 
						
  10. 【笔记】KNN之分类准确度
			
    分类准确度 分类准确度 以sklearn中的手写数字datasets.load_digits为例,其是8*8的图形,具有64个特征值,类别由0到9 我们挑选出666这个图形,将其可视化 X = dig ...
    
			
    11.