스프링 부트 게시판 만들기-3: 글 상세보기 페이지 만들기
개요
앞서 만든 스프링 부트 게시판에는 이미 게시글을 작성, 수정, 삭제할 수 있는 기능이 구현되어 있습니다. 이번 포스팅에서는 게시글의 상세 내용을 확인할 수 있는 '글 상세보기' 페이지를 만들어보겠습니다.
페이지 구성 요소
글 상세보기 페이지는 다음과 같은 구성 요소를 포함합니다:
- 제목
- 작성자
- 작성일
- 내용
- 이전 글 버튼
- 다음 글 버튼
상세보기 페이지 생성
BoardController
클래스에viewContent()
메소드를 추가합니다:@GetMapping("/content/{postId}") public String viewContent(@PathVariable Long postId, Model model) { // 게시글 정보를 조회하여 모델에 담는다. Board post = boardService.getPostById(postId); model.addAttribute("post", post); // 이전 글과 다음 글의 아이디를 모델에 담는다. Long prevId = boardService.getPrevPostId(postId); Long nextId = boardService.getNextPostId(postId); model.addAttribute("prevId", prevId); model.addAttribute("nextId", nextId); return "content"; }
content.html
파일을 생성하고 다음과 같이 작성합니다:<h2>글 상세보기</h2>
{{ post.title }}
작성자: {{ post.writer }}
작성일: {{ post.regDate }}
{{ post.content }}
```기능 설명
BoardController
의viewContent()
메소드는/content/{postId}
경로로 GET 요청이 들어오면 실행됩니다.- 해당 게시글의 정보를 조회하여
post
라는 이름으로 모델에 담아content.html
로 전달합니다. content.html
은 모델에서 전달된 정보를 사용하여 게시글의 제목, 작성자, 작성일, 내용을 보여줍니다.- 게시글의 이전 글과 다음 글은
prevId
와nextId
를 사용하여 링크로 제공됩니다.
마무리
이제 스프링 부트 게시판에 게시글을 상세하게 확인할 수 있는 '글 상세보기' 페이지가 추가되었습니다. 이 페이지를 통해 사용자는 게시글의 내용을 자세히 살펴볼 수 있습니다.
댓글