layui 批量删除前后端代码实现

最新推荐文章于 2023-12-04 21:07:04 发布

新人报道

最新推荐文章于 2023-12-04 21:07:04 发布

阅读量591

点赞数

分类专栏： ssm layui 批量删除文章标签： layui 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_44740800/article/details/130043680

版权

本文详细介绍了使用layui在前端实现批量删除功能，并配合后端三层架构，包括controller、service和dao，以及mapper接口的具体实现，提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端

<!-- 添加 批量删除工具栏 -->  
<script type="text/html" id="addbar">    // addbar 绑定在table.render渲染表格元素时 使用 toolbar:"#addbar" 进行绑定
    <div class="layui-btn-container">
        <a class="layui-btn layui-icon layui-icon-add-1" lay-event="add"></a>
        <a class="layui-btn layui-icon layui-icon-subtraction" lay-event="dels"></a>
    </div>
</script>

js代码

    //   添加 批量删除工具栏
    table.on('toolbar(commFilter)',function (obj){   // commFilter 代表的是定义的表格的lay-filter属性
        var ename = obj.event;
        if(ename === 'add'){
          $("#addOrEditForm")[0].reset();
            layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', "images/7e303b15f-b709-4401-a