Display posts list in /posts page

Adjust BlogController and index.html to display a list of posts when accessing `/posts`
lidimayra · Jan 10, 2025 · da63ee6 · da63ee6
1 parent ab7c032
commit da63ee6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/myapp/src/main/java/com/example/myapp/BlogController.java b/myapp/src/main/java/com/example/myapp/BlogController.java
@@ -2,19 +2,24 @@
 
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.PatchMapping;
 import org.springframework.web.bind.annotation.DeleteMapping;
 
+import java.util.List;
+
 @Controller
 public class BlogController {
 
     @Autowired
     private PostRepository postRepository;
 
     @GetMapping("/posts")
-    public String listPosts() {
+    public String listPosts(Model model) {
+        List<Post> posts = postRepository.findAll();
+        model.addAttribute("posts", posts);
         return "blog/index";
     }
 

diff --git a/myapp/src/main/resources/templates/blog/index.html b/myapp/src/main/resources/templates/blog/index.html
@@ -1 +1,17 @@
-<p>List of Posts</p>
+<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+
+<h1>Blog</h1>
+
+<dl th:each="post : ${posts}">
+    <dt>
+        <span th:text="${post.title}">Title</span>
+    </dt>
+
+    <dd>
+        <span th:text="${post.content}">Content</span>
+    </dd>
+</dl>
+
+<a th:href="@{/posts/new}">Submit a new post</a>
+