はじめに

https://qiita.com/fattolys/items/9567a412bf1703948731
前回の続き

ThymeleafでHello Worldを表示したけど、どうやって？HTMLでの表現方法？について調べてみた

表示の仕組み

HelloWorldController.java

/*ここまで省略*/
@Controller
public class HelloWorldController {
    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String helloWorld(Model model) {
        model.addAttribute("message", "Hello World!!");
        return "index";
    }
}

index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>Hello</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>任意タイトル</h1>
    <h2><span th:text="${message}"></span></h2>
  </body>
</html>

上記構成の場合、HelloWorldController.javaでは

HelloWorldController.java

        model.addAttribute("message", "Hello World");

にてテンプレート（HTML）に渡す変数("message")を model.addAttribute で登録している
その後、

HelloWorldController.java

        return "index";

で戻り値に表示するHTMLのテンプレートファイル名(index)を指定

index.htmlでは、

index.html

<html xmlns:th="http://www.thymeleaf.org"></html>

htmlタグに上記を記載し、Thymeleaf のテンプレートであることを明示

index.html

<span th:text="${message}"></span>

上記でControllerで設定した変数("message")を指定することでHTMLとしては以下のように解釈される

index.html

<span Hello World></span>

表現方法

TBD

Spring Boot勉強③ Thymeleafの使い方

はじめに

目次

表示の仕組み

表現方法

参考文献