JSP 게시판 만들기 - 13강

13강 게시글 수정 및 삭제 기능 구현하기 (JSP Advanced Development Tutorial #13)

 

 

[소스코드 1]

 

▶ 게시물을 수정하는 하나의 함수를 만들어보자.

- 'BbsDAO.java' 맨 밑에 아래 코드를 추가한다.

 

// 게시물 하나를 수정하는 함수
public int update(int bbsID, String bbsTitle, String bbsContent) {
    String SQL = "UPDATE BBS SET bbsTitle = ?, bbsContent = ? WHERE bbsID = ?";
    try {
        PreparedStatement pstmt = conn.prepareStatement(SQL);
        pstmt.setString(1, bbsTitle);
        pstmt.setString(2, bbsContent);
        pstmt.setInt(3, bbsID);
        return pstmt.executeUpdate();
    } catch (Exception e) {
        e.printStackTrace();
    }
    return -1; // 데이터베이스 오류
}

 

 

[소스코드 2]

 

▶ 실제 게시물의 수정이 이루어지는 업데이트 페이지를 구성해보자.

- 'write.jsp'를 복사 및 수정하여 'update.jsp' 페이지를 만든다. 

 

 

 

[실행화면 1]

 

▶ 본인이 작성한 게시물의 '수정' 버튼을 눌렀을 때 화면

 

게시물의 작성내용이 그대로 보이는 모습

 

 

[소스코드 3]

 

▶ 글의 수정을 실제로 처리하는 'updateAction.jsp' 페이지를 만들어보자.

- 비슷한 형태의 'writeAction.jsp'를 복사 및 수정하여 만든다.

 

 

 

[실행화면 2]

 

▶ 실제로 글을 수정하는 과정을 살펴본다.

- 아래 화면의 글을 수정해보자.

 

글을 수정하기 전

 

- 위 화면의 글을 아래와 같이 수정해본다.

 

 

 

- '글 수정' 버튼을 누른 후의 화면

 

정상적으로 수정된 모습

 

 

[소스코드 4]

 

▶ 글의 '삭제' 기능을 구현해보자.

- 먼저, '수정' 기능을 구현할 때와 같이 아래 코드를 'BbsDAO.java'에 맨 밑에 함수 하나로써 추가한다.

 

// 게시물 하나를 삭제하는 함수
public int delete(int bbsID) {
    String SQL = "UPDATE BBS SET bbsAvailable = 0 WHERE bbsID = ?";
    try {
        PreparedStatement pstmt = conn.prepareStatement(SQL);
        pstmt.setInt(1, bbsID);
        return pstmt.executeUpdate();
    } catch (Exception e) {
        e.printStackTrace();
    }
    return -1; // 데이터베이스 오류
}

 

 

[소스코드 5]

 

▶ 실제 '삭제' 기능을 수행하는 'deleteAction.jsp' 페이지를 구성해보자.

- 'updateAction.jsp'를 복사 및 수정하여 만든다.

 

 

▶ 또한, '삭제' 버튼을 눌렀을 때, 바로 삭제되지 않고 따로 어떠한 메시지가 나올 수 있도록 해주자.

- 'view.jsp'에서 삭제하는 부분을 아래의 코드처럼 수정해주면 '삭제' 버튼을 눌렀을 때 확인 메시지가 출력된다.

 

<a onclick="return confirm('정말 삭제하시겠습니까?')" 
        href="deleteAction.jsp?bbsID=<%= bbsID %>" class="btn btn-primary">삭제</a>

 

'view.jsp'의 코드를 수정해준 모습

 

 

[실행화면 3]

 

▶ 실제로 글을 삭제하는 과정을 살펴본다.

 

삭제 버튼을 누르기 전

 

해당 게시물이 삭제된 모습

 

 

 

출처 : https://www.youtube.com/watch?v=W9NLm_RNMvI&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=13