In this tutorial, we will learn how to use Thymeleaf Selection Expression in Thymeleaf HTML templates with an example.
Check out the complete Thymeleaf tutorials and examples at Thymeleaf Tutorial
Selection expressions are just like variable expressions, except they will be executed on a previously selected object instead of the whole context variables map.
To use selection expressions you first need to define a th:object attribute. After that, You can use the selection expressions to select the attributes/fields of the selected object.
Let's create a Spring boot project using the spring initializr and add Spring Web and Thymeleaf dependencies:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>User Model Class
Next, let's create a User model class with the following content into it:
package net.javaguides.thymeleaf.model;
public class User {
private String name;
private String email;
private String role;
private String gender;
public User(String name, String email, String role, String gender) {
this.name = name;
this.email = email;
this.role = role;
this.gender = gender;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public String getRole() {
return role;
}
public void setRole(String role) {
this.role = role;
}
public String getGender() {
return gender;
}
public void setGender(String gender) {
this.gender = gender;
}
}Spring MVC Controller - UserController
Next, let's create a Spring MVC controller (UserController) with a handler method to return the Thymeleaf template like:
package net.javaguides.thymeleaf.controller;
import net.javaguides.thymeleaf.model.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class UserController {
// handler method to handle selection expression
// http://localhost:8080/selection-expression
@GetMapping("selection-expression")
public String selectionExpression(Model model){
User user = new User("Ramesh", "ramesh@gmail.com", "ADMIN", "Male");
model.addAttribute("user", user);
return "selection-expression";
}
}Spring boot will auto-configure ViewResolver for Thymeleaf whenever it will find the springboot-thymeleaf-starter dependency on the classpath hence we don't have to manually configure ViewResolver for Thymeleaf.
Thymeleaf Template - selection-expression.html
Here is the Thymeleaf template that demonstrates the usage of Selection expressions:
<!DOCTYPE html>
<html lang="en"
xmlns:th="http://www.thymeleaf.org"
>
<head>
<meta charset="UTF-8">
<title>Selection Expressions</title>
</head>
<body>
<h1>Selection Expressions Demo</h1>
<h2>User Details:</h2>
<div th:object="${user}">
<p> Name: <strong th:text="*{name}"></strong></p>
<p> Email: <strong th:text="*{email}"></strong></p>
<p> Role: <strong th:text="*{role}"></strong></p>
<p> Gender: <strong th:text="*{gender}"></strong></p>
</div>
</body>
</html>Demo
Run the Spring boot application and hit the below link in the browser:
Here is the output:
Comments
Post a Comment
Leave Comment