[Java] Thymeleaf Basic (Spring Boot)
What is Thymeleaf
- Template engine used as standard in Spring Boot
- Using the template engine adds the functionality needed to create a web application (MPA)
- For example, you can write Java variable name
[[$ {modelValue}]]with[[]]in an HTML file. - Now when the screen is displayed, the HTML file becomes a template and the Spring framework rewrites the Place folder (= place to replace).
- Thymeleaf is the one that functions as a template.
how to use
- Make sure Thymeleaf is defined in the dependencies of the build.gradle file
dependencies {
compile('org.springframework.boot:spring-boot-starter-thymeleaf')
}
Call template file
- In the default setting, describe the template file under
/ resources / templates / [Return value of Controller] .html - In the following example,
HelloControlleris called in Main.java, the template file under the classpath is searched, andsrc / main / resources / templates / hello.htmlis used as the template file.
main.java
package sample;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@SpringBootApplication
public class Main {
public static void main(String[] args) {
SpringApplication.run(Main.class, args);
}
}
HelloController.java
package sample.thymeleaf.web;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class HelloController {
@GetMapping("/hello")
public String hello(Model model) {
model.addAttribute("message", "Hello Thymeleaf!!");
return "hello";
}
}
hello.html
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Hello Thymeleaf</title>
</head>
<body>
<h1 th:text="${message}"></h1>
</body>
</html>
Embed text in template file
th: text = [value to be output]Output the text element of the tag<h1 th:text="'hello world'"></h1>- You can also output the value directly on the template with
<h1> [['hello world !!']] </ h1>
HelloController.java
package sample.thymeleaf.web;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class HelloController {
@GetMapping("/hello")
public String hello() {
return "hello";
}
}
hello.html
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Hello Thymeleaf</title>
</head>
<body>
<h1 th:text="'hello world'"></h1>
</body>
</html>
Recommended Posts