Spring Boot整合Thymeleaf

最新推荐文章于 2020-03-16 23:03:38 发布

opii926

最新推荐文章于 2020-03-16 23:03:38 发布

阅读量270

点赞数

分类专栏： Spring boot 文章标签： Spring Boot整合 Thymeleaf

本文链接：https://blog.csdn.net/opii926/article/details/102872281

版权

Spring boot 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第一个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，就可以看到页面的效果

opii926

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Spring Boot整合Thymeleaf

第一个Thymeleaf模板页1. 添加依赖spring-boot-starter-thymeleaf：Thymeleaf 自动配置nekohtml：允许使用非严格的 HTML 语法2. 在 application.yml 中配置 Thymeleafspring: thymeleaf: cache: false # 开发时关闭缓存,不然没法看到实时页面 mode:...
复制链接

扫一扫