欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

java實現(xiàn)多選批量刪除功能

 更新時間:2021年08月26日 09:20:32   作者:蜜桃婷婷醬  
工作中批量刪除可以提高我們的工作效率,今天這篇文章主要介紹了java實現(xiàn)多選批量刪除功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文為大家分享了java實現(xiàn)多選批量刪除的具體代碼,幫助大家更好的理解批量刪除功能的實現(xiàn)過程,供大家參考,具體內(nèi)容如下

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

實現(xiàn)思路:多選復(fù)選框多個刪除,點(diǎn)擊全選全部選中,再次點(diǎn)擊全部取消,為了保證操作的安全,應(yīng)該提示框進(jìn)行提升,用戶再次點(diǎn)擊確認(rèn)刪除進(jìn)行刪除,把選中的多個復(fù)選框的值傳到后端進(jìn)行循環(huán)刪除,最后刷新數(shù)據(jù),公司中為了保證數(shù)據(jù)安全一般不會真正刪除而是把數(shù)據(jù)修改狀態(tài)進(jìn)行隱藏,也就是修改,這邊以完全刪除為例

部分效果截圖(頁面簡陋)

點(diǎn)擊全選

再次點(diǎn)擊全選

刪除提示

確認(rèn)刪除

代碼部分,含有簡單單個刪除

(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);
        }
        //開始循環(huán)批量刪除
        testService.batchDeletes(delList);
        //重定向刷新數(shù)據(jù)
        return "redirect:/showAnimal";
    }
    @RequestMapping("/delByID")
    public String delByID(int id){
        testService.delByID(id);
        //重定向刷新數(shù)據(jù)
        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
        <!--循環(huán)刪除 -->
        <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表示集合中每一個元素進(jìn)行迭代時的別名. (直接找到對應(yīng)的delList集合里面的所有元素,item="item"中的item(后一個)必須與#{item} 中的item一致)

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

open表示該語句以什么開始,separator表示在每次進(jìn)行迭代之間以什么符號作為分隔 符.

close表示以什么結(jié)束.

前端頁面代碼

<%@ 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;
        }
        //創(chuàng)建數(shù)組,存儲選擇的id
        var checkedList = new Array();
        $("input[name='checkbox']:checked").each(function () {
            //把當(dāng)前選中的復(fù)選框的id存入數(shù)組中
            checkedList.push($(this).val());
        });

        //提示刪除
        var flag=confirm("確認(rèn)要刪除這"+checkedList.length+"條數(shù)據(jù)嗎?")
        if(flag){
            //傳參,后端繼續(xù)進(jìn)行刪除操作,傳到后端的是一個String數(shù)組
            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>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Spring-webflux?響應(yīng)式編程的實例詳解

    Spring-webflux?響應(yīng)式編程的實例詳解

    Spring 提供了兩個并行堆棧,一種是基于帶有 Spring MVC 和 Spring Data 結(jié)構(gòu)的 Servlet API,另一個是完全反應(yīng)式堆棧,它利用了 Spring WebFlux 和 Spring Data 的反應(yīng)式存儲庫,這篇文章主要介紹了Spring-webflux?響應(yīng)式編程,需要的朋友可以參考下
    2022-09-09
  • Java實現(xiàn)圖書館借閱系統(tǒng)

    Java實現(xiàn)圖書館借閱系統(tǒng)

    這篇文章主要為大家詳細(xì)介紹了Java實現(xiàn)圖書館借閱系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • Java中的synchronized和ReentrantLock的區(qū)別詳細(xì)解讀

    Java中的synchronized和ReentrantLock的區(qū)別詳細(xì)解讀

    這篇文章主要介紹了Java中的synchronized和ReentrantLock的區(qū)別詳細(xì)解讀,synchronized是Java內(nèi)建的同步機(jī)制,所以也有人稱其為 IntrinsicLocking,它提供了互斥的語義和可見性,當(dāng)一個線程已經(jīng)獲取當(dāng)前鎖時,其他試圖獲取的線程只能等待或者阻塞在那里,需要的朋友可以參考下
    2024-01-01
  • java實現(xiàn)手機(jī)短信驗證的基本思路

    java實現(xiàn)手機(jī)短信驗證的基本思路

    這篇文章主要為大家詳細(xì)介紹了java實現(xiàn)手機(jī)短信驗證的基本思路,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • java實現(xiàn)簡單的計算器類實例

    java實現(xiàn)簡單的計算器類實例

    這篇文章主要介紹了java實現(xiàn)簡單的計算器類,涉及java針對鍵盤監(jiān)聽及數(shù)字運(yùn)算的處理技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • java初學(xué)者必須理解這幾個問題

    java初學(xué)者必須理解這幾個問題

    這篇文章主要介紹了java初學(xué)者必須理解這幾個問題,需要的朋友可以參考下
    2014-10-10
  • RocketMQ中的NameServer詳細(xì)解析

    RocketMQ中的NameServer詳細(xì)解析

    這篇文章主要介紹了RocketMQ中的NameServer詳細(xì)解析,NameServer是一個非常簡單的Topic路由注冊中心,支持Broker的動態(tài)注冊與發(fā)現(xiàn),因此不能保證NameServer的一致性,需要的朋友可以參考下
    2024-01-01
  • 理解Java當(dāng)中的回調(diào)機(jī)制(翻譯)

    理解Java當(dāng)中的回調(diào)機(jī)制(翻譯)

    今天我要和大家分享一些東西,舉例來說這個在JavaScript中用的很多。我要講講回調(diào)(callbacks)。你知道什么時候用,怎么用這個嗎?你真的理解了它在java環(huán)境中的用法了嗎?當(dāng)我也問我自己這些問題,這也是我開始研究這些的原因
    2014-10-10
  • Java深入淺出講解多線程的概念到使用

    Java深入淺出講解多線程的概念到使用

    哈哈!經(jīng)過一個階段的學(xué)習(xí),Java基礎(chǔ)知識學(xué)習(xí)終于到多線程了!Java多線程以及后面互斥鎖的概念都是Java基礎(chǔ)學(xué)習(xí)的難點(diǎn),所以我做了一個總結(jié),希望對大家也有幫助
    2022-05-05
  • 基于java中泛型的總結(jié)分析

    基于java中泛型的總結(jié)分析

    本篇文章介紹了,在java中泛型的總結(jié)分析。需要的朋友參考下
    2013-05-05

最新評論