[spring] 스프링으로 CRUD 게시판 만들기 - 게시물 조회, 수정, 삭제

스프링으로 CRUD 게시판 만들기 - 게시물 조회, 수정, 삭제

---

스프링 공부하면서 정리한 내용 입니다 !

오류가 있다면 댓글로 남겨주세요 :)

 

1. 조회

(home.html, BoardController, detail.html, BoardService)

2. 수정

(BoardController, updateForm.html, BoardService)

3. 삭제

(BoardController, BoardService)

 

https://jcowwk.tistory.com/131

[develop] 스프링으로 CRUD 게시판 만들기 - 로그인 정보 저장(feat. 세션)

 

본 포스팅은 위의 포스팅과 이어집니다.

---

1. 조회(home.html, BoardController, detail.html, BoardService)

- home.html

 

보고 싶은 게시물의 제목을 클릭했을 때 내용을 볼 수 있도록 코드를 작성합니다.

어떤 게시물인지는 게시물 번호로 구분하기 위해서 "@{'/board/detail/' + ${board.boardId}}" 코드를 활용하여 담아줍니다.

 

- BoardController

서버에서 보낸 board.boardId를 받기 위하여 {boardId}에 담아주고, 실제로 {boardId}를 처리하기 위해서 @PathVariable Long boardId 선언을 통해 boardId 변수에 담아서 사용합니다.

 

- detail.html

게시물의 내용을 보여주는 폼을 만들어봅시다.

 

 

오른쪽의 코드처럼 작성하면 왼쪽의 화면을 만들 수 있습니다.

 

- BoardService

 

게시물 번호로 게시물의 내용을 가져오는 코드를 작성해줍니다.

여기까지 완성되었다면 게시물 조회 기능은 완성입니다.

 

2. 수정(BoardController, updateForm.html, BoardService)

- BoardController

 

loginId와 작성자(회원 아이디)가 같을 때만 수정과 삭제 버튼이 활성화되도록 하기 위해 boardDetail 함수에서 loginId 찾는 코드를 추가하고, detail.html에서 수정과 삭제 버튼을 감싸고 있는 <div> 태그에 <div th:if="${boardDetail.memberId == loginId}"> 를 추가하였습니다.

 

- updateForm.html

 

오른쪽의 코드처럼 작성하면 왼쪽의 화면을 만들 수 있습니다.

여기까지 완료하셨다면 게시물 수정 기능도 완성입니다.

 

3. 삭제(BoardController, BoardService)

이제 CRUD 기능의 마지막 기능인 삭제를 해보겠습니다.

 

- BoardController

 

게시물 번호로 해당 글을 삭제해주는 코드를 작성합니다.

 

- BoardService

 

*return "redirect:/board/home"; 도 추가해주세요!

boardRepository에서 상속받은 JpaRepository에 이미 존재하는 함수로 해당 게시물을 삭제해줍니다.

여기까지 완료하셨다면 게시물 목록, 글작성, 조회, 수정, 삭제 기능을 다 만들어서 CRUD 구현을 완료하였습니다.

 

설명이 점점 짧아졌는데 이해가 안되는 부분이 있거나 오류가 있다면

댓글로 남겨주세요 🧏🏻‍♀️

---

다음 포스팅은 댓글 기능을 추가해보겠습니다 !

 

https://jcowwk.tistory.com/133

[spring] 스프링으로 CRUD 게시판 만들기 - 댓글 작성, 목록 기능