Java实现多选批量删除,含前后端相关代码

17 篇文章 1 订阅
11 篇文章 0 订阅

前言

本文介绍如何使用Java实现多选批量删除

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

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

部分效果截图(页面简陋)
在这里插入图片描述

点击全选

在这里插入图片描述
再次点击全选
在这里插入图片描述
删除提示
在这里插入图片描述
确认删除
在这里插入图片描述
代码部分,含有简单单个删除

(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="+checkedList;
        }

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

</script>
</html>

使用MybatisPlus实现批量删除

2022年8月31日,我又回来了

当我意识到MybatisPlus时,我发现是如此的简单! 只需要一行代码解决!

 deleteBatchIds(@Param(Constants.COLLECTION) Collection extends Serializable> idList);

大家还是多用用MybatisPlus里面提供的API,真的好用方便!

  • 15
    点赞
  • 90
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
首先,需要了解复选框互斥的原理。在同一个复选框组中,只能有一个复选框被选中,其他复选框都应该处于未选中状态。 在Java中,可以使用JCheckBox类来创建复选框,并使用ButtonGroup类来将多个复选框组合在一起形成一个复选框组。 如果需要在复选框被选中时执行一些操作,可以添加ItemListener监听器。 如果需要实现复选框互斥,可以在ItemListener中使用setValueAt方法重新设置复选框的选中状态。 以下是一个示例代码实现了复选框互斥的功能: ```java import javax.swing.*; import javax.swing.event.*; import javax.swing.table.*; class CheckBoxListener implements ItemListener { private JTable table; private TableModel model; public CheckBoxListener(JTable table) { this.table = table; this.model = table.getModel(); } public void itemStateChanged(ItemEvent e) { int row = table.getEditingRow(); int col = table.getEditingColumn(); if (row >= 0 && col >= 0) { Boolean value = (Boolean) model.getValueAt(row, col); value = !value; model.setValueAt(value, row, col); // 设置互斥 for (int i = 0; i < model.getRowCount(); i++) { if (i != row) { model.setValueAt(false, i, col); } } } } } public class CheckBoxTable extends JFrame { private JTable table; private DefaultTableModel model; private ButtonGroup group; private CheckBoxListener listener; public CheckBoxTable() { model = new DefaultTableModel(new Object[][]{ {"Java", false}, {"Python", false}, {"C++", false}, {"JavaScript", false}, }, new Object[]{"语言", "选中"}); table = new JTable(model); table.getColumnModel().getColumn(1).setCellEditor(new DefaultCellEditor(new JCheckBox())); group = new ButtonGroup(); listener = new CheckBoxListener(table); for (int i = 0; i < model.getRowCount(); i++) { JCheckBox checkBox = new JCheckBox(); checkBox.addItemListener(listener); group.add(checkBox); table.setValueAt(checkBox, i, 1); } add(new JScrollPane(table)); setSize(300, 200); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setLocationRelativeTo(null); setVisible(true); } public static void main(String[] args) { new CheckBoxTable(); } } ``` 在这个示例中,通过重写ItemListener中的itemStateChanged方法,使用setValueAt方法重新设置复选框的选中状态,并设置其他复选框的选中状态为false,从而实现了复选框互斥的功能。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小花皮猪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值