반응형
게시판/댓글 시스템 구현
게시판과 댓글 시스템은 많은 웹 애플리케이션에서 필수적인 기능 중 하나입니다. 이번 챕터에서는 Spring Boot와 Thymeleaf를 사용하여 간단한 게시판과 댓글 시스템을 구현하는 방법에 대해 알아보겠습니다.
1. 게시판 페이지 구현
먼저, 게시판 페이지를 구현해야 합니다. 아래는 간단한 게시판 페이지의 HTML 코드입니다.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>게시판</title>
</head>
<body>
<h2>게시판</h2>
<table>
<tr>
<th>제목</th>
<th>작성자</th>
<th>작성일자</th>
<th>댓글 수</th>
</tr>
<tr th:each="post : ${posts}">
<td th:text="${post.title}"></td>
<td th:text="${post.author}"></td>
<td th:text="${post.date}"></td>
<td th:text="${post.comments.size()}"></td>
</tr>
</table>
</body>
</html>
위의 코드에서는 게시물의 제목, 작성자, 작성일자 및 댓글 수를 표시하는 간단한 게시판을 구현했습니다.
2. 댓글 기능 구현
다음으로는 댓글 기능을 구현해야 합니다. 아래는 게시물의 댓글을 표시하는 간단한 코드입니다.
<h3>댓글</h3>
<ul>
<li th:each="comment : ${post.comments}" th:text="${comment.content}"></li>
</ul>
위의 코드에서는 각 댓글의 내용을 표시하는 간단한 댓글 목록을 구현했습니다.
3. 컨트롤러 구현
게시판과 댓글을 처리할 컨트롤러를 구현해야 합니다. 아래는 간단한 컨트롤러의 예시입니다.
@Controller
public class BoardController {
@Autowired
private PostService postService;
@GetMapping("/board")
public String showBoard(Model model) {
List<Post> posts = postService.getAllPosts();
model.addAttribute("posts", posts);
return "board";
}
}
위의 코드에서 showBoard 메서드는 게시판 페이지를 보여주고, postService를 사용하여 모든 게시물을 가져와 모델에 추가합니다.
4. 실행
애플리케이션을 실행하고 게시판 페이지를 테스트하여 게시물과 댓글이 올바르게 표시되는지 확인합니다.
5. 요약
이제 간단한 게시판과 댓글 시스템을 구현하는 방법을 알아보았습니다. 게시물과 댓글은 웹 애플리케이션에서 매우 중요한 부분이며, Spring Boot와 Thymeleaf를 사용하여 쉽게 구현할 수 있습니다. 이러한 기능을 통해 사용자들은 게시물을 작성하고 댓글을 달아 서로 소통할 수 있습니다.
반응형
'Thymeleaf' 카테고리의 다른 글
| 24. Thymeleaf 성능 최적화 - 3 (0) | 2024.02.24 |
|---|---|
| 23. Thymeleaf 성능 최적화 - 2 (0) | 2024.02.24 |
| 22. Thymeleaf 성능 최적화 - 1 (0) | 2024.02.24 |
| 21. 실전 예제와 실무 적용 사례 - 3 (0) | 2024.02.24 |
| 19. 실전 예제와 실무 적용 사례 - 1 (0) | 2024.02.24 |
| 18. Thymeleaf와 Spring Framework의 통합 - 3 (0) | 2024.02.24 |
| 17. Thymeleaf와 Spring Framework의 통합 - 2 (0) | 2024.02.24 |
| 16. Thymeleaf와 Spring Framework의 통합 - 1 (0) | 2024.02.24 |
