springboot+layui+mybatis-plus的批量删除（批量修改）

开发工具：idea

springboot版本：2.2.6

jdk版本：1.8

这里导入依赖就不做展示了（主要导入mybatis-plus与springboot依赖，看业务需求吧）

 

controller层代码如下：

这里主要是把字段修改了，也可以理解为批量修改，都差不多的写法。

/** * 批量删除用户信息 * 状态为1 :已删除 * * @param state * @param userId * @return */ @PutMapping("delBatchUsers") @ApiOperation(value = "批量删除用户信息") public ResultFormat delBatchLink(Integer state, @RequestParam(value = "userId[]") Integer[] userId) { logger.info("state={}", state); Users users = new Users(); users.setState(1); boolean updateById = false; for (Integer integer : userId) { users.setUserId(integer); updateById = usersService.updateById(users); } if (updateById) { return ResultUtil.success(); } return ResultUtil.error(100, "修改失败"); }

 

js代码如下：

按钮

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit" title="修改">
        <i class="layui-icon">&#xe642;</i>
    </a>

    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delLink" title="删除">
        <i class="layui-icon layui-icon-delete"></i>
    </a>
</script>

 

 

查询

 table.render({ elem: '#valueTable' , url: '/users/list' , cols: [ [ {type: 'checkbox', fixed: 'left'} , {field: 'userId', title: 'ID', fixed: 'left'} , {field: 'userIp', title: '用户IP',} , {field: 'userName', title: '用户名',} , {field: 'email', title: '用户邮箱',} , {field: 'registerTime', title: '注册时间',} , {field: 'updateTime', title: '修改时间',} , {field: 'age', title: '年龄',} , {field: 'telephoneNumber', title: '手机号',} , {field: 'nickname', title: '用户昵称',} , { field: 'state', title: '状态', width: 85, templet: function (data) { if (data.state == 0) { return '<div> <input type="checkbox" checked="" name="codeSwitch" lay-skin="switch" id="open" lay-filter="switchTest" switchId=' + data.userId + '' +
                            ' lay-text="启用|已禁用" value=' + data.state + '></div>'; } return '<div> <input type="checkbox" lay-skin="switch" name="codeSwitch" switchId=' + data.userId + ' lay-filter="switchTest"' +
                        'lay-text="启用|已禁用" value=' + data.state + '></div>'; } } , {fixed: 'right', title: '操作', toolbar: '#barDemo'} ] ] , limit: 10 , limits: [10, 20, 25, 50, 100] , parseData: function (data) { //打印数据
 console.log(data) } /** * 开启分页 */ , page: true , where: {state: 0} , id: 'linkListReload' });

 

批量删除js代码

   var $ = layui.$, active = { /** * 批量删除用户 * * */ closeBtn: function () { var $checkbox = $('table input[type="checkbox"][name="layTableCheckbox"]'); var $checked = $('table input[type="checkbox"][name="layTableCheckbox"]:checked'); if ($checkbox.is(":checked")) { var checkStatusId = table.checkStatus('linkListReload'), data = checkStatusId.data, userId = []; for (var i in data) { userId.push(data[i].userId) } layer.confirm('确定要删除' + data.length + '条数据么?', {title: '系统信息'}, function (index) { var layerIndex = layer.load(2); $.ajax({ url: '/users/delBatchUsers', type: 'PUT', data: { state: 1, userId: userId }, success: function (res) { if (res.code == 200) { table.reload('linkListReload', {}); $.message({ message: res.msg, type: 'success', showClose: true }); } else { $.message({ message: res.msg, type: 'warning', showClose: true }); } }, error: function (data) { $.message({ message: '系统异常..', type: 'error', showClose: true }); }, complete: function () { layer.close(index); layer.close(layerIndex); } }) }) } else { $.message({ message: '请选中要删除的数据', type: 'warning', showClose: true }); } }, }; $('.batchDel').on('click', function () { var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; });

 

效果图如下：

 

 

码云地址：https://gitee.com/ckfeng/springboot_mysql_redis.git