SSM實現批量刪除功能

 批量刪除功能的實現

其實實現這個功能還是挺簡單的 因為我這是直接拼接的，所以用了DOM方法來獲取id
話不多說直接上代碼
首先是復選框全選和反選
這里的話

獲取最上面一個復選框的狀態同步到拼接的復選框

 $("#check11").click(function () { var hz = $("#check11").prop("checked"); $(".qx").prop('checked',hz); }); 

直接看checkbox就好

   $.ajax({
                url: "/reader",
                type: "get",
                dataType: "json",
                success:function (result) {
                    var dataTR = "";
                    $.each(result, function (index, value) {
                        dataTR +=
                            "<tr>" +
                            "<td>" + value.readerId + "</td>" +
                            "<td>" + value.name + "</td>" +
                            "<td>" + value.sex + "</td>" +
                            "<td>" + value.birth + "</td>" +
                            "<td>" + value.address + "</td>" +
                            "<td>" + value.telcode + "</td>" +
                            "<td>" +
                            "<input type='checkbox' class='qx'> " +
                            "</td>" +
                            "</tr>";
                    });
                    $("#tbody").html(dataTR);
                }
            });

 

下面是ajax請求

$("#delete").click(function () {
            var zhi = $('input:checkbox:checked');
            var id = '';
            var str = '';
            $.each(zhi,function(){
              id = this.parentNode.parentNode.firstChild.innerHTML;
                            if(id!=null){
                                str += id+",";
                            }
                swal({
                   title:"確定要刪除這"+zhi.length+'個數據嗎',
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "確定！",
                    cancelButtonText: "取消！",
                    closeOnConfirm: false,
                    closeOnCancel: false
                },function (isConfirm) {
                     var s = JSON.stringify(str);
                     console.log(s);
                    if(isConfirm){
                        $.ajax({
                           url:"/reader1",
                            type:"post",
                            dataType: "json",
                            data:{"str":s},
                            success:function (result) {
                                if(result=="success"){
                                    swal('刪除成功','','success');
                                    getAll();
                                }else {
                               swal("取消！", "停留在此頁面", "info");
                                }
                            }
                        });
                    }else {
                        swal("取消！", ", "info");
                    }
                });
            });
        });

這里注意var定義一定要放在each方法的外部並且要給賦值’ ';不然的話JSON轉換成字符串的時候會
為空

dao層

  int deleteByPrimaryKey(Integer readerId); 

Mapper

 <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer"> delete from reader_info where reader_id = #{readerId,jdbcType=INTEGER} </delete> 

service層

  int deleteByPrimaryKey(Integer readerId); 

impl

package gentleman.service;

import gentleman.bean.User;
import gentleman.dao.Userdao;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.util.List;

@Service
@Transactional
public class serviceimpl implements UserService {

    @Autowired
    private Userdao userdao;
    
    @Override
    public void deleteUserById(int id) throws Exception {
        userdao.deleteUserById(id);
    }
}

Controller層

package gentleman.Controller;

import com.alibaba.fastjson.JSON;
import gentleman.service.reader_infoservice;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class CountDown {
        @Autowired
        private reader_infoservice reader;

    @RequestMapping("/reader1")
    @ResponseBody
    public String deleteByPrimaryKey(String str){
        String substring = str.substring(1,str.length()-1);
        String[] split = substring.split(",");
        try {
            for (int i = 0; i < split.length; i++) {
                 reader.deleteByPrimaryKey(Integer.parseInt(split[i]));
            }
             return JSON.toJSONString("success");
        } catch (NumberFormatException e) {
            e.printStackTrace();
            return JSON.toJSONString("fail");
        }
    }
}

 

這里需要注意的就是JSON傳過來的字符串是"id,id,id"的形式，如果想轉成int類型
需要先把第一個位置和最后一個位置上的雙引號去掉；