Thymeleaf 资源和弹簧控制器

Created: November-22, 2018

为了公开 Thymeleaf 模板，我们需要定义控制器。

例：

@Controller
@RequestMapping("/")
public class MessageController {
    
    @Autowired
    private MessageRepository messageRepository;
    
    @GetMapping
    public ModelAndView index() {
        Iterable<Message> messages = messageRepository.findAll();
        return new ModelAndView("index", "index", messages);
    }
    
}

这个简单的控制器注入 MessageRepository 并将所有消息传递给名为 index.html 的模板文件，驻留在 src/main/resources/templates 中，最后在/index 上公开。

以同样的方式，我们可以将其他模板放在模板文件夹中（默认为 spring to src/main/resources/templates），将模型传递给它们并将它们提供给客户端。

其他静态资源应放在以下文件夹之一中，默认情况下在 spring boot 中公开：

/META-INF/resources/
/resources/
/static/
/public/

Thymeleaf index.html 例子：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head th:fragment="head (title)">
        <title th:text="${title}">Index</title>
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" href="../../css/bootstrap.min.css" />
    </head>
    <body>
        <nav class="navbar navbar-default navbar-fixed-top">
          <div class="container-fluid">
            <div class="navbar-header">
              <a class="navbar-brand" href="#">Thymeleaf</a>
            </div>
          </div>
        </nav>
        <div class="container">
            <ul class="nav">
                <li><a th:href="@{/}" href="messages.html"> Messages </a></li>
            </ul>
        </div>
    </body>
</html>

bootstrap.min.css 在 src/main/resources/static/css 文件夹中。你可以使用语法 @{} 来获取使用相对路径的其他静态资源。