03_Thymeleaf简单编码

最新推荐文章于 2023-04-12 23:27:21 发布
最新推荐文章于 2023-04-12 23:27:21 发布
阅读量380 收藏
点赞数
分类专栏： springboot商城项目学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41530516/article/details/115863176
版权

模板解读

  • 上一篇中使用的渲染语句为
    <p th:text="${description}">这里显示的是 description 字段内容</p>
  • 前半部分 <p> 为 html 的标签
  • 后半部分是 Thymeleaf 属性标签和表达式语法
  • th:text 表示文本替换、${description}表示读取后台设置的 description 字段，该模板文件语句的作用就是动态的将 p 标签中的内容替换为 description 字段内容，如果是写在 <div></div> 标签中的话也是修改其中的内容。

同时该语句也展示了 Thymeleaf 模板文件的编写规则：

  • 任意的 Thymeleaf 属性标签 th:* 需要写在 html 标签体中( th:block 除外 )
  • Thymeleaf 表达式写在 Thymeleaf 属性标签中

thymeleaf 设置属性

th:* 属性

  • th:text 对应的是 HTML5 中的 text 属性，除 th:text 属性外，Thymeleaf 也提供了其他的标签属性来替换 HTML5 原生属性的值，属性节选如下：

  • th:background 对应 HTML5 中的背景属性

  • th:class 对应 HTML5 中的 class 属性

  • th:href 对应 HTML5 中的链接地址属性

  • th:id 和 th:name 分别对应 HTML5 中的 id 和 name 属性…

  • th:block 比较特殊，它是 Thymeleaf 提供的唯一的一个 Thymeleaf 块级元素，其特殊性在于 Thymeleaf 模板引擎在处理<th:block>的时候会删掉它本身，而保留其内容。

<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf setting-value-to-specific-attributes</title>
</head>
<!--background 标签-->
<body th:background="${th_background}" background="D0D0D0">
<!--text 标签-->
<h1 th:text="${title}">html标签演示</h1>
<div>
    <h5>id、name、value标签:</h5>
    <!--    id name value 标签-->
    <input id="input1" name="input2" value="1" th:id="${th_id}" th:name="${th_name}" th:value="${th_value}"/>
</div>
<br/>
<div class="div1" th:class="${th_class}">
    <h5>class href 标签</h5>
    <!--    class href 标签-->
    <a th:href="${th_href}" href="https://www.bilibili.com">链接地址</a>
</div>
</body>
</html>

    @GetMapping("/attributes")
    public String attributes(ModelMap map){
        //change text of h1
        map.put("title","Thymeleaf 标签演示");
        //change id name value
        map.put("th_id", "thymeleaf-input");
        map.put("th_name", "thymeleaf-input");
        map.put("th_value", "12");
        //change class href
        map.put("th_class","thymeleaf-class");
        map.put("th_href","http://www.baidu.com");

        return"attributes";
    }

Thymeleaf语法规则

  • 表达式语法

    • 变量表达式： ${…}
    • 选择变量表达式： *{…}
    • 信息表达式： #{…}
    • 链接 URL 表达式： @{…}
    • 分段表达式： ~{…}

  • 字面量

    • 字符串： ‘one text’, ‘Another one!’ …
    • 数字： 0, 34, 3.0, 12.3 …
    • 布尔值： true, false
    • Null 值： null
    • 字面量标记：one, sometext, main …

  • 文本运算

    • 字符串拼接： +
    • 字面量置换: |The name is ${name}|

  • 算术运算

    • 二元运算符： +, -, *, /, %
    • 负号（一元运算符）： (unary operator): -

  • 布尔运算

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

  • 比较运算

    • 比较： >, <, >=, <= (gt, lt, ge, le)
    • 相等运算符： ==, != (eq, ne)
    • 比较运算符也可以使用转义字符，比如大于号，可以使用 Thymeleaf 语法 gt 也可以使用转义字符 &gt;

  • 条件运算符

    • If-then: (if) ? (then)
    • If-then-else: (if) ? (then) : (else)
    • 4666Default: (value) ?: (defaultvalue)

  • 特殊语法

    • 无操作： _
   <!DOCTYPE html>
   <html lang="en" xmlns:th="https://www.thymeleaf.org">
   <head>
       <meta charset="UTF-8">
       <title>thymeleaf simple syntax</title>
   </head>
   <body>
   <h1>Thymeleaf 简单语法</h1>
   <div>
       <h5>基本操作类型（字符串）：</h5>
       <p>一个简单的字符串：<span th:text="'Thymeleaf Text'"> default text </span>.</p>
       <p>“+”字符串连接：<span th:text="'Thymeleaf text contact,' + ${thymeleafText}">default text</span>. </p>
       <p>“|”字符串连接：<span th:text="|Thymeleaf text contact,${thymeleafText}|">default text</span>. </p>
   </div>
   <div>
       <h5>基本操作类型（数字）：</h5>
       <p>一个简单神奇的数字：<span th:text="2021"> 1000 </span>.</p>
       <p>算术运算: 2021 + 1 = <span th:text="${number1}+1"> 0</span>.</p>
       <p>算术运算: 14 - 1 = <span th:text="14-1">0</span>.</p>
       <p>算术运算：673 * 3 = <span th:text="673*${number2}">0</span>.</p>
       <p>算术运算：39 ÷ 3 = <span th:text="39/3">0</span>. </p>
   </div>
   <div>
       <h5>基本操作类型（布尔值）：</h5>
       <p>简单数字的比较: 2021 > 2020 = <span th:text="2021&gt;2020"> unknown </span>.</p>
       <p>字符串比较：thymeleafText == 'rick' <span th:text="${thymeleafText} == 'rick'">unknown</span>.</p>
       <p>数字比较：13 == 39/3 <span th:text="13 == 39/3"> unknown</span>.</p>
   </div>
   </body>
   </html>

    @GetMapping("/simple")
    public String simple(ModelMap map){
        map.put("thymeleafText", "rick");
        map.put("number1", "2021");
        map.put("number2", "3");
        return "simple";
    }

表达式语法

  • 表达式包括：变量表达式 ${…}、选择变量表达式 *{…}、信息表达式 #{…}、链接 URL 表达式：@{…}、分段表达式： ~{…}，这些表达式一般只能写在 Thymeleaf 模板文件的 th 标签内，不然不会生效，表达式语法的主要作用就是获取变量值、获取绑定对象的变量值、国际化变量取值、URL 拼接与生成、 Thymeleaf 模板布局

变量表达式

  • 变量表达式即 OGNL 表达式或 Spring EL 表达式，
    用于获取模板中与后端返回数据所绑定对象的值，
    写法为 ${}
<!DOCTYPE html>

<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" >
    <title th:text="${title}">语法测试</title>
</head>
<body>
<h3>#strings 工具类测试</h3>
<div th:if="${not #strings.isEmpty(testString)}">
    <p>testString 初始值：<span th:text="${testString}"></span> </p>
    <p>toUpperCase: <span th:text="${#strings.toUpperCase(testString)}"></span> </p>
    <p>toLowerCase: <span th:text="${#strings.toLowerCase(testString)}"></span> </p>
    <p>忽略大小写的对比 equalsIgnoreCase: <span th:text="${#strings.equalsIgnoreCase(testString,'ThYmeLeaf')}"></span> </p>
    <p>字符位置 indexOf: <span th:text="${#strings.indexOf(testString,'l')}"></span> </p>
    <p>subString: <span th:text="${#strings.substring(textString,1,3)}"></span></p>
    <p>startsWith: <span th:text="${#strings.startsWith(testString,'Thyme')}"></span></p>
    <p>contains: <span th:text="${#strings.contains(testString,'leAf')}"></span></p>
</div>
<h3>#boolean 工具类测试</h3>
<!--如果Boolean==false则不显示-->
<div th:if="${#bools.isTrue(bool)}">
    <p th:text="${bool}"></p>
</div>
<h3>#arrays 工具类测试</h3>
<div th:if="${not #arrays.isEmpty(testArray)}">
    <p>size:<span th:text="${#arrays.length(testArray)}"></span></p>
    <p>contains 4?:<span th:text="${#arrays.contains(testArray,4)}"></span></p>
    <p>containsAll :<span th:text="${#arrays.containsAll(testArray,testArray)}"></span></p>
    <p>循环读取 :<span th:each="i:${testArray}" th:text="${i+' '}"></span></p>
</div>
<h3>#lists 工具类测试</h3>
<div th:unless = "${#lists.isEmpty(testLists)}">
    <p>size:<span th:text="${#lists.size(testLists)}" ></span></p>
    <p>contains:<span th:text="${#lists.contains(testLists,2)}"></span> </p>
    <p>sort: <span th:text="${#lists.sort(testLists)}"></span> </p>
    <p>循环读取:<span th:each="i:${testLists}" th:text="${i+''}"></span></p>
</div>
<h3>#maps 工具类测试</h3>
<div th:if="${not #maps.isEmpty(testMap)}">
    <p>size: <span th:text="${#maps.size(testMap)}"></span></p>
    <p>containsKey:<span th:text="${#maps.containsKey(testMap,'platform')}"></span> </p>
    <p>containsKey:<span th:text="${#maps.containsValue(testMap,'13')}"></span> </p>
    <p>读取map中键为title的值:<span th:if="${#maps.containsKey(testMap,'title')}" th:text="${testMap.get(title)}"></span></p>

</div>
<h3>#dates 工具类测试</h3>
<div>
    <p>year: <span th:text="${#dates.year(testDate)}"></span></p>
    <p>month: <span th:text="${#dates.month(testDate)}"></span></p>
    <p>day: <span th:text="${#dates.day(testDate)}"></span></p>
    <p>hour: <span th:text="${#dates.hour(testDate)}"></span></p>
    <p>minute: <span th:text="${#dates.minute(testDate)}"></span></p>
    <p>second: <span th:text="${#dates.second(testDate)}"></span></p>
    <p>格式化: <span th:text="${#dates.format(testDate)}"></span></p>
    <p>yyyy-MM-dd HH:mm:ss格式化: <span th:text="${#dates.format(testDate,'yyyy-MM-dd HH:mm:ss')}"></span></p>

</div>
</body>
</html>

controller

    @GetMapping("/test")
    public String test(ModelMap map){
        map.put("title","Thymeleaf 语法测试");

        map.put("testString","Thymeleaf");

        map.put("bool",true);

        map.put("testArray",new Integer[]{2018,2019,2020,2021});

        map.put("testList", Arrays.asList("Spring","Thymeleaf","Spring Boot","Java"));

        Map testMap = new HashMap();
        testMap.put("platform","juejin");
        testMap.put("title","Spring Boot Mall");
        testMap.put("author","Nice");
        map.put("testMap",testMap);

        map.put("testDate", new Date());
        return "test";
    }

输出

#strings 工具类测试
testString 初始值：Thymeleaf

toUpperCase: THYMELEAF

toLowerCase: thymeleaf

忽略大小写的对比 equalsIgnoreCase: true

字符位置 indexOf: 5

subString:

startsWith: true

contains: false

#boolean 工具类测试
true

#arrays 工具类测试
size:4

contains 4?:false

containsAll :true

循环读取 :2018 2019 2020 2021

#lists 工具类测试
#maps 工具类测试
size: 3

containsKey:true

containsKey:false

读取map中键为title的值:

#dates 工具类测试
year: 2021

month: 4

day: 18

hour: 21

minute: 22

second: 42

格式化: 2021年4月18日 下午09时22分42秒

yyyy-MM-dd HH:mm:ss格式化: 2021-04-18 21:22:42
nice_ovo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
thymeleaf 页面乱码问题
Sunjin_shuai的博客
03-27 1968
最近在写一个thymeleaf模板引擎的功能读取模板填充数据生成html文件并导出zip包 本地window是环境下一切都是没有问题的但是在linux环境下导出的html都是乱码 我用的是SpringTemplateEngine.process（模板名称，内容，FileWriter ）这个方法 FileWriter writer = new FileWriter(filePat...
thymeleaf + titles + Spring MVC 中文乱码
Xwin1989的专栏
12-25 6160
看了一下网上资料,居然没有说这个问题的...特来备注一下: 直接贴代码了,这样子直观 UTF-8"/>
spring.thymeleaf配置编码出错
linqi的博客
06-17 1388
Field error in object ‘spring.thymeleaf’ on field ‘encoding’: rejected value [UTF-8 ]; codes [typeMismatch.spring.thymeleaf.encoding,typeMismatch.encoding,typeMismatch.java.nio.charset.Charset,typeMis...
spring Thymeleaf 中文乱码
寻找极限的猫
07-30 2073
前言： 项目用springmvc+Thymeleaf ，但是发现html中的所有中文都乱码。 但是自己的html的编码确定已经是UTF-8，在web.xml文件里面也添加了CharacterEncodingFilter，还是没有解决。 在网上搜了好久，网上的说法是为ThymeleafViewResolver添加characterEncoding的属性，但是自己尝试之后还是没有解决。   ...
SpringBoot整合Thymeleaf模板第三弹-解除thymeleaf硬编码限制
qianmoQ - 关注云计算,关注大数据
03-23 2007
视频课程地址: Spring Boot 整合 Thymeleaf 模板 这个编码限制是由于我们在spring.thymeleaf.mode使用 html5模板导致出现以下错误 2018-03-19 14:41:00.238 ERROR 66806 --- [nio-2000-exec-1] org.thymeleaf.TemplateEngine : [THYMEL...
thymeleaf-3.0.11.RELEASE_release_spring_thymeleaf_
09-28
- **Spring Boot支持**：在Spring Boot项目中，Thymeleaf可以通过简单的配置自动启用，无需复杂的XML配置。 - **Spring Expression Language (SpEL)**：Thymeleaf支持使用Spring的SpEL表达式，允许在模板中执行...
最新版thymeleaf_3.0.5_中文参考手册
11-30
1. Spring Boot：Thymeleaf与Spring Boot集成简单，可快速构建前后端分离的Web应用。 2. Spring MVC：作为视图层技术，Thymeleaf接收Spring MVC控制器返回的数据并进行渲染。 3. 数据库集成：与JPA、Hibernate等ORM...
thymeleaf demo 超简单,springboot
10-31
这个配置定义了Thymeleaf模板的路径、编码方式和解析模式。在实际应用中，你可能还需要添加更多的自定义设置，如模板缓存等。 在"demothymeleaf"这个项目中，可能包含了用于演示Thymeleaf基本功能的HTML模板和对应...
springboot-thymeleaf
09-27
4. **Thymeleaf配置**：在`application.properties`或`application.yml`中，可以配置Thymeleaf的相关参数，如模板文件路径、编码格式等。 5. **Controller**：Spring MVC的Controller层，定义了处理HTTP请求的方法...
springboot与thymeleaf结合的实战、实例项目
04-15
当你在项目中引入Thymeleaf的相关依赖后，SpringBoot会自动配置Thymeleaf的相关设置，包括模板路径、字符编码等，极大地减少了手动配置的工作量。Thymeleaf与SpringBoot的集成使得开发者能够更专注于业务逻辑，而...
spring+Thymeleaf中文编码的问题
y0_618的博客
11-12 1807
spring+Thymeleaf中文编码的问题参考博客总共设置了三个地方1.SpringResourceTemplateResolver @Bean public SpringResourceTemplateResolver templateResolver() { // SpringResourceTemplateResolver automatically integra
spring thymeleaf中文乱码问题
sutonline的博客
05-19 4024
spring thymeleaf中文乱码问题分为request和response两种，然后可以设置字符集过滤或者字符集来解决。request的过程 request默认自带encoding Spring的CharacterEncodingFilter进行设置request的encoding 这样只要页面和后台保持一致，那么肯定不会乱码。这里主要就是为了解决很多浏览器即使在HTML页面设置了encodi
thymeleaf的详解
qq_52370789的博客
04-12 928
c>通过FirstServlet向各个域对象共享数据，之后关闭浏览器，在通过SecondServlet跳转到页面，在页面中获取，观察获取情况。d>通过FirstServlet向各个域对象共享数据，之后关闭服务器，在通过SecondServlet跳转到页面，在页面中获取，观察获取情况。th:each=“变量 : 集合”，需要循环哪个标签，就需要将该属性写在哪个标签中，就可以在该标签中使用变量表示集合中的每个数据。th:unless=“条件”，若添加为false，则该属性所在的标签会在页面中存在。
thymeleaf中文乱码问题
热门推荐
pdw2009的专栏
03-18 1万+
thymeleaf中文乱码问题
thymeleaf解决中文乱码
weixin_33862993的博客
06-17 1754
为什么80%的码农都做不了架构师？>>> ...
thymeleaf html页面中文注释乱码 解决
清水茶叶
07-04 930
&lt;!-- 使用thymeleaf解析 --&gt; &lt;bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver"&gt; &lt;property name="prefix" value="/WEB-INF/.
spring thymeleaf 中文乱码
说：/~不了的专栏
09-22 3312
userList.html Java代码         "Content-Type" content="text/html; charset=utf-8" />       用户名:"name" value=""/>"button" id="search" value="查询"/>  "user">    "userlist" >        name  age  sex 
解决spring集成thymeleaf时htm页面中文乱码问题
Ackerly Xu的博客
06-01 1965
spring集成thymeleaf时，除了要配置spring提供的filter @Override protected Filter[] getServletFilters() { // TODO Auto-generated method stub final CharacterEncodingFilter encodingFilter = new CharacterEncoding...
Thymeleaf全解
Gavin
02-02 5702
Thymeleaf是一个现代的服务器端 Java 模板引擎，适用于 Web 和独立环境。 Thymeleaf 的主要目标是为您的开发工作流程带来优雅的自然模板— HTML 可以在浏览器中正确显示，也可以作为静态原型工作，从而在开发团队中实现更强的协作。 Thymeleaf
springboot中添加Thymeleaf
最新发布
09-10
在Spring Boot中添加Thymeleaf的步骤如下： 1. 首先，通过org.springframework....请注意，以上步骤是在Spring Boot框架下简单应用Thymeleaf的示例，如果需要更深入的讨论和使用指导，请参考相关的Thymeleaf参考资料。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值