细品SpringBoot+Thymeleaf，这么多好玩细节

最新推荐文章于 2022-07-29 12:40:34 发布
最新推荐文章于 2022-07-29 12:40:34 发布
阅读量175 收藏
点赞数
分类专栏： Spring 文章标签： spring

虽然现在流行前后端分离，但是后端模版在一些关键地方还是非常有用的，例如邮件模版、代码模版等。当然也不排除一些古老的项目后端依然使用动态模版。

Thymeleaf 简洁漂亮、容易理解，并且完美支持 HTML5，可以直接打开静态页面，同时不新增标签，只需增强属性，这样也降低了学习成本。

因此松哥今天花点时间和大家仔细分享一下 Thymeleaf。

1. Thymeleaf 简介

Thymeleaf 是新一代 Java 模板引擎，它类似于 Velocity、FreeMarker 等传统 Java 模板引擎，但是与传统 Java 模板引擎不同的是，Thymeleaf 支持 HTML 原型。

它既可以让前端工程师在浏览器中直接打开查看样式，也可以让后端工程师结合真实数据查看显示效果，同时，SpringBoot 提供了 Thymeleaf 自动化配置解决方案，因此在 SpringBoot 中使用 Thymeleaf 非常方便。

事实上， Thymeleaf 除了展示基本的 HTML ，进行页面渲染之外，也可以作为一个 HTML 片段进行渲染，例如我们在做邮件发送时，可以使用 Thymeleaf 作为邮件发送模板。

另外，由于 Thymeleaf 模板后缀为 .html，可以直接被浏览器打开，因此，预览时非常方便。

2. 整合 Spring Boot

2.1 基本用法

Spring Boot 中整合 Thymeleaf 非常容易，只需要创建项目时添加 Thymeleaf 即可：

细品SpringBoot+Thymeleaf，这么多好玩细节

创建完成后，pom.xml 依赖如下：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>

当然，Thymeleaf 不仅仅能在 Spring Boot 中使用，也可以使用在其他地方，只不过 Spring Boot 针对 Thymeleaf 提供了一整套的自动化配置方案，这一套配置类的属性在
org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties 中，部分源码如下：

@ConfigurationProperties(prefix = "spring.thymeleaf")
public class ThymeleafProperties {
        private static final Charset DEFAULT_ENCODING = StandardCharsets.UTF_8;
        public static final String DEFAULT_PREFIX = "classpath:/templates/";
        public static final String DEFAULT_SUFFIX = ".html";
        private boolean checkTemplate = true;
        private boolean checkTemplateLocation = true;
        private String prefix = DEFAULT_PREFIX;
        private String suffix = DEFAULT_SUFFIX;
        private String mode = "HTML";
        private Charset encoding = DEFAULT_ENCODING;
        private boolean cache = true;
        //...
}
  1. 首先通过 @ConfigurationProperties 注解，将 application.properties 前缀为 spring.thymeleaf 的配置和这个类中的属性绑定。
  2. 前三个 static 变量定义了默认的编码格式、视图解析器的前缀、后缀等。
  3. 从前三行配置中，可以看出来，Thymeleaf 模板的默认位置在 resources/templates 目录下，默认的后缀是 html 。
  4. 这些配置，如果开发者不自己提供，则使用 默认的，如果自己提供，则在 application.properties 中以 spring.thymeleaf 开始相关的配置。

而我们刚刚提到的，Spring Boot 为 Thymeleaf 提供的自动化配置类，则是
org.springframework.boot.autoconfigure.thymeleaf.ThymeleafAutoConfiguration ，部分源码如下：

@Configuration
@EnableConfigurationProperties(ThymeleafProperties.class)
@ConditionalOnClass({ TemplateMode.class, SpringTemplateEngine.class })
@AutoConfigureAfter({ WebMvcAutoConfiguration.class, WebFluxAutoConfiguration.class })
public class ThymeleafAutoConfiguration {
}

可以看到，在这个自动化配置类中，首先导入 ThymeleafProperties ，然后 @ConditionalOnClass 注解表示当当前系统中存在 TemplateMode 和 SpringTemplateEngine 类时，当前的自动化配置类才会生效，即只要项目中引入了 Thymeleaf 相关的依赖，这个配置就会生效。

这些默认的配置我们几乎不需要做任何更改就可以直接使用了。如果开发者有特殊需求，则可以在 application.properties 中配置以 spring.thymeleaf 开头的属性即可。

接下来我们就可以创建 Controller 了，实际上引入 Thymeleaf 依赖之后，我们可以不做任何配置。新建的 IndexController 如下：

@Controller
public class IndexController {
    @GetMapping("/index")
    public String index(Model model) {
        List<User> users = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            User u = new User();
            u.setId((long) i);
            u.setName("javaboy:" + i);
            u.setAddress("深圳:" + i);
            users.add(u);
        }
        model.addAttribute("users", users);
        return "index";
    }
}
public class User {
    private Long id;
    private String name;
    private String address;
    //省略 getter/setter
}

在 IndexController 中返回逻辑视图名+数据，逻辑视图名为 index ，意思我们需要在 resources/templates 目录下提供一个名为 index.html 的 Thymeleaf 模板文件。

  • 创建 Thymeleaf
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <tr>
        <td>编号</td>
        <td>用户名</td>
        <td>地址</td>
    </tr>
    <tr th:each="user : ${users}">
        <td th:text="${user.id}"></td>
        <td th:text="${user.name}"></td>
        <td th:text="${user.address}"></td>
    </tr>
</table>
</body>
</html>

在 Thymeleaf 中，通过 th:each 指令来遍历一个集合，数据的展示通过 th:text 指令来实现，

注意 index.html 最上面引入 thymeleaf 名称空间（最新版并无强制要求）。

配置完成后，就可以启动项目了，访问 /index 接口，就能看到集合中的数据了：

细品SpringBoot+Thymeleaf，这么多好玩细节

2.2 手动渲染

前面我们说的是返回一个 Thymeleaf 模板，我们也可以手动渲染 Thymeleaf 模板，这个一般在邮件发送时候有用，例如我在 resources/templates 目录下新建一个邮件模板，如下：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>hello 欢迎 <span th:text="${username}"></span>加入 XXX 集团，您的入职信息如下：</p>
<table border="1">
    <tr>
        <td>职位</td>
        <td th:text="${position}"></td>
    </tr>
    <tr>
        <td>薪水</td>
        <td th:text="${salary}"></td>
    </tr>
</table>
<img src="http://www.javaboy.org/images/sb/javaboy.jpg" alt="">
</body>
</html>

这一个 HTML 模板中，有几个变量，我们要将这个 HTML 模板渲染成一个 String 字符串，再把这个字符串通过邮件发送出去，那么如何手动渲染呢？

@Autowired
TemplateEngine templateEngine;
@Test
public void test1() throws MessagingException {
    Context context = new Context();
    context.setVariable("username", "javaboy");
    context.setVariable("position", "Java工程师");
    context.setVariable("salary", 99999);
    String mail = templateEngine.process("mail", context);
    //省略邮件发送
}
  1. 渲染时，我们需要首先注入一个 TemplateEngine 对象，这个对象就是在 Thymeleaf 的自动化配置类中配置的（即当我们引入 Thymeleaf 的依赖之后，这个实例就有了）。
  2. 然后构造一个 Context 对象用来存放变量。
  3. 调用 process 方法进行渲染，该方法的返回值就是渲染后的 HTML 字符串，然后我们将这个字符串发送出去。

3. Thymeleaf 细节

前面两个案例让小伙伴们大致上理解了在 Spring Boot 中要如何使用 Thymeleaf，接下来，松哥将详细介绍 Thymeleaf 本身的一些具体用法。

3.1 标准表达式语法

3.1.1 简单表达式

${...}

直接使用 th:xx = "${}" 获取对象属性。这个在前面的案例中已经演示过了，不再赘述。

*{...}

可以像 ${...} 一样使用，也可以通过 th:object 获取对象，然后使用 th:xx = "*{}" 获取对象属性，这种简写风格极为清爽，推荐大家在实际项目中使用。

<table border="1" th:object="${user}">
<tr>
    <td>用户名</td>
    <td th:text="*{username}"></td>
</tr>
<tr>
    <td>地址</td>
    <td th:text="*{address}"></td>
</tr>
</table>

#{...}

通常的国际化属性：#{...} 用于获取国际化语言翻译值。

在 resources 目录下新建两个文件：messages.properties 和 messages_zh_CN.properties，内容如下：

messages.properties：

message = javaboy

messages_zh_CN.properties：

message = 江南一点雨

然后在 thymeleaf 中引用 message，系统会根据浏览器的语言环境显示不同的值：

<div th:text="#{message}"></div>

@{...}

  • 引用绝对 URL：
<script type="text/javascript" th:src="@{http://localhost:8080/hello.js}"></script>

等价于：

<script type="text/javascript" src="http://localhost:8080/hello.js"></script>
  • 上下文相关的 URL：

首先在 application.properties 中配置 Spring Boot 的上下文，以便于测试：

server.servlet.context-path=/myapp

引用路径：

<script type="text/javascript" th:src="@{/hello.js}"></script>

等价于：

<script type="text/javascript" src="/myapp/hello.js"></script>
  • 相对 URL：

这个相对是指相对于服务器的 URL，例如如下引用：

<script type="text/javascript" th:src="@{~/hello.js}"></script>

等价于：

<script type="text/javascript" src="/hello.js"></script>

应用程序的上下文 /myapp 将被忽略。

  • 协议相对 URL：
<script type="text/javascript" th:src="@{//localhost:8080/hello.js}"></script>

等价于：

<script type="text/javascript" src="//localhost:8080/hello.js"></script>
  • 带参数的 URL：
<script type="text/javascript" th:src="@{//localhost:8080/hello.js(name='javaboy',age=99)}"></script>

等价于：

<script type="text/javascript" th:src="//localhost:8080/hello.js?name=javaboy&age=99"></script>

~{...}

片段表达式是 Thymeleaf 的特色之一，细粒度可以达到标签级别，这是 JSP 无法做到的。片段表达式拥有三种语法：

  • ~{ viewName }：表示引入完整页面
  • ~{ viewName ::selector}：表示在指定页面寻找片段，其中 selector 可为片段名、jquery选择器等
  • ~{ ::selector}： 表示在当前页寻找

举个简单例子。

在 resources/templates 目录下新建 my_fragment.html 文件，内容如下：

<div th:fragment="javaboy_link"><a href="http://www.javaboy.org">www.javaboy</a></div>
<div th:fragment="itboyhub_link"><a href="http://www.itboyhub.com">www.itboyhub.com</a></div>

这里有两个 div，通过 th:fragment 来定义片段，两个 div 分别具有不同的名字。

然后在另外一个页面中引用该片段：

<table border="1" th:object="${user}" th:fragment="aaa">
<tr>
    <td>用户名</td>
    <td th:text="*{username}"></td>
</tr>
<tr>
    <td>地址</td>
    <td th:text="*{address}"></td>
</tr>
</table>
<hr>
<div th:replace="my_fragment.html"></div>
<hr>
<div th:replace="~{my_fragment.html::javaboy_link}"></div>
<hr>
<div th:replace="~{::aaa}"></div>

通过 th:replace 来引用片段。第一个表示引用完整的 my_fragment.html 页面；第二个表示引用 my_fragment.html 中的名为 javaboy_link 的片段；第三个表示引用当前页面名为 aaa 的片段，也就是上面那个 table。

3.1.2 字面量

这些是一些可以直接写在表达式中的字符，主要有如下几种：

  • 文本字面量： 'one text', 'Another one!',…
  • 数字字面量： 0, 34, 3.0, 12.3,…
  • 布尔字面量： true, false
  • Null字面量： null
  • 字面量标记：one, sometext, main,…

案例：

<div th:text="'这是 文本字面量(有空格)'"></div>
<div th:text="javaboy"></div>
<div th:text="99"></div>
<div th:text="true"></div>

如果文本是英文，并且不包含空格、逗号等字符，可以不用加单引号。

3.1.3 文本运算

文本可以使用 + 进行拼接。

<div th:text="'hello '+'javaboy'"></div>
<div th:text="'hello '+${user.username}"></div>

如果字符串中包含变量，也可以使用另一种简单的方式，叫做字面量置换，用 | 代替 '...' + '...'，如下：

<div th:text="|hello ${user.username}|"></div>
<div th:text="'hello '+${user.username}+' '+|Go ${user.address}|"></div>

3.1.4 算术运算

算术运算有：+, -, *, / 和 %。

<div th:with="age=(99*99/99+99-1)">
    <div th:text="${age}"></div>
</div>

th:with 定义了一个局部变量 age，在其所在的 div 中可以使用该局部变量。

3.1.5 布尔运算

  • 二元运算符：and, or
  • 布尔非（一元运算符）：!, not

案例：

<div th:with="age=(99*99/99+99-1)">
    <div th:text="9 eq 9 or 8 ne 8"></div>
    <div th:text="!(9 eq 9 or 8 ne 8)"></div>
    <div th:text="not(9 eq 9 or 8 ne 8)"></div>
</div>

3.1.6 比较和相等

表达式里的值可以使用 >, <, >= 和 <= 符号比较。== 和 != 运算符用于检查相等（或者不相等）。注意 XML规定 < 和 > 标签不能用于属性值，所以应当把它们转义为 < 和 >。

如果不想转义，也可以使用别名：gt (>)；lt (<)；ge (>=)；le (<=)；not (!)。还有 eq (==), neq/ne (!=)。

举例：

<div th:with="age=(99*99/99+99-1)">
    <div th:text="${age} eq 197"></div>
    <div th:text="${age} ne 197"></div>
    <div th:text="${age} ge 197"></div>
    <div th:text="${age} gt 197"></div>
    <div th:text="${age} le 197"></div>
    <div th:text="${age} lt 197"></div>
</div>

3.1.7 条件运算符

类似于我们 Java 中的三目运算符。

<div th:with="age=(99*99/99+99-1)">
    <div th:text="(${age} ne 197)?'yes':'no'"></div>
</div>

其中，: 后面的部分可以省略，如果省略了，又同时计算结果为 false 时，将返回 null。

3.1.8 内置对象

基本内置对象：

  • #ctx：上下文对象。
  • #vars: 上下文变量。
  • #locale：上下文区域设置。
  • #request：（仅在 Web 上下文中）HttpServletRequest 对象。
  • #response：（仅在 Web 上下文中）HttpServletResponse 对象。
  • #session：（仅在 Web 上下文中）HttpSession 对象。
  • #servletContext：（仅在 Web 上下文中）ServletContext 对象。

在页面可以访问到上面这些内置对象，举个简单例子：

<div th:text='${#session.getAttribute("name")}'></div>

实用内置对象：

  • #execInfo：有关正在处理的模板的信息。
  • #messages：在变量表达式中获取外部化消息的方法，与使用＃{...}语法获得的方式相同。
  • #uris：转义URL / URI部分的方法
  • #conversions：执行配置的转换服务（如果有）的方法。
  • #dates：java.util.Date对象的方法：格式化，组件提取等
  • #calendars：类似于#dates但是java.util.Calendar对象。
  • #numbers：用于格式化数字对象的方法。
  • #strings：String对象的方法：contains，startsWith，prepending / appending等
  • #objects：一般对象的方法。
  • #bools：布尔评估的方法。
  • #arrays：数组方法。
  • #lists：列表的方法。
  • #sets：集合的方法。
  • #maps：地图方法。
  • #aggregates：在数组或集合上创建聚合的方法。
  • #ids：处理可能重复的id属性的方法（例如，作为迭代的结果）。

这是一些内置对象以及工具方法，使用方式也都比较容易，如果使用的是 IntelliJ IDEA，都会自动提示对象中的方法，很方便。

举例：

<div th:text="${#execInfo.getProcessedTemplateName()}"></div>
<div th:text="${#arrays.length(#request.getAttribute('names'))}"></div>

3.2 设置属性值

这个是给 HTML 元素设置属性值。可以一次设置多个，多个之间用 , 分隔开。

例如：

<img th:attr="src=@{/1.png},title=${user.username},alt=${user.username}">

会被渲染成：

<img src="/myapp/1.png" title="javaboy" alt="javaboy">

当然这种设置方法不太美观，可读性也不好。Thymeleaf 还支持在每一个原生的 HTML 属性前加上 th: 前缀的方式来使用动态值，像下面这样：

<img th:src="@{/1.png}" th:alt="${user.username}" th:title="${user.username}">

这种写法看起来更清晰一些，渲染效果和前面一致。

上面案例中的 alt 和 title 则是两个特殊的属性，可以一次性设置，像下面这样：

<img th:src="@{/1.png}" th:alt-title="${user.username}">

这个等价于前文的设置。

3.3 遍历

数组/集合/Map/Enumeration/Iterator 等的遍历也算是一个非常常见的需求，Thymeleaf 中通过 th:each 来实现遍历，像下面这样：

<table border="1">
    <tr th:each="u : ${users}">
        <td th:text="${u.username}"></td>
        <td th:text="${u.address}"></td>
    </tr>
</table>

users 是要遍历的集合/数组，u 则是集合中的单个元素。

遍历的时候，我们可能需要获取遍历的状态，Thymeleaf 也对此提供了支持：

  • index：当前的遍历索引，从0开始。
  • count：当前的遍历索引，从1开始。
  • size：被遍历变量里的元素数量。
  • current：每次遍历的遍历变量。
  • even/odd：当前的遍历是偶数次还是奇数次。
  • first：当前是否为首次遍历。
  • last：当前是否为最后一次遍历。

u 后面的 state 表示遍历状态，通过遍历状态可以引用上面的属性。

<table border="1">
    <tr th:each="u,state : ${users}">
        <td th:text="${u.username}"></td>
        <td th:text="${u.address}"></td>
        <td th:text="${state.index}"></td>
        <td th:text="${state.count}"></td>
        <td th:text="${state.size}"></td>
        <td th:text="${state.current}"></td>
        <td th:text="${state.even}"></td>
        <td th:text="${state.odd}"></td>
        <td th:text="${state.first}"></td>
        <td th:text="${state.last}"></td>
    </tr>
</table>

3.4 分支语句

只显示奇数次的遍历，可以使用 th:if，如下：

<table border="1">
    <tr th:each="u,state : ${users}" th:if="${state.odd}">
        <td th:text="${u.username}"></td>
        <td th:text="${u.address}"></td>
        <td th:text="${state.index}"></td>
        <td th:text="${state.count}"></td>
        <td th:text="${state.size}"></td>
        <td th:text="${state.current}"></td>
        <td th:text="${state.even}"></td>
        <td th:text="${state.odd}"></td>
        <td th:text="${state.first}"></td>
        <td th:text="${state.last}"></td>
    </tr>
</table>

th:if 不仅仅只接受布尔值，也接受其他类型的值，例如如下值都会判定为 true：

  • 如果值是布尔值，并且为 true。
  • 如果值是数字，并且不为 0。
  • 如果值是字符，并且不为 0。
  • 如果值是字符串，并且不为 “false”， “off” 或者 “no”。
  • 如果值不是布尔值，数字，字符或者字符串。

但是如果值为 null，th:if 会求值为 false。

th:unless 的判定条件则与 th:if 完全相反。

<table border="1">
    <tr th:each="u,state : ${users}" th:unless="${state.odd}">
        <td th:text="${u.username}"></td>
        <td th:text="${u.address}"></td>
        <td th:text="${state.index}"></td>
        <td th:text="${state.count}"></td>
        <td th:text="${state.size}"></td>
        <td th:text="${state.current}"></td>
        <td th:text="${state.even}"></td>
        <td th:text="${state.odd}"></td>
        <td th:text="${state.first}"></td>
        <td th:text="${state.last}"></td>
    </tr>
</table>

这个显示效果则与上面的完全相反。

当可能性比较多的时候，也可以使用 switch：

<table border="1">
    <tr th:each="u,state : ${users}">
        <td th:text="${u.username}"></td>
        <td th:text="${u.address}"></td>
        <td th:text="${state.index}"></td>
        <td th:text="${state.count}"></td>
        <td th:text="${state.size}"></td>
        <td th:text="${state.current}"></td>
        <td th:text="${state.even}"></td>
        <td th:text="${state.odd}"></td>
        <td th:text="${state.first}"></td>
        <td th:text="${state.last}"></td>
        <td th:switch="${state.odd}">
            <span th:case="true">odd</span>
            <span th:case="*">even</span>
        </td>
    </tr>
</table>

th:case="*" 则表示默认选项。

3.5 本地变量

这个我们前面已经涉及到了，使用 th:with 可以定义一个本地变量。

3.6 内联

我们可以使用属性将数据放入页面模版中，但是很多时候，内联的方式看起来更加直观一些，像下面这样：

<div>hello [[${user.username}]]</div>

用内联的方式去做拼接也显得更加自然。

[[...]] 对应于 th:text （结果会是转义的 HTML），[(...)]对应于 th:utext，它不会执行任何的 HTML 转义。

像下面这样：

<div th:with="str='hello <strong>javaboy</strong>'">
    <div>[[${str}]]</div>
    <div>[(${str})]</div>
</div>

最终的显示效果如下：

细品SpringBoot+Thymeleaf，这么多好玩细节

不过内联方式有一个问题。我们使用 Thymeleaf 的一大优势在于不用动态渲染就可以直接在浏览器中看到显示效果，当我们使用属性配置的时候确实是这样，但是如果我们使用内联的方式，各种表达式就会直接展示在静态网页中。

也可以在 js 或者 css 中使用内联，以 js 为例，使用方式如下：

<script th:inline="javascript">
    var username=[[${user.username}]]
    console.log(username)
</script>

js 中需要通过 th:inline="javascript" 开启内联。

郑兆辉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
6个基于 Spring Boot 的开源社区项目！功能强大，界面炫酷
fly1north的博客
09-09 2977
整理了 6 个不错的基于 Spring Boot 开发的社区类项目，每个都非常不错！你可以参考这些项目用来作为自己的项目经验，或者你可以基于这些项目搭建一个自己的知识社区。原创不易，如果本文对你有帮助的话，欢迎，这对我继续分享&创作优质文章非常重要。
细品 Spring Boot+Thymeleaf，还有这么多好玩的细节，阿里研发工程师Java笔试
最新发布
2401_83620959的博客
03-23 981
首先在 application.properties 中配置 Spring Boot 的上下文，以便于测试：引用路径：这个相对是指相对于服务器的 URL，例如如下引用：等价于：应用程序的上下文将被忽略。~{...}片段表达式是 Thymeleaf 的特色之一，细粒度可以达到标签级别，这是 JSP 无法做到的。：表示引入完整页面：表示在指定页面寻找片段，其中 selector 可为片段名、jquery选择器等： 表示在当前页寻找举个简单例子。
SpringBoot学习（二）SpringBoot一些很实用的功能
ncfl
08-02 4050
一、定制Banner 二、application.yml 三、配置logback 四、热部署 五、profile配置 六、替换favicon 七、starter pom
SpringBoot整合thymeleaf模板
做Java整整10年，目前是教别人写代码，嘿嘿
11-03 439
1、添加模板依赖 由于springboot已经整合了很多框架，所以我们添加类似于thymeleaf等框架，不需要添加版本号，直接写依赖即可 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> &
SpringBoot2.5.1整合thymeleaf以及springsecurity后sec:authorize无效的问题
冲出仁川，走出马德里，故事还会再继续
06-16 558
sec:authorize无效的问题1、问题描述2、解决方案： 1、问题描述 修改之前我的pom.xml文件如下，但是sec:authorize一直不生效。 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocat
深入浅出 SpringBoot 2.x _ 5. Thymeleaf 模板引擎简单使用
胖子胖子大胖子的博客
04-12 1017
一、th:text 这个其实我们在写 HelloWorld 的时候见过，用法也是很简单的 当然哈，这个除去在 title 标签中，还可以在很多其他的标签中使用 当然，这个字符串也可以在前端做拼接： 把你要拼接的字符串，或者是啥其他的东西，用两个单引号引起来，然后跟上具体的值，来看一下效果 二、th:utext 这个和上面的区别就是多了一个 u，但是不要小看这个 u。 如果我们从后端返回一个 html 的代码，我们来看看他俩展示有什么区别 前端： 效果： 可
狂神说——SpringBoot学习
weixin_44543307的博客
12-06 4814
Springboot 学习笔记Springboot简介什么是微服务？ThymeleafDuridSpringboot整合mybatisSpringSecurity安全Shiroswagger定时任务springboot 整合分布式 dubbo+ zookeeper+ springbootDubboRPC（两大核心：通讯，序列化）Zookeeper总结 学习源码 spring官网 springboot官网 spring-security版本下载 狂神官网学习 也可以搜索B站 （狂神说） Springboot简
2022版史上最牛Java学习路线图（视频教程+配套资料）
程序员日常
07-29 1725
0基础如何学习java？Java要学习哪些是核心内容？自学Java到什么程度可找工作？正在迷茫的你不必在东瞅西逛，自学Java看这一篇就够了！​PS。
40000+字超强总结？阿里P8把Java全栈知识体系详解整理成这份PDF
xiaohao718的博客
06-27 1252
40000 +字长文总结，已将此文整理成PDF文档了，需要的见文后下载获取方式。全栈知识体系总览Java入门与进阶面向对象与Java基础基础知识点复习完了以后，我们需要深入的理解Java中的一些基础机制：A. Java进阶 - Java 集合框：Java 集合框架应用是极其广泛的，对于其总体框架用法及源码都必要深刻理解。B. Java进阶 - Java 集合框之 Collection源码解读：对核心的Collection类进行源码解读。C. Java进阶 - Java 集合框之 Map & Set 源码解读
栋的月结 | 第一回合（定期更新、动态、架构、云技术、算法、后端、前端、收听/收看、英文、书籍、影视、好歌、新奇）[含泪总结.. 憋泪分享！]
纽雪澳诺加海美德的博客
02-01 2161
开篇词 大家好！以下是我在 2020 年 1 月 1 日至 31 日的所见、所闻、所学和所悟。 现在，我把它们安利给你们。   定期更新 原创专栏： 栋的周评 一文搞定 Linux 管理员手册：既简单又深刻 官方授权： Baeldung Java 周评 符合官方许可： Spring 官方指南   动态 在我的《一文搞定》系列专栏里新增了： 《一文搞定 |...
SpringBoot中Thymeleaf的使用
lidasha_521的博客
04-07 1639
Thymeleaf的使用1.Thymeleaf简介2.Thymeleaf的使用3.Thymeleafd取值4.主要代码5.运行结果展示 1.Thymeleaf简介 JSP必须依赖Tomcat运行，不能直接运行在浏览器中 HTML可以直接运行在浏览器中，但是不能接收控制器传递的数据 Thymeleaf既保留了HTML的后缀能够直接在浏览器运行，又实现了JSP显示动态数据的功能 2.Thymeleaf的使用 SpringBoot对Thymeleaf提供了良好的支持 2.1.SpringBoot项目添
springboot2整合thymeleaf模板引擎
qq_37170583的博客
07-11 3042
1 什么是thymeleaf Thymeleaf是用于Web和独立环境的现代服务器端Java模板引擎。 Thymeleaf的主要目标是将优雅的自然模板带到您的开发工作流程中—HTML能够在浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。Thymeleaf能够处理HTML，XML，JavaScript，CSS甚至纯文本。 2 使用方法 2.1 在pom.xml中导入th...
thymeleaf的细节问题
hsy的博客
08-01 356
thymeleaf的细节问题 今天写项目发现，thymeleaf的有小数的乘法有问题，明明是1*0.01，结果给我出来了个0.01000000000002018……很长，最后只能用数字格式化处理： #numbers.formatDecimal(0.01*1,1,2) 第一位参数是输入要格式化的数字，第二位参数是整数位最少保留多少位（不够就补零），第三位参数是小数位保留几位数。 变量的使用范围的问...
Thymeleaf 教程：使用Thymeleaf[转自官方]
热门推荐
开发猫
10-26 2万+
Thymeleaf 教程：使用Thymeleaf[官方] 目录 1介绍Thymeleaf 2 The Good Thymes虚拟杂货店 3使用文本 4标准表达式语法 5设置属性值 6迭代 7条件评估 8模板布局 9局部变量 10属性优先级 11评论和块 12内联 13文本模板模式 14我们杂货店的更多页面 15有关配置的更多信息 16模板缓存 17解...
SpringBoot（一）——SpringBoot该怎么玩
qq_42605968的博客
04-19 1665
该怎么玩SpringBoot 在此之前把SpringBoot也了解一些，深深浅浅都有，写东西的话是足够的，但是总感觉对SpringBoot的了解不够，因此就感觉很难受，终于下定决心，重新开始SpringBoot。 SpringBoot入门程序Hello Spring Boot 我使用的工具是IDEA，当然Eclipse也不错，下边就开始第一个SpringBoot程序。 这个是我以前写过的很详细...
SpringBoot之Thymeleaf的简单使用
红莲灭的博客
08-03 255
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录Thymeleaf表达式：字面量文本操作数学运算布尔运算比较运算条件运算设置属性值Thymeleaf使用步骤1.导入starter2.自动配置好了thymeleaf常用抽取公共页面标签在页面中调用时有两种方式：但是在抽取时有三种不同情况： # 视图解析和模板渲染 Thymeleaf 视图解析和模板渲染，一个简单的单体应用可以使用该工具。该工具在框架中，由于有视图解析所以，在进行页面跳转时，只需写入页面名称即可识别。这就是模板引擎的
thymeleaf模板页面两种布局方案
guying4875的专栏
07-24 2万+
方案一： 采用th:include + th:replace方式进行布局 首先创建布局文件layout1.html 页面中内容如下： &lt;!DOCTYPE html&gt; &lt;html xmlns:th="http://www.thymeleaf.org"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;met
springboot开发时比较好玩的地方
qq_37641547的博客
07-10 244
1、根据使用场景，启用不同的配置文件 在Spring Boot中多环境配置文件名需要满足application-{profile}.properties的格式，其中{profile}对应你的环境标识。 在src/main/resources下建： application.properties：通过在此文件配置spring.profiles.active=dev来指向要启用的配置文件 实际启用的配置文件如下： application-dev.properties：开发环境 application-test.p
springboot+thymeleaf项目
06-28
### 回答1： springboot+thymeleaf项目是一种基于Java语言开发的Web应用程序。它采用了Spring Boot框架和Thymeleaf模板引擎，可以快速地搭建一个高效、可靠、易于维护的Web应用程序。该项目具有以下特点： 1. 简单易用：Spring Boot框架提供了一系列的自动化配置，使得开发者可以快速地搭建一个Web应用程序，而不需要过多的配置。 2. 高效可靠：Spring Boot框架采用了一系列的优化措施，使得应用程序具有高效、可靠的性能。 3. 易于维护：Thymeleaf模板引擎提供了一种简单、易于维护的模板语言，使得开发者可以快速地开发出具有良好可读性的Web应用程序。 总之，springboot+thymeleaf项目是一种非常优秀的Web应用程序开发框架，可以帮助开发者快速地开发出高效、可靠、易于维护的Web应用程序。 ### 回答2： Spring Boot是一个基于Spring框架的快速开发框架，这个框架的优点在于其简单易用，能够快速搭建一个Java Web应用程序，无需进行复杂的配置和繁琐的XML文件编写。而Thymeleaf则是一种Web和HTML的模板引擎，可以方便地处理文本、链接和表单等元素，支持多重继承和页面片段的复用等特性。 Spring Boot和Thymeleaf的结合，可以帮助开发人员更加简便地搭建Web应用程序。在使用Spring Boot进行项目开发时，可以使用Thymeleaf来完成Web开发的视图层，进行模版板的渲染和数据绑定。这样就可以很直接地将数据通过模板引擎展现出来，且更加方便。 在一个Spring Boot Thymeleaf项目的构建中，需要进行如下步骤： 1. 首先，引入Spring Boot和Thymeleaf的依赖以及其他必要的依赖，例如web和mybatis等相关组件。 2. 创建一个Controller类，并使用@Controller注解将类标记为Controller，编写具体的Action方法，这些方法可以用@RequestMapping或@GetMapping等注解来定义处理请求的URL路径和请求类型等相关信息。 3. 创建一个Model类，用于封装需要传输到前端的数据和相关操作等。 4. 在Controller内部设置Model变量并将相关数据注入Model，然后将需要展现的数据作为参数传递给Thymeleaf进行渲染，最后将渲染完成后的结果返回给前端页面展现。 5. 编写HTML页面，使用Thymeleaf标签来渲染动态数据。 需要注意的是，在进行Thymeleaf模板的渲染时，需要遵守一定的规范，例如页面中的数据变量名称需与Model中的属性名称一致，引入Thymeleaf命名空间等等。 总之，Spring Boot与Thymeleaf结合使用可以帮助开发人员快速地完成Web开发，整个过程简单而且高效。使用Thymeleaf能够降低模版制作的门槛，进一步提高开发效率，并且能够提供丰富的模版处理标签，使得页面制作更加灵活。 ### 回答3： 近年来，使用SpringBoot和Thymeleaf进行Web开发已经成为越来越多的开发者选择的方案。SpringBoot是一个基于Spring框架的快速Web应用开发框架，而Thymeleaf是一种基于HTML的模板引擎，其中需要了解的内容包括以下几点： 首先，SpringBoot框架的优点是非常明显的。它提供了很多便于使用的方法，例如自动装配，以及基于配置的许多默认值。这使得开发者可以花更少的时间和精力来开发项目，将重点放在业务逻辑和功能实现上。 其次，Thymeleaf是一种非常强大和灵活的模板引擎，其语法简单易懂，而且支持HTML5标准。它还提供了一些样式和布局的工具，以及易于使用的表达式和标签，使得Web页面开发更加容易。 当然，SpringBoot集成Thymeleaf的过程也并不复杂。只需添加thymeleaf-starter包依赖，SpringBoot将自动将Thymeleaf注册为默认的模板引擎。然后，您只需要编写Thymeleaf模板文件即可。 最后，值得注意的是，使用SpringBoot和Thymeleaf进行Web开发的好处在于它们之间的紧密集成。这种紧密集成可以更轻松地创建动态和交互性的Web应用程序，这是传统的HTML和JavaScript不能提供的。 总的来说，SpringBoot和Thymeleaf是一对非常强大且易于使用的Web开发工具组合，它们的出现大大提高了Web开发的效率和质量，同时也为开发人员提供了更好的开发体验。我们相信，这对于Web开发者来说是非常有价值的组合。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值