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

您所在的位置:网站首页 B站点赞视频多怎么批量删除 Java实现多选批量删除,含前后端相关代码

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

2024-07-03 10:38:55| 来源: 网络整理| 查看: 265

前言

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

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

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

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

点击全选

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

(1)controller

@RequestMapping("/batchDeletes") //批量删除 public String delAnimal(String ids){ List delList = new ArrayList(); 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 from animal where id in #{item} delete from animal where id=#{id}

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

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

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

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

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

close表示以什么结束.

前段页面代码

Title 全选 ID 名称 年龄 操作 ${animal.id} ${animal.name} ${animal.age} //全选(全不选) 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 } 使用MybatisPlus实现批量删除

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

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

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

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



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭