Integrating Thymeleaf with Spring Boot

 Integrating Thymeleaf with Spring Boot is straightforward since Spring Boot provides built-in support for Thymeleaf. Here's a step-by-step guide to help you integrate Thymeleaf with a Spring Boot application:



✅ Step 1: Create a Spring Boot Project
You can create a Spring Boot project using:

Spring Initializr
Your IDE (IntelliJ IDEA, Eclipse, etc.)
Select the following dependencies:

Spring Web
Thymeleaf
(Optionally: Spring Boot DevTools for hot reloading)

✅ Step 2: Project Structure
Your project should look something like this:

src
├── main
│ ├── java
│ │ └── com.example.demo
│ │ └── DemoApplication.java
│ └── resources
│ ├── static
│ ├── templates
│ │ └── index.html
│ └── application.properties


✅ Step 3: Add Thymeleaf Dependency (if not already added)
If you didn't use Spring Initializr, add the dependency manually to your pom.xml:

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

Or for Gradle:

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'


✅ Step 4: Create a Controller
package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {

@GetMapping("/")
public String index(Model model) {
model.addAttribute("message", "Hello from Spring Boot and Thymeleaf!");
return "index"; // Refers to templates/index.html
}
}


✅ Step 5: Create a Thymeleaf Template
Create src/main/resources/templates/index.html:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleaf + Spring Boot</title>
</head>
<body>
<h1 th:text="${message}">Placeholder message</h1>
</body>
</html>


✅ Step 6: Run the Application
Run the application with:

./mvnw spring-boot:run

or from your IDE. Open your browser and go to http://localhost:8080/.


✅ Optional: Configure Thymeleaf Settings
In application.properties (optional tweaks):

spring.thymeleaf.cache=false
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html


📌 Notes:
Thymeleaf templates are placed in the /resources/templates directory by default.
Static files (CSS/JS/images) go in /resources/static.
Thymeleaf expressions: th:text, th:each, th:if, etc.

Comments

Post a Comment

Popular posts from this blog

How to Install and Set Up Selenium in Python (Step-by-Step)

 Here’s your step-by-step guide to installing and setting up Selenium in Python — perfect if you're just getting started with browser automation. 🚀 🐍 Step 1: Install Python If you haven’t already: Download Python: https://www.python.org/downloads/ Make sure to check the box "Add Python to PATH" during installation Verify installation: bash Copy Edit python --version pip --version 📦 Step 2: Install Selenium Library Open your terminal or command prompt and run: bash Copy Edit pip install selenium To verify: bash Copy Edit pip show selenium 🌐 Step 3: Download WebDriver for Your Browser Depending on what browser you want to automate: 🔹 Chrome: Download ChromeDriver: ➡️ https://sites.google.com/chromium.org/driver/ Make sure the driver version matches your installed Chrome version. 🔹 Firefox: Download GeckoDriver: ➡️ https://github.com/mozilla/geckodriver/releases Unzip and place the executable somewhere on your system, like: Windows: C:\WebDrivers\ Mac/Linux: /usr/local...
Read more

Tosca for API Testing: A Step-by-Step Tutorial

Tosca for API Testing: A Step-by-Step Tutorial Tricentis Tosca is a powerful and user-friendly test automation tool that supports a wide range of testing types — including API testing. With Tosca, you can easily design, automate, and execute API tests without writing any code. It supports REST, SOAP, and other service types, making it a great choice for end-to-end API validation. 🧰 What is Tosca API Testing? Tosca’s API testing allows testers to: Send requests (GET, POST, PUT, DELETE, etc.) Validate responses (status codes, body, headers) Chain requests and share data between them Perform security, load, and functional tests on APIs ✅ Step-by-Step Guide: Tosca API Testing 🔹 Step 1: Open Tosca and Create a Workspace Launch Tosca Commander Create a new workspace (or open an existing one) Choose the workspace type as Multi-user or Single-user based on your setup 🔹 Step 2: Add a New API Test Case Navigate to the Modules section. Right-click and choose Scan > API Scan. The API Scan wi...
Read more

Waits in Playwright: Explicit, Implicit, and Auto

 In Playwright (a powerful end-to-end testing framework), waiting mechanisms help ensure your scripts interact with elements only when they’re ready. Playwright handles waits more intelligently than older tools like Selenium, but understanding the types of waits—Explicit, Implicit, and Auto-waiting—is key for writing reliable tests. 🕰️ Waits in Playwright: Explicit, Implicit, and Auto ✅ 1. Auto-Waiting (Built-in) – Playwright’s Default Behavior What it is: Playwright automatically waits for elements to be actionable before performing actions (like click, type, fill, etc.). This is its most powerful feature. How it works: Waits for the element to be attached to the DOM Waits for the element to be visible Waits for the element to be enabled (not disabled) Waits for stable animation or layout Example: python Copy Edit await page.click('#submit-button') No need for a separate wait — Playwright will wait until the button is ready. Benefits: Reduces the need for manual waits More re...
Read more