본문 바로가기
카테고리 없음

스프링 부트 게시판 만들기-3 글 상세보기 페이지 만들기

by kangs' tong 2023. 10. 29.

스프링 부트 게시판 만들기-3: 글 상세보기 페이지 만들기

개요

앞서 만든 스프링 부트 게시판에는 이미 게시글을 작성, 수정, 삭제할 수 있는 기능이 구현되어 있습니다. 이번 포스팅에서는 게시글의 상세 내용을 확인할 수 있는 '글 상세보기' 페이지를 만들어보겠습니다.

페이지 구성 요소

글 상세보기 페이지는 다음과 같은 구성 요소를 포함합니다:

  • 제목
  • 작성자
  • 작성일
  • 내용
  • 이전 글 버튼
  • 다음 글 버튼

상세보기 페이지 생성

  1. 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";
    }
  2. content.html 파일을 생성하고 다음과 같이 작성합니다:

    <h2>글 상세보기</h2>
    

{{ post.title }}

작성자: {{ post.writer }}

작성일: {{ post.regDate }}


{{ post.content }}

```

기능 설명

  1. BoardControllerviewContent() 메소드는 /content/{postId} 경로로 GET 요청이 들어오면 실행됩니다.
  2. 해당 게시글의 정보를 조회하여 post라는 이름으로 모델에 담아 content.html로 전달합니다.
  3. content.html은 모델에서 전달된 정보를 사용하여 게시글의 제목, 작성자, 작성일, 내용을 보여줍니다.
  4. 게시글의 이전 글과 다음 글은 prevIdnextId를 사용하여 링크로 제공됩니다.

마무리

이제 스프링 부트 게시판에 게시글을 상세하게 확인할 수 있는 '글 상세보기' 페이지가 추가되었습니다. 이 페이지를 통해 사용자는 게시글의 내용을 자세히 살펴볼 수 있습니다.

댓글