服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Java教程 - java实现多选批量删除功能

java实现多选批量删除功能

2021-12-05 20:21蜜桃婷婷酱 Java教程

工作中批量删除可以提高我们的工作效率,今天这篇文章主要介绍了java实现多选批量删除功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文为大家分享了java实现多选批量删除的具体代码,帮助大家更好的理解批量删除功能的实现过程,供大家参考,具体内容如下

本文用到的框架是:springmvc+mybatis

实现思路:多选复选框多个删除,点击全选全部选中,再次点击全部取消,为了保证操作的安全,应该提示框进行提升,用户再次点击确认删除进行删除,把选中的多个复选框的值传到后端进行循环删除,最后刷新数据,公司中为了保证数据安全一般不会真正删除而是把数据修改状态进行隐藏,也就是修改,这边以完全删除为例

部分效果截图(页面简陋)

java实现多选批量删除功能

点击全选

java实现多选批量删除功能

再次点击全选

java实现多选批量删除功能

删除提示

java实现多选批量删除功能

确认删除

java实现多选批量删除功能

代码部分,含有简单单个删除

(1)controller

 @RequestMapping("/batchDeletes")
    //批量删除
    public String delAnimal(String ids){
        List<String> delList = new ArrayList<String>();
        String[] strs = ids.split(",");
        for (String str : strs) {
            delList.add(str);
        }
        //开始循环批量删除
        testService.batchDeletes(delList);
        //重定向刷新数据
        return "redirect:/showAnimal";
    }
    @RequestMapping("/delByID")
    public String delByID(int id){
        testService.delByID(id);
        //重定向刷新数据
        return "redirect:/showAnimal";
}

代码思路:

从前台勾选的选择框中传过来的值用“,”分开,然后遍历存放到delList集合里面,直接删delList集合里面的所有字符串。

(2)service

void batchDeletes(List delList);
void delByID(int id);

(3)serviceImpl

@Override
public void batchDeletes(List delList) {
         testDao.batchDeletes(delList);
    }

    @Override
    public void delByID(int id) {
        testDao.delByID(id);
    }

(4)dao

void batchDeletes(List delList);
void delByID(int id);

(5)mapper.xml

<!--批量删除 -->
    <delete id="batchDeletes" parameterType="java.util.List">
        delete  from  animal where id in
        <!--循环删除 -->
        <foreach collection="list" index="index" item="item" open="(" separator="," close=")">
            #{item}
        </foreach>
    </delete>
    <delete id="delByID" parameterType="int">
        delete from animal where id=#{id}
</delete>

如上的mybatis指代的意思如下:

foreach元素的属性主要有 item,index,collection,open,separator,close。

item表示集合中每一个元素进行迭代时的别名. (直接找到对应的delList集合里面的所有元素,item="item"中的item(后一个)必须与#{item} 中的item一致)

index指 定一个名字,用于表示在迭代过程中,每次迭代到的位置.

open表示该语句以什么开始,separator表示在每次进行迭代之间以什么符号作为分隔 符.

close表示以什么结束.

前端页面代码

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: wx_weiyihe
  Date: 2021/8/24
  Time: 14:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<html>
<head>
    <title>Title</title>

</head>
<body>
   <input type="button" value="批量删除" id="deleteButton">
   <table border="1px" cellspacing="0px">
       <tr>
           <th align="center">
               <input type="checkbox" id="SelectAll" onclick="selectAll();" /> 全选</th>
           <th>ID</th>
           <th>名称</th>
           <th>年龄</th>
           <th>操作</th>
       </tr>
       <c:forEach items="${list}" var="animal">
           <tr>
               <td align="center"><input type="checkbox" name="checkbox" value="${animal.id}"></td>
               <td>${animal.id}</td>
               <th>${animal.name}</th>
               <th>${animal.age}</th>
               <th><input type="button" value="删除" onclick="delByID("${animal.id}")"></th>
           </tr>
       </c:forEach>
   </table>
</body>
<script>
    //全选(全不选)
    function selectAll(){
        //如果选择全选按钮
        if ($("#SelectAll").is(":checked")) {
            $(":checkbox").prop("checked", true);//所有选择框都选中
        } else {  //如果没有选择全选按钮
            $(":checkbox").prop("checked", false); //全部不选中
        }
    }
    //批量删除
    $("#deleteButton").on("click", function() {
        //判断至少写了一项
        var checkedNum = $("input[name="checkbox"]:checked").length;
        if (checkedNum == 0) {
            alert("请至少选择一项!");
            return false;
        }
        //创建数组,存储选择的id
        var checkedList = new Array();
        $("input[name="checkbox"]:checked").each(function () {
            //把当前选中的复选框的id存入数组中
            checkedList.push($(this).val());
        });

        //提示删除
        var flag=confirm("确认要删除这"+checkedList.length+"条数据吗?")
        if(flag){
            //传参,后端继续进行删除操作,传到后端的是一个String数组
            window.location.href="http://localhost:8080/batchDeletes?ids=" rel="external nofollow" +checkedList;
        }

    })
    //单个删除
    function delByID(id){
        window.location.href="http://localhost:8080/delByID?id=" rel="external nofollow" +id
    }

</script>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/weixin_46713508/article/details/119893638

延伸 · 阅读

精彩推荐
  • Java教程小米推送Java代码

    小米推送Java代码

    今天小编就为大家分享一篇关于小米推送Java代码,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧...

    富贵稳中求8032021-07-12
  • Java教程Java BufferWriter写文件写不进去或缺失数据的解决

    Java BufferWriter写文件写不进去或缺失数据的解决

    这篇文章主要介绍了Java BufferWriter写文件写不进去或缺失数据的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望...

    spcoder14552021-10-18
  • Java教程升级IDEA后Lombok不能使用的解决方法

    升级IDEA后Lombok不能使用的解决方法

    最近看到提示IDEA提示升级,寻思已经有好久没有升过级了。升级完毕重启之后,突然发现好多错误,本文就来介绍一下如何解决,感兴趣的可以了解一下...

    程序猿DD9332021-10-08
  • Java教程20个非常实用的Java程序代码片段

    20个非常实用的Java程序代码片段

    这篇文章主要为大家分享了20个非常实用的Java程序片段,对java开发项目有所帮助,感兴趣的小伙伴们可以参考一下 ...

    lijiao5352020-04-06
  • Java教程Java实现抢红包功能

    Java实现抢红包功能

    这篇文章主要为大家详细介绍了Java实现抢红包功能,采用多线程模拟多人同时抢红包,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙...

    littleschemer13532021-05-16
  • Java教程Java使用SAX解析xml的示例

    Java使用SAX解析xml的示例

    这篇文章主要介绍了Java使用SAX解析xml的示例,帮助大家更好的理解和学习使用Java,感兴趣的朋友可以了解下...

    大行者10067412021-08-30
  • Java教程Java8中Stream使用的一个注意事项

    Java8中Stream使用的一个注意事项

    最近在工作中发现了对于集合操作转换的神器,java8新特性 stream,但在使用中遇到了一个非常重要的注意点,所以这篇文章主要给大家介绍了关于Java8中S...

    阿杜7482021-02-04
  • Java教程xml与Java对象的转换详解

    xml与Java对象的转换详解

    这篇文章主要介绍了xml与Java对象的转换详解的相关资料,需要的朋友可以参考下...

    Java教程网2942020-09-17