Spring MVC 如何使用Thymeleaf模板引擎

已于 2023-09-26 10:55:01 修改
阅读量257 收藏 1
点赞数
分类专栏： JAVA 文章标签： spring mvc java
于 2020-10-16 16:09:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jy03169496/article/details/109118655
版权 
<!--thymeleaf模板解析器-->
    <bean id="SpringResourceTemplateResolver" class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
        <property name="prefix" value="/WEB-INF/templates/"></property>
        <property name="suffix" value=".html"></property>
        <property name="templateMode" value="HTML5"></property>
        <property name="cacheable" value="false"></property>
        <property name="characterEncoding" value="UTF-8"></property>
    </bean>

    <bean id="SpringTemplateEngine" class="org.thymeleaf.spring5.SpringTemplateEngine">
        <property name="templateResolver" ref="SpringResourceTemplateResolver"></property>
    </bean>

    <bean class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="templateEngine" ref="SpringTemplateEngine"></property>
        <property name="characterEncoding" value="UTF-8"></property>
    </bean>

pom.xml 引入依赖

<dependency>
      <groupId>org.thymeleaf</groupId>
      <artifactId>thymeleaf-spring5</artifactId>
      <version>3.0.5.M3</version>
    </dependency>

    <dependency>
      <groupId>org.thymeleaf</groupId>
      <artifactId>thymeleaf</artifactId>
      <version>3.0.11.RELEASE</version>
    </dependency>

使用过程

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div class="footer" th:fragment="myfooter(footerName)">
        <p th:align="center" th:text="${footerName}"></p></div>
</body>
</html>
<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/resources/js/jquery-1.11.2.min.js}"></script>
    <link rel="stylesheet" th:href="@{/resources/css/style.css}">
</head>
<body>
<div th:replace="common/header::myheader(title='员工列表')"></div>
    <table>
        <thead>
            <tr>
                <td>编号</td>
                <td>姓名</td>
                <td>性别</td>
                <td>地址</td>
                <td>部门</td>
                <td>时间</td>
                <td>工资</td>
                <td>增加</td>
                <td>编辑</td>
                <td>查看</td>
                <td>删除</td>
            </tr>
        </thead>
        <tbody>
            <tr th:each="rows:${employees}">
                <td th:text="${rows.id}"></td>
                <td th:text="${rows.name}"></td>
                <td th:text="${rows.gender==1?'男':'女'}"></td>
                <td th:text="${rows.address}"></td>
                <td th:text="${rows.dept.name}"></td>
                <td th:text="${#dates.format(rows.addTime,'yyyy-MM-dd')}"></td>
                <td th:text="${#numbers.formatDecimal(rows.saraly, 0, 'COMMA', 2, 'POINT')}"></td>
                <td><a th:href="@{'/add/'}" th:text="增加"></a></td>
                <td><a th:href="@{'/edit/'+${rows.id}}" th:text="编辑"></a></td>
                <td><a th:href="@{'/show/'+${rows.id}}" th:text="查看"></a></td>
                <td><a th:text="删除"></a></td>
            </tr>
        </tbody>
    </table>
<div th:replace="common/footer::myfooter(footerName='版权所有：XXXXX公司')"></div>
</body>
</html>
<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>编辑</title>
    <script th:src="@{/resources/js/jquery-1.11.2.min.js}"></script>
    <link rel="stylesheet" th:href="@{/resources/css/style.css}">
    <script>

        function goback(){
            window.history.go(-1);
        }
    </script>
</head>
<body>

    <form th:action="${Employee!=null&& Employee.id>0}?@{/save}:@{/add}" method="post">
        <input type="hidden" th:if="${Employee!=null  && Employee.id>0}" th:value="${Employee.id}" name="id">
        <p>姓名： <input type="text" th:value="${Employee!=null}?${Employee.name}" name="name">
            <span th:if="${ab!=null}"  class="error" th:text="${ab.get('name')!=null}?${ab.name}"></span>
        </p>
        <p>性别： <label><input type="radio"  id="gender1" name="gender" th:checked="${Employee!=null}?${Employee.gender==1}:'true'" value="1">男</label>
                  <label><input type="radio"  id="gender2" name="gender" th:checked="${Employee!=null}?${Employee.gender==2}" value="2">女</label>
        </p>
        <p>地址： <input type="text" th:value="${Employee!=null}?${Employee.address}" name="address">
            <span th:if="${ab!=null}"  class="error" th:text="${ab.get('address')!=null}?${ab.address}"></span>
        </p>
        <p>部门：
            <select id="dept" name="dept.id">
                <option value="">--请选择--</option>
                <option th:selected="${Employee!=null}?${Employee.dept.id==dept.id}" th:each="dept:${department}" th:value="${dept.id}" th:text="${dept.name}"></option>
            </select>
        </p>
        <p>时间：
            <input type="text" th:value="${Employee!=null}?${#dates.format(Employee.addTime,'yyyy-MM-dd')}" name="addTime" id="addTime">
        </p>
        <p>
            <input type="submit" name="btnsubmit" th:value="${Employee!=null && Employee.id>0}?'更新':'添加'" id="btnsubmit">
            <input type="button" name="btnback" id="btnback" value="取消" th:onclick="goback()">
        </p>
    </form>

</body>
</html>

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/resources/js/jquery-1.11.2.min.js}"></script>
    <script>

        function goback(){
            window.history.go(-1);
        }
    </script>
</head>
<body>
<form action="">
    <p>编号：<span th:text="${Employee.id}"></span></p>
    <p>姓名：<span th:text="${Employee.name}"></span></p>
    <p>性别：<span th:text="${Employee.gender==1?'男':'女'}"></span></p>
    <p>地址：<span th:text="${Employee.address}"></span></p>
    <p><input type="button" id="btnsubmit" th:value="返回" th:onclick="goback()"></p>
</form>
</body>
</html>

鲜橙加冰
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Java 模板引擎 jetbrick-template在springmvc中配置使用
08-05
NULL 博文链接：https://lafecat.iteye.com/blog/2042972
spring boot使用thymeleaf模板的方法详解
08-29
Spring Boot使用Thymeleaf模板引擎的详细指南 Thymeleaf是一个强大的、现代的模板引擎，被广泛用于Spring Boot项目中，特别是在Spring 4.0及更高版本中。它以其独特的特性和易于使用性而受到开发者的青睐。在本文中...
如何使用模板引擎 Thymeleaf （Spring Boot ）
wBkvam
05-04 222
模板引擎 Thymeleaf 官方文档 常见的模板引擎：JSP、Velocity、FreeMarker、Thymeleaf SpringBoot推荐使用：Thymeleaf ( 语法简单，功能强大) Thymeleaf的使用 1、引入Thymeleaf <!-- 2.1.6 --> <dependency> <groupId>org.springfram...
SpringBoot之Thymeleaf模板引擎如何运用？案例详解
QQ2352108083的博客
06-04 410
根据B站狂神学java的笔记 模板引擎Thymeleaf 前端想要显示数据，我们以前是把页面转换成jsp。这样我们就能够实现数据的显示，及交互等。 jsp支持非常强大的功能，包括能写Java代码 。但是我们使用SpringBoot项目是jar方式而不是war。我们还是使用嵌入式的Tomcat，但现在springBoot默认是不支持jsp的。那该使用什么呢？第二要注意：光理论是不够的。在此免费赠送5大JAVA架构项目实战教程及大厂面试题库，有兴趣的可以进裙 783802103获取，没基础勿进...
Thymeleaf模板引擎的使用
09-14 104
Thymeleaf是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 JSP，Velocity，FreeMaker 等，它也可以轻易的与 Spring MVC 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。 1、导入Thymeleaf依赖包 <dependency> <groupId>org.thyme.
Thymeleaf模板引擎 常用的用法整理总结
杨杨吖的博客
08-02 2238
模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的html文档。从字面上理解模板引擎，最重要的就是模板二字，这个意思就是做好一个模板后套入对应位置的数据，最终以html的格式展示出来，这就是模板引擎的作用。Thymeleaf选用html作为模板页，这是任何一款其他模板引擎做不到的！Thymeleaf使用html通过一些特定标签语法代表其含义，但并未破坏html结构。
Spring MVC / Spring Boot中使用Thymeleaf模板引擎
06-08
Thymeleaf则是一个流行的服务器端模板引擎，它允许开发者使用HTML来编写视图，并在服务器端解析这些模板，生成动态内容。这篇博文将深入探讨如何在Spring MVC和Spring Boot中集成和使用Thymeleaf。 首先，Thymeleaf...
Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图的方法
08-28
Spring Boot与Kotlin结合使用Thymeleaf模板引擎渲染Web视图是一种常见的做法，尤其在构建现代化的MVC应用程序中。Thymeleaf是一个强大的、灵活的模板引擎，支持XML、XHTML和HTML5，其设计目标是提供一种在前端展示...
spring mvc整合thymeleaf示例
04-09
thymeleaf是一个支持html原型的自然引擎，它在html标签增加额外的属性来达到模板+数据的展示方式，由于浏览器解释html时，忽略未定义的标签属性，因此thymeleaf的模板可以静态运行。 由于thymeleaf在内存缓存解析后...
Java_学习如何使用Spring MVC和Thymeleaf创建Web页面.zip
最新发布
05-22
而Thymeleaf是一个现代的服务器端模板引擎，它允许开发者使用HTML来编写视图，并在运行时动态解析这些HTML，生成最终的Web页面。 Spring MVC的核心概念包括DispatcherServlet、Controller、Model、View和...
springmvc开发框架模版代码
03-06
spingmvc开发的模版代码，使用utf-8编码，感兴趣的朋友可以使用，有问题的朋友可以加我QQ交流 QQ号：542388662 加qq备注说明来意
Thymeleaf模板引擎常规使用技巧整理
冰点IT的博客
02-29 792
Thymelaf是适用于web和独立环境的服务器端的Java模板引擎，它的主要目标使得模板开发的工作流程优雅自然，它定义的模板HTML可以在浏览器中正确渲染，也可以作为静态原型文件工作，这是它的最大亮点，它提供有适用于spring框架的模块，便于开发人员整合。 一、整合Thymeleaf 1、引入依赖 <!-- thymeleaf依赖 --> <dependency> ...
springmvc结合thymeleaf的使用（项目搭建）
moxiong12138的博客
11-30 990
springmvc的使用
java mvc 模板引擎_SpringMVC项目使用Thymeleaf模板引擎
weixin_35748962的博客
03-06 167
Thymeleaf简介Thymeleaf是个XML/XHTML/HTML5模板引擎，可以用于Web与非Web应用。Thymeleaf很大的一个特点就是，它支持使用html格式的文件作为模版，这个虽然与JSP相比只是一个小改动，但是却影响很大，因为html文件可以直接浏览器运行查看；Thymeleaf另外一大特点就是它的标签语法，在程序中它的标签是执行代码，在程序外通过浏览器直接查看html文件时，...
Thymeleaf 3 – Thymeleaf 3和Spring MVC快速入门
最佳 Java 编程
06-03 124
Thymeleaf 3发布到达。 新版本带来了许多新功能，例如HTML5支持以及不带标记的文本模板支持– [# th:utext="${thymeleaf.version}" /] ，改进的嵌入式功能– <p>Thymeleaf [[${thymeleaf.version}]] is great!</p> ，性能改进等等。 使用Thymeleaf 3和Spring...
Spring MVC如何适配各种模板引擎？
ziminrenweimuhuo的博客
01-17 433
通过以上对Spring MVC适配四种不同模板引擎的方式分析发现，不同的模板引擎通过在不同的层次重写视图解析的方法实现了自己对Spring MVC的接入。而Spring MVC负责提供ViewResolver接口，供第三方工具实现，只要实现ViewResolver接口中的方法，就可以将自己渲染的页面接入到Spring框架中。当第三方工具接入自己以后，扫描已经接入的类，使用策略模式匹配到相应的工具上，从而实现对不通模板引擎的适配。
在SpringMVC 中使用 Thymeleaf 模板引擎
热门推荐
架构之路
05-25 1万+
Thymeleaf提供了一组Spring集成，允许您将其用作Spring MVC应用程序中全面替代JSP的功能。Maven依赖 <!-- thymeleaf-spring4 --> <dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf-spr
【三】、整合SpringMVC（基本配置和thymeleaf模板选择）
小小黑
05-26 4819
本次主要集成SpringMVC，使得本框架能最基本地挂在服务器上运行。下图是经过本节配置之后的项目目录结构，由于spring boot并不会生成webapp等文件，所以需要自行配置，使用intelij的话，直接加入依赖即可： github：https://github.com/wulongtao/web-base-master过程如下：1、pom.xml文件的引入，主要引入spring mvc、Ja
springmvc视图格式——模板引擎freemarker输出HTML文本
qq_59708493的博客
10-19 949
​ FreeMarker 是一款 模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。​ freemarker作为springmvc一种视图格式，默认情况下SpringMVC支持freemarker视图格式。需要创建Spring Boot+Freemarker工程用于测试模板。
说明使用 thymeleaf 模板引擎的优点
07-18
2. 高度可用性：thymeleaf 是一个遵循标准HTML语法的模板引擎，因此可以与任何HTML编辑器或IDE一起使用，并且支持所有主流的Java Web框架，如Spring MVC、Spring Boot等。它使用自然HTML注释来标识动态内容，这使得...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值