欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

Spring Boot整合Thymeleaf

程序员文章站 2022-04-23 15:51:32
...

第一个Thymeleaf模板页

1. 添加依赖
  • spring-boot-starter-thymeleaf：Thymeleaf 自动配置
  • nekohtml：允许使用非严格的 HTML 语法
2. 在 application.yml 中配置 Thymeleaf
spring:
  thymeleaf:
    cache: false # 开发时关闭缓存,不然没法看到实时页面
    mode: HTML # 用非严格的 HTML
    encoding: UTF-8
    servlet:
      content-type: text/html
server:
  port: 80
3. 创建一个 Controller，造一些测试数据并设置跳转
@Controller
public class MainController {
    @RequestMapping(value = {"","/index"},method = RequestMethod.GET)
    public String index(Model model){
        User user = new User();
        user.setName("huihui");
        model.addAttribute("user",user);
        return "index";
    }
}
4. 在 templates 目录下创建 index.html 文件，代码如下：
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span th:text = "${user.name}">joker_hui</span>
</body>
</html>

注意：
修改 html 标签用于引入 thymeleaf 引擎，这样才可以在其他标签里使用 th:* 语法

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

最后： 在浏览器输入localhost，就可以看到页面的效果

相关标签： Spring Boot整合 Thymeleaf

上一篇： spring boot使用thymeleaf

下一篇： Spring Boot --thymeleaf模板

推荐阅读