thymeleaf用法练习

最新推荐文章于 2021-09-15 17:15:23 发布
最新推荐文章于 2021-09-15 17:15:23 发布
阅读量431 收藏 1
点赞数
分类专栏： 编程工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41063141/article/details/94336390
版权

spring.thymeleaf.cache=false 关闭thymeleaf的缓存，实现页面热部署效果
参考更多：https://zhuanlan.zhihu.com/p/24988845?refer=dreawer

controller层要发送的数据

@Controller
public class HiController {
    @RequestMapping("/index")
    public String hi(HttpSession session,ModelMap map)
    {
        map.put("addString", "要拼接的内容");
        map.put("flag", "yes");
        map.put("name","茂均");

        System.out.println(session.getAttribute("ji"));
        List<Map<String,Object>>userList=new ArrayList<>();
        for(int i=0;i<3;i++){
            Map<String,Object> usersMap=new HashMap<>();
            usersMap.put("name","我是"+i);
            userList.add(usersMap);
        }
        map.put("users",userList);
        return "index";
    }

    @RequestMapping("/test")
    public String test(ModelMap map) {
        map.put("thText", "设置文本内容");
        map.put("thUText", "设置文本内容");
        map.put("thValue", "设置当前元素的value值");
        map.put("thEach", Arrays.asList("列表", "遍历列表"));
        map.put("thIf", "msg is not null");
        map.put("thObject", new Admin("没了kjlkj","这只热部署","sadf",1));
        return "test";
    }
}

index.html测试页面：

<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<!--index页传参给header页，header接受参数，并嵌入到index页中-->
<head  th:include="header::headername" th:with="title='主页标题'">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:include="copyright::copyright">保留内容</div><!--包含~~~~~文件名称::片段名称-->
<div th:replace="copyright::copyright">替换内容</div><!--替换-->
<span th:text="'这是字符拼接，'+${addString}"></span><br><span th:text="|或者形式2,${addString}|"></span><br>
<a th:if="${flag=='yes'}">显示true----这是if判断标签的用法</a><br>
<a th:unless="${flag!='yes'}">显示true----这是if判断标签的用法</a><br>
<table>
    <tr >
        <td>名字  </td>
        <td>状态count &nbsp&nbsp  </td>
        <td>状态size  &nbsp&nbsp </td>
        <td>状态odd/even  &nbsp&nbsp</td>
        <td>状态first/last  &nbsp&nbsp</td>
        <td>当前的变量  &nbsp&nbsp</td>
    </tr>
    <tr th:each="user,iterStat:${users}">
        <td th:text="${user.name}"></td>
        <th th:text="${iterStat.count}">当前下标，count从0，index从1</th>
        <th th:text="${iterStat.size}">list长度</th>
        <th th:text="${iterStat.even}">even显示奇偶</th>
        <th th:text="${iterStat.first}">开始和结尾</th>
        <th th:text="${iterStat.current.name}">当前变量的名称</th>
    </tr>
</table>
<br>
<!--thymeleaf内嵌变量的使用方法-->
<p th:text="${#dates.format(date,'dd/MMM/yyyy HH:mm')}"></p>
<p th:text="${#dates.createToday()}"></p>
<p th:text="${#strings.isEmpty(name)}">name</p>
<p th:text="${#strings.length(name)}">name</p>


<span th:if="${#httpSession.getAttribute('ok')}">ok</span>
<span th:unless="${#httpSession.getAttribute('ok')}">error no one</span>
<input type="text" th:value="${T(java.util.Calendar).getInstance().getTime().toLocaleString()}" />


<!--<script th:inline="javascript">
    var name="hello,"+[[${name}]];
    alert(name);
</script>-->
</body>
</html>

test.html页面

<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>TEST</h1>
<h2>Thymeleaf</h2>
<!--th:text 设置当前元素的文本内容，常用，优先级不高-->
<p th:text="${thText}" />
<p th:utext="${thUText}" />

<!--th:value 设置当前元素的value值，常用，优先级仅比th:text高-->
<input type="text" th:value="${thValue}" />

<!--th:each 遍历列表，常用，优先级很高，仅此于代码块的插入-->
<!--th:each 修饰在div上，则div层重复出现，若只想p标签遍历，则修饰在p标签上-->
<div th:each="message : ${thEach}"> <!-- 遍历整个div-p，不推荐-->
    <p th:text="${message}" />
</div>
<p th:each="i:${#numbers.sequence(0,5)}" th:text="|循环了${i}次|"/>
<div> <!--只遍历p，推荐使用-->
    <p th:text="${message}" th:each="message : ${thEach}" />
</div>

<!--th:if 条件判断，类似的有th:switch，th:case，优先级仅次于th:each, 其中#strings是变量表达式的内置方法-->
<p th:text="${thIf}" th:if="${not #strings.isEmpty(thIf)}"></p>

<!--th:insert 把代码块插入当前div中，优先级最高，类似的有th:replace，th:include，~{} ：代码块表达式 -->
<!--<div th:insert="~{grammar/common::thCommon}"></div>-->

<!--th:object 声明变量，和*{} 一起使用-->
<div th:object="${thObject}">
    <p>ID: <span th:text="*{type}" /></p><!--th:text="${thObject.id}"-->
    <p>TH: <span th:text="*{userName}" /></p><!--${thObject.thName}-->
    <p>DE: <span th:text="*{password}" /></p><!--${thObject.desc}-->
    <p>DE: <span th:text="hi" /></p><!--${thObject.desc}-->
    <p>DE: <span th:text="我是分" /></p><!--${thObject.desc}-->
</div>
<p th:utext="${'上空的飞机速度快'}" >是反对大师傅撒旦</p>
<div th:switch="3">
    <p th:case="3">true</p>
    <p th:case="2">false</p>
    <p th:case="*">all</p>
</div>
</body>
</html>

被别的页面引用的通用页面header.html

<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="headername">
    <meta charset="UTF-8">
    <title th:text="${title}!=null?${title}:'layout'">header的标题</title>
</head>
<body>
</body>
</html>

copyright.html

<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--定义一个代码片段-->
<footer th:fragment="copyright">&copy;2019</footer>
</body>
</html>
千篇不一律
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Thymeleaf基本使用，全靠我啃烂了这份2021最新面试题
m0_63102464的博客
10-26 904
org.springframework.boot spring-boot-starter-thymeleaf org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-test test org.junit.vintage junit-vintage-engine org.springframework.boot spring-boot-maven...
Thymeleaf 基础语法
养码哥
05-25 511
引入 Thymeleaf 首先要像如下所示改写html标签。 <html xmlns : th="http://www.thymeleaf. org"> 这样才可以在其他标签里面使用th:*这样的语法。 通过xmlns:th="http://www.thymeleaf.org"命名空间，引入Thymeleaf模板引擎，将静态页面转换为动态页面。需要进行动态处理的元素都使用“th:”为...
简单的登录，试岗题，采用springboot+gradle+thymeleaf+jpa
12-15
1、使用spring boot或者spring cloud 搭建一个基础开发框架。 2、orm要求使用spring data jpa； 3、前端页面使用thymeleaf 模板引擎。 4、项目构建工具使用gradle。 5、实现登录功能。 6、登录成功能展示用户信息，未登录状态直接访问用户信息展示页，直接返回登录页。
面试题总结
Kasey_L的博客
09-15 687
1、重载（Overload）和重写（Override）的区别 答：方法的重载和重写都是实现多态的方式，区别在于前者实现的是编译时的多态性，而后者实现的是运行时的多态性。重载发生在一个类中，同名的方法如果有不同的参数列表（参数类型不同、参数个数不同或者二者都不同）则视为重载；重写发生在子类与父类之间，重写要求子类被重写方法与父类被重写方法有相同的参数列表，有兼容的返回类型，比父类被重写方法更好访问，不能比父类被重写方法声明更多的异常（里氏代换原则）。重载对返回类型没有特殊的要求，不能根据返回类型进行区分。 2
Thymeleaf语法总结
weixin_30654583的博客
05-08 318
Thymeleaf语法总结 一、Thymeleaf介绍 Thymeleaf是Spring boot推荐使用的模版引擎，直接以html显示，前后端可以很好的分离。 二、Thymeleaf语法（Thymeleaf3） 在使用Thymeleaf时页面要引入名称空间：xmlns:th="http://www.thymeleaf.org" 1、th属性，常用th属性如下： 1）t...
spring boot中thymeleaf配置说明
qq_45603855的博客
06-13 1837
spring boot中thymeleaf配置说明
thymeleaf基本语法
xiaoxiao1777的博客
12-27 204
模板引擎：jsp velocity freemarker Thymeleaf 思想都是一样的，先写一个静态页面模板，动态内容用表达式来写，数据控制器提供，然后把数据和页面模板交给引擎，把表达式解析，数据填充到对应的位置，进行显示 1.导入依赖 2.导入名称空间 <html xmlns:th="http://www.thymeleaf.org"> 也可以不用导入，导的目的就是...
spring+springmvc+hibernate+thymeleaf 练习demo项目源码
11-27
- **Controller**：定义处理请求的方法，通常使用注解如`@RequestMapping`。 - **Model-View-Controller**：分离业务逻辑、数据模型和用户界面，保持系统清晰结构。 - **视图解析器**：负责将模型数据渲染成HTML...
hello-beer:使用 Spring boot + Spring MVC + Thymeleaf 的学习练习
06-11
"hello-beer"项目是一个基于Spring Boot、Spring MVC和Thymeleaf的示例应用，旨在帮助开发者学习和实践这三大技术的集成使用。在这个项目中，我们将深入探讨每个组件的功能以及它们如何协同工作。 首先，Spring ...
spring boot+mybatis+thymeleaf 练习demo项目源码
11-27
在本项目中，"spring boot+mybatis+thymeleaf 练习demo项目源码" 是一个基于Spring Boot、MyBatis和Thymeleaf技术栈构建的实践示例。这个项目旨在帮助开发者深入理解这三大框架的集成与应用，从而提升其在Web开发中...
spring+springmvc+mybatis+thymeleaf练习demo项目源码
11-27
spring+springmvc+mybatis+thymeleaf 框架组合练习学习做的一个完整的精简的小demo项目源码
spring-boot-mybatis-cache-thymeleaf学习练习demo源码
12-09
在本项目"spring-boot-mybatis-cache-thymeleaf学习练习demo源码"中，我们可以深入学习和实践如何将Spring Boot、MyBatis、Cache（通常指的是Spring Cache）以及Thymeleaf这四个关键组件整合在一起，创建一个高效、...
thymeleaf模板_Thymeleaf参考手册（十五）：模板缓存
weixin_39814960的博客
11-25 152
Thymeleaf的工作要归功于一组解析器（用于标记和文本），该解析器将模板解析为事件序列（打开标签，文本，关闭标签，注释等）和一系列处理器（每种需要一种行为）应用–修改模板解析的事件序列，以便通过将原始模板与我们的数据结合来创建我们期望的结果。默认情况下，它还包括存储已解析模板的缓存；在处理模板文件之前读取和解析模板文件所导致的事件顺序。在Web应用程序中工作时，此功能特别有用，它基于以下概念：...
thymeleaf if判断_史上最详 Thymeleaf 使用教程
weixin_39709979的博客
11-25 2万+
点击上方“桌前明月”，可以关注我偶。前言操作前建议先参考我的另一篇博客：玩转 SpringBoot 2 快速整合 | Thymeleaf 篇查看如何在SpringBoot 中使用 Thymeleaf。还有一点需要注意的是：模版页面中的 html 上需要声明 Thymeleaf 的命名空间，具体代码如下：<html xmlns:th="http://www.thymeleaf.or...
thymeleaf th:if 案例
weixin_45967375的博客
08-06 174
th:if是 thymeleaf模板引擎里面的语句 gt：great than（大于）> ge：great equal（大于等于）>= eq：equal（等于）== lt：less than（小于）< le：less equal（小于等于）<= ne：not equal（不等于）!= <tr th:each="user:${users}"> <td th:if="${user.num} eq '123'" th:text="${user.username}"
SpringBoot（五）视图技术（Thymeleaf）
weixin_49741990的博客
02-01 800
SpringBoot（五）视图技术（Thymeleaf） 前端模板引擎技术的出现，使前端开发人员无需关注后端业务的具体实现，只关注自己页面的呈现效果即可，并且解决了前端代码错综复杂的问题、实现了前后端分离开发。Spring Boot框架对很多常用的模板引擎技术（如：FreeMarker、Thymeleaf、Mustache等）提供了整合支持 Spring Boot不太支持常用的JSP模板，并且没有提供对应的整合配置，这是因为使用嵌入式Servlet容器的Spring Boot应用程序对于JSP模板存在一些限
http的请求体body的几种数据格式
热门推荐
远行的博客
09-27 4万+
http的请求体body的几种数据格式multipart/form-dataapplication/x-www-from-urlencodedrawbinarypostman中 Params和Body的区别 multipart/form-data 以表单形式提交，主要是上传文件用它，在http中格式为 application/x-www-from-urlencoded 以键值对的数据格式提交 ...
Thymeleaf 用法及功能
最新发布
04-19
Thymeleaf是一种Java模板引擎，用于Web和独立环境中的XML、HTML、JavaScript、CSS和文本。...Thymeleaf还具有模板继承、国际化、条件处理、迭代和表单处理等功能。它被广泛用于Spring框架中的Web应用程序。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值