Displaying comments

Now we can make edits to our Thymeleaf template and create input fields for people to write comments:

            <li th:each="comment : ${image.comments}" 
        <form th:method="post" th:action="@{'/comments'}"> 
            <input name="comment" value="" type="text" /> 
            <input name="imageId" th:value="${image.id}"             type="hidden" /> 
            <input type="submit" /> 

The section of our preceding template where each row is rendered can be explained as follows:

  • There is a new column containing an HTML unordered list to display each comment
  • The unordered list consists of an HTML line item for each comment via Thymeleaf's th:each construct
  • There is also a new column containing an HTML form ...

Get Developing Java Applications with Spring and Spring Boot now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.