Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App

Understand Spring MVC as the core module for building web applications and RESTful services. See how the DispatcherServlet routes requests to controllers, with model, view, and controller components rendering HTML.

Explore how DispatcherServlet acts as the front controller in Spring MVC, routing all requests to the right controller and with Spring Boot Starter Web auto configuration rendering model and view.

Explore Spring MVC core components such as DispatcherServlet, controller, handler method, ViewResolver, view, and model, and learn how Spring Boot configures DispatcherServlet automatically for Thymeleaf.

Implement a three-layer Spring Boot web MVC architecture with controller, service, and repository layers, using Spring MVC, Spring Data JPA, Thymeleaf templates, and MySQL for data.

Thymeleaf is a modern server-side Java template engine that processes HTML, XML, JavaScript, CSS, and plain text, powering the view layer in Spring Boot MVC applications.

Create a spring boot 3 project with spring initializr, import it into IntelliJ IDEA, and add the spring boot starter thymeleaf dependency for thymeleaf integration.

Learn how Spring Boot auto-configures Thymeleaf when you add the Spring Boot starter Thymeleaf dependency, including automatic view resolver setup and default templates location.

Explore Thymeleaf selection expressions that run on a previously selected object using th:object and the *{} syntax to access attributes such as name, email, role, and gender.

Learn how Thymeleaf message expressions externalise common text into a properties file and access keys like app.name and welcome.message in templates using th:text.

Learn how Thymeleaf link expressions build urls in templates using @{} syntax, pass dynamic parameters such as id, and link to an external css file.

Discover how to use Thymeleaf fragment expressions to create reusable header and footer fragments and include or replace them in templates with th:replace and th:insert.

Explore how th:each enables iteration over list, set, map, and array, printing user name, email, role, and gender from Spring MVC model with a status variable for index and last.

Master Thymeleaf th:if and th:unless to conditionally render elements, and use th:each to list users with admin-specific update and delete links, or a view link for non-admins.

Explore Thymeleaf form handling in a Spring Boot 3 app, mastering th:action, th:object, and th:field to bind form data to a UserForm model and prepare registration handling.

Design a user registration form using thymeleaf templates bound to the UserForm model, apply th:object and th:field for inputs, populate the profession select from listProfession, and submit to /register/save.

Explore how the Spring Boot starter Thymeleaf dependency auto-configures Thymeleaf and ViewResolver, with templates in resources/templates and support for Thymeleaf layout dialect, Spring Security dialect, and Java eight time dialect.

Create a standard packaging structure for a Spring Boot web application by organizing controllers, services, repositories, entities, dtos, exceptions, mappers, config, util, and security packages.

Create a PostRepository by extending JpaRepository for the Post JPA entity. Use findByEmail queries; Spring Data auto-generates SQL with Hibernate and keeps methods transactional by default.

Create a PostDto class to transfer data between the controller and view in a Spring MVC app, using Lombok for boilerplate reduction, and prepare for mapping with PostMapper.

Create a PostMapper to convert between Post entity and PostDto, using static methods mapToPostDto and mapToPost with a builder pattern to map id, title, content, shortDescription, createdOn, updatedOn, and url.

Create a service layer for the list posts feature by implementing PostService and PostServiceImpl, retrieving all posts via PostRepository and mapping them to PostDto.

Create a Spring MVC controller that injects PostService, handles get /admin/posts by calling findAllPosts, adds a posts list (PostDto) to the model, and returns the admin/posts Thymeleaf view.

Create a thymeleaf template to display a list of blog posts in a bootstrap table, using th:each and a status variable to number rows and show title, description, created on.

Adds a Bootstrap header and dark navigation bar with a posts link to the Thymeleaf blog page, and includes a fixed footer for a complete layout.

Explore creating header, navbar, and footer as Thymeleaf fragments and including them across pages with insert and replace, reducing repetition in a Spring Boot 3 blog app.

Implement the admin create post feature in a Spring Boot 3 Thymeleaf app by building the post form, mapping /admin/posts/newpost, and saving posts to the database.

Add a new post link in the header and implement a PostController handler for /admin/posts/newpost that prepares a PostDto with Lombok constructors, adds it to the model, and returns admin/create_post.

Add Spring Boot starter validation for bean validation with Hibernate Validator, annotate post fields with @NotEmpty, enable @Valid in the handler with BindingResult, and display custom error messages.

Develop the admin edit post feature by adding an edit button, creating a PostController handler and a Thymeleaf form to edit and submit posts, and saving updates to the database.

Create an updatePost handler to process edit post form submission. Map PostDto to a post entity via PostMapper, save via repository, validate with @Valid, and redirect to /admin/posts on success.

Learn to build a Thymeleaf view_post page in Spring Boot 3, assembling header, navbar, and footer fragments and displaying a post title, short description, and content from the model.

Develop search for blog posts by adding a JPQL query in PostRepository to search by title or shortDescription, map results to PostDto via PostService, and expose them at /admin/posts/search.

Implement the frontend for the search blog post feature by adding a Bootstrap-styled search bar above the posts table, wiring a Thymeleaf form to /admin/posts/search using a query parameter.

Refactor the user interface by formatting the post createdOn date with temporals.format in Thymeleaf and make the footer text visible by setting its color to white.