[Spring]체크된 게시물 삭제 처리 로직

Spring 환경에서 게시판에서의 CRUD기능 구현 중 삭제처리를 할 때 하나하나씩 삭제하는 방법도 있지만 checkbox를 통해 다중 삭제를 구현할 상황이 있다.

이때 JSP, Jquery, Ajax, Java에서의 처리 방법을 구글링을 하지 않고

내 머릿속의 로직을 소개한다.

HTML , JSP

<table>
            <colgroup>
                <col width="8%">
                <col width="15%">
                <col width="52%">
                <col width="25%">
            </colgroup>
                <thead>
                    <tr>
                        <th><input type="checkbox" name="reportChkBx"onclick="checkAll();"></th>
                        <th>날짜</th>
                        <th>제목</th>
                        <th>이름</th>
                    </tr>
                </thead>
                <tbody id="reportList">
                    <tr>
                        <td><input type="checkbox" name="reportChkBxRow" id="4"></td>
                        <td>20/01/16</td>
                        <td>TEST글1</td>
                        <td id="frstRegisterId_1">USER1</td>
                    </tr>
                    <tr>
                        <td><input type="checkbox" name="reportChkBxRow" id="3"></td>
                        <td>20/01/16</td>
                        <td>TEST글2</td>
                        <td id="frstRegisterId_2">USER1</td>
                    </tr>
                </tbody>
</table>

사실 tbody의 리스트 들은 script에서 ajax통신을 통해 DB 조회 이후 목록을 append 한 건데

알아보기가 힘들 거같에서 간단히 목록 2개만 예시로 가져다 소개한다.

 

10번 라인에 onclick 함수는 thead의 체크박스를 체크했을 때 모든 체크박스가 체크되는 함수다.

여기서 확인해야 될 것은 18번 라인관 24번 라인의 input의 name속성 값이 같다는 것이다.

왜냐하면 script에서 name값으로 check 된 checkbox를 찾기 때문이다. 또한 id값들은 RPRT_ODR이라는 내 DB 테이블의 고유식별자인데 ajax에서 name값으로 id값을 찾아서 Controller에 넘겨준다

JavaScript & Ajax

 function deleteReport(){
        var cnt = $("input[name='reportChkBxRow']:checked").length;
        var arr = new Array();
        $("input[name='reportChkBxRow']:checked").each(function() {
            arr.push($(this).attr('id'));
        });
        if(cnt == 0){
            alert("선택된 글이 없습니다.");
        }
        else{
            $.ajax = {
                type: "POST"
                url: "OOOO.do"
                data: "RPRT_ODR=" + arr + "&CNT=" + cnt,
                dataType:"json",
                success: function(jdata){
                    if(jdata != 1) {
                        alert("삭제 오류");
                    }
                    else{
                        alert("삭제 성공");
                    }
                },
                error: function(){alert("서버통신 오류");}
            };
        }
    }

@RequestMapping("OOOO.do")
    @ResponseBody
    public int deleteReport(Map<String,Object> commandMap) throws Exception{
        int result=1;
        try {
            int cnt = Integer.parseInt((String) commandMap.get("CNT"));
            String rprtOdr = (String)commandMap.get("RPRT_ODR");
            String [] strArray = rprtOdr.split(",");
            for(int i=0; i<cnt; i++) {
                int temp = Integer.parseInt((String)strArray[i]);
                commandMap.put("RPRT_ODR", temp);
               myService.delete("ReportDAO.deleteReport", commandMap);
            }
        } catch (Exception e) {
            log.debug(e.getMessage());
            result=0;
        }
        return result;
       }