thymeleaf的具体语法

最新推荐文章于 2024-10-13 22:11:23 发布

Thecoastlines

最新推荐文章于 2024-10-13 22:11:23 发布

阅读量172

点赞数

分类专栏： SpringBoot 文章标签： thymeleaf

本文链接：https://blog.youkuaiyun.com/Kevinnsm/article/details/111359582

版权

SpringBoot 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了Thymeleaf模板引擎，展示了其语法使用，包括引入约束、Controller书写等步骤，还通过修改success.html内容进行实践，访问对应地址查看效果，最后指出可查看Thymeleaf文档了解更多具体内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

thymeleaf模板引擎是什么？请点击我查看

文章目录

thymeleaf模板引擎是什么？请点击我查看
- 代码延续[thymeleaf模板引擎](https://blog.youkuaiyun.com/Kevinnsm/article/details/111357103)
一、语法一
二、修改success.html中的内容
总结

代码延续thymeleaf模板引擎

提示：以下是本篇文章正文内容，下面案例可供参考

一、语法一

1.首先引入约束

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

2.Controller书写

@Controller
public class HelloController {

    @RequestMapping("/success")
    public String success(Map<String,Object> map){
        map.put("hao","真棒!");
        return "success";
    }
}

3.success.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>success</title>
</head>
<body>
    <h1>成功！</h1>
<!--    th:text 将div里面的内容设置为我们指定的值-->
    <div th:text="${hao}">请输入text</div>
</body>
</html>

4.启动访问http://localhost:8080/success，如下图所示
在这里插入图片描述
5.查看源代码

我们发现已经将标签体中的内容覆盖了

二、修改success.html中的内容

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>success</title>
</head>
<body>
    <h1>成功！</h1>
<!--    th:text 将div里面的内容设置为我们指定的值-->
    <div id="div1" class="class1" th:id="${hao}" th:class="${hao}" th:text="${hao}">输入</div>
<!--语法-->
</body>
</html>