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

layui+ssm實現數據批量刪除功能

 更新時間:2023年12月05日 11:48:47   作者:洛洛不覺  
本篇文章給大家介紹layui+ssm實現數據批量刪除功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧

layui+ssm實現數據的批量刪除

在這里插入圖片描述

    //數據表格
    table.render({
        id: 'adminList',
        elem: '#adminList',
        url: ctx + "/admin/getAdminList", //數據接口
        cellMinWidth: 80,
        even: true,
        toolbar: '#toolbarDemo',//頭部工具欄
        limit: 10,//每頁條數
        limits: [10, 20, 30, 40],
        defaultToolbar: ['filter', 'exports', 'print'],
        cols: [[ //表頭
            {type: 'checkbox', fixed: 'left'},
            {type: 'numbers', title: '序號', width: 80},//序號列
            // {field: 'id', title: '編號', align: 'center', width: 80},
            {field: 'username', title: '姓名', align: 'center'},
            {field: 'phone', title: '電話', align: 'center'},
            {
                field: 'gender', title: '性別', align: "center", templet: function (d) {
                    if (d.gender == '2') {
                        return '<button class="layui-btn layui-bg-orange layui-btn-xs ">女</button>';
                    } else if (d.gender == '1') {
                        return '<button class="layui-btn layui-bg-cyan layui-btn-xs layui-btn-normal">男</button>';
                    } else if (d.gender == '') {
                        return '<button class="layui-btn layui-bg-red layui-btn-xs layui-btn-normal">未知</button>';
                    } else {
                        return '';
                    }
                }
            },
            {field: 'roleName', title: '賬戶類型', align: 'center'},
           ],
        page: true,
        loading: true
    });
    /*
    * 監(jiān)聽頭部工具欄
    * */
    table.on('toolbar(adminList)', function (obj) {
        var phone = $("#phone").val(); //獲取前端頁面?zhèn)鬟^來的當前登錄人的手機號
        var id = obj.config.id;//獲取當前操作的id
        var checkStatus = table.checkStatus(id);
        var checkData = checkStatus.data; // 獲取選中的數據
        switch (obj.event) {
            case 'deleteBatch':
                if (checkData.length === 0) {
                    layer.msg('請選擇一行數據再進行操作!');
                } else if (checkData.some(item => item.phone === phone)) {
                    layer.msg("不允許刪除當前賬戶!", {icon: 5});
                } else if (checkData.some(item => item.roleName === "超級管理員")) {
                    layer.msg("此賬戶你沒有權限操作!");
                } else {
                    layer.confirm('確定刪除所選賬戶嗎?', function (index) {
                        $.ajax({
                            url: ctx + "/admin/deleteBatch",
                            type: "POST",
                            data: JSON.stringify({ids: checkData}),
                            contentType: "application/json",
                            success: function (d) {
                                if (d.code === 0) {
                                    layer.msg(d.msg, {icon: 1});
                                    table.reload('adminList', {});
                                } else {
                                    layer.msg("失??!", {icon: 5});
                                }
                            },
                            error: function (jqXHR, textStatus, errorThrown) {
                                layer.msg("獲取數據失?。?先檢查sql 及 Tomcat Localhost Log 的輸出");
                            }
                        });
                        layer.close(index);
                    });
                }
                break;
        }
    });

controller

    /*
     * 批量刪除
     * */
    // 定義一個名為deleteBatch的方法,用于處理批量刪除請求
    @RequestMapping("/deleteBatch")
    @ResponseBody
    public ResultUtil deleteBatch(@RequestBody Map<String, Object> params, HttpSession session) {
        try {
            // 從請求參數中獲取要刪除的賬戶ID列表
            List<Integer> ids = (List<Integer>) params.get("ids");
            System.out.println(ids);
            // 調用adminService的deleteByIds方法,根據ID列表批量刪除賬戶
            adminService.deleteByIds(ids);
            // 返回成功結果
            return ResultUtil.ok("批量刪除賬戶成功");
        } catch (Exception e) {
            // 如果發(fā)生異常,打印異常堆棧信息
            e.printStackTrace();
            // 返回錯誤結果,狀態(tài)碼為500,提示信息為"sql問題"
            return new ResultUtil(500, "sql問題");
        }
    }
service
void deleteByIds(List<Integer> ids);
serviceimpl:
   @Override
    public void deleteByIds(List<Integer> ids) {
        adminDao.deleteByIDS(ids);
    }
dao:
 void deleteByIDS( List<Integer> ids);

mapper.xml

  <delete id="deleteByIDS" parameterType="java.util.List">
        DELETE FROM tb_admin
        WHERE id IN
        <foreach collection="list" open="(" close=")" separator="," item="param">
            #{param.id}
        </foreach>
    </delete>

到此這篇關于layui+ssm實現數據批量刪除的文章就介紹到這了,更多相關layui ssm批量刪除內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • javascript獲取元素偏移量的方法有哪些

    javascript獲取元素偏移量的方法有哪些

    javascript中可以通過四個屬性獲得元素的偏移量,offsetHeight、offsetWidth、offsetLeft、offsetTop,下面為大家解釋下各屬性的含義
    2014-06-06
  • javascript實現隨機顯示星星特效

    javascript實現隨機顯示星星特效

    這篇文章主要介紹了javascript實現隨機顯示星星特效的相關資料,以一個完整實例形式較為詳細的分析了js實現隨機顯示星星特效的實現技巧,需要的朋友可以參考下
    2016-01-01
  • JavaScript、C# URL編碼、解碼總結

    JavaScript、C# URL編碼、解碼總結

    這篇文章主要介紹了JavaScript、C# URL編碼總結,注意包括了encodeURI、decodeURI、encodeURIComponent、decodeURIComponent等使用需要的朋友可以參考下
    2017-01-01
  • uniapp 如何設置 tabbar 的 midButton 按鈕

    uniapp 如何設置 tabbar 的 midButton 按鈕

    在UniApp開發(fā)中,設置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實現TabBar中的特殊按鈕功能,提升應用的用戶體驗
    2024-10-10
  • 分析uniapp入門之nvue爬坑記

    分析uniapp入門之nvue爬坑記

    uni-app的nvue說白了就是weex的那一套東西,uni-app集成了weex的 SDK,也就實現了App端的原生渲染能力。本文將介紹uniapp遇到的一些坑,分享給大家。
    2021-06-06
  • 無阻塞加載腳本分析[全]

    無阻塞加載腳本分析[全]

    script標簽的阻塞行為會對頁面性能產生負面影響,大多數瀏覽器在下載或執(zhí)行腳本的同時,會阻塞下載位于它之后的資源,也會阻塞渲染位于它之后的元素。
    2011-01-01
  • 固定背景實現的背景滾動特效示例分享

    固定背景實現的背景滾動特效示例分享

    固定背景滾動特效,使用background-attachment: fixed和導航菜單,頁面會非常平滑的滾動,感興趣的朋友可以參考下哈希望對你有所幫助
    2013-05-05
  • document.forms[].submit()使用介紹

    document.forms[].submit()使用介紹

    這篇文章主要介紹了document.forms[].submit()使用,需要的朋友可以參考下
    2014-02-02
  • 解決layui table表單提示數據接口請求異常的問題

    解決layui table表單提示數據接口請求異常的問題

    今天小編就為大家分享一篇解決layui table表單提示數據接口請求異常的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 原生js獲取寬高與jquery獲取寬高的方法關系對比

    原生js獲取寬高與jquery獲取寬高的方法關系對比

    這篇文章主要介紹了原生js獲取寬高與jquery獲取寬高的方法關系對比,需要的朋友可以參考下
    2014-04-04

最新評論