[JAVA/spring] 개인프로젝트 #7 나만의 미니홈피만들기 - 미니홈피게시판 리스트 및 업로드 구현(ajax를 통한 체크박스로 게시글 삭제하기.)

기존싸이월드 게시판은 학원에서 처음배웠던 게시글 만들기 폼과 매우 유사했다.

다만 왼쪽에 체크박스가 있었으며, 이부분은 ajax를 활용하여 삭제하기로 하였다.

(ajax는 새로고침없이 비동기식으로 페이지에 로드되기때문에 실시간으로 게시글이 삭제되는 페이지를 볼수있다.)

관련글은 아래를 참고해주세요.

AJAX란 무엇인가 ? :: 개발야 기하하자 (tistory.com)

AJAX란 무엇인가 ?

Script 테그에 제이쿼리 주소를 지정하여야만 체크박스 기능이 구현되니 참고바랍니다.

전체 체크와 부분체크에 대한 기능구현.

아래와 같이 나타나게된다.

체크박스를 누른뒤에 해당 게시글을 삭제하기위해 ajax를 사용하였다.

부분체크하는 부분에 value 값에 board_num 값을 지정하여 해당 번호가 삭제될수있게 구현하였다.

 

스크립트 부분.

post방식을 통한 ajax기능구현.

여러 게시글을 한번에 삭제하는기능이 필요하기때문에

리스트로 data를 삭제할수 있게 만들었다.

 

Controller 부분.

 

아래와 같이 알람창이 뜨면서 삭제가된다.

 

다음 기능구현때는 댓글 기능과 조회수 기능을 추가할 예정이다.