今天使用thymeleaf layout布局时总是不生效，特此把解决问题的步骤和几个关键点记录下来备忘。
一、检查依赖
1.thymeleaf必备maven依赖：
<dependency>

    <groupId>org.thymeleaf</groupId>

    <artifactId>thymeleaf</artifactId>

    <version>${thymeleaf.version}</version>

</dependency>

<dependency>

    <groupId>org.thymeleaf</groupId>

    <artifactId>thymeleaf-spring4</artifactId>

    <version>${thymeleaf.version}</version>

</dependency>

　　

2.如果使用layout布局，还需要添加：
<dependency>

    <groupId>nz.net.ultraq.thymeleaf</groupId>

    <artifactId>thymeleaf-layout-dialect</artifactId>

    <version>2.2.2</version>

</dependency>

　　

二、配置视图引擎
1.配置thymeleaf作为视图引擎

<!-- Thymeleaf View Resolver - implementation of Spring's ViewResolver interface -->

<bean id="viewResolver" class="org.thymeleaf.spring4.view.ThymeleafViewResolver">

    <property name="templateEngine" ref="templateEngine" />

    <property name="characterEncoding" value="UTF-8" />

</bean>

<!-- Thymeleaf Template Engine (Spring4-specific version) -->

<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">

    <property name="templateResolvers">

        <set>

            <ref bean="templateResolver" />

        </set>

    </property>

</bean>

<!-- Thymeleaf Template Resolver -->

<bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">

    <property name="prefix" value="/WEB-INF/templates/" />

    <property name="templateMode" value="HTML" />

    <property name="suffix" value=".html"></property>

    <property name="characterEncoding" value="UTF-8"></property>

</bean>

　　

2.使用layout还需要在templateEngine添加如下节点：
<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">

    ……

    <property name="additionalDialects">

        <set>

            <bean class="nz.net.ultraq.thymeleaf.LayoutDialect"/>

        </set>

    </property>

</bean>

　　

三、页面

task/layout.html

<!DOCTYPE html>

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

<head>

    <meta charset="utf-8">

    <title>mysite</title>

</head>

<body>

<div class="container">

    <div class="row">

        <div class="span3" th:insert="fragments/menu::menu"></div>

        <div class="span9" layout:fragment="content"></div>

    </div>

</div>

</body>

</html>

index.html

<!DOCTYPE html>

<html lang="en" layout:decorator="task/layout">

<head>

    <meta charset="utf-8">

    <title>index</title>

</head>

<body>

<div layout:fragment="content">

        <h1>

            Welcome!

        </h1>

</div>

</body>

</html>
 
三、版本号
如果检查了以上几项还是没问题，最后还有一点值得注意的，就是thymeleaf和thymeleaf-layout-dialect的版本。
我最后就是调整了maven依赖的版本号，终于成功了。
 
 

解决thymeleaf layout布局不生效的更多相关文章

  1. 关于thymeleaf+layout布局的使用方式，spring boot 访问页面（静态页面及jsp页面）

    首先建立相同部分的html,这里我命名为layout.html,放在了`templates/layout'文件夹下,这个路径以后是会用到的,以下是我的layout的代码,比较粗糙. 但是应该会更好的帮 ...

  2. Springboot 使用thymeleaf模板layout布局

    使用layout布局前应该在pom文件中导入thymeleaf(dialect)依赖:如下 <properties> <project.build.sourceEncoding> ...

  3. 新建android工程的时候eclipse没有生成MainActivity和layout布局

    一.新建android工程的时候eclipse没有生成MainActivity和layout布局 最近由于工作上的原因,开始学习Android开发,在入门的时候就遇到了不少的坑,遇到的第一个坑就是&q ...

  4. Android开发中遇到的问题(二)——新建android工程的时候eclipse没有生成MainActivity和layout布局

    一.新建android工程的时候eclipse没有生成MainActivity和layout布局 最近由于工作上的原因,开始学习Android开发,在入门的时候就遇到了不少的坑,遇到的第一个坑就是&q ...

  5. easyui实现树形菜单Tab功能、layout布局

    一:常见三种前端ui框架 在初学者入门的状态下,我们常见的前端框架有三种且都有自己的官方网站: 1.easyui:官方网站(http://www.jeasyui.net/) 基于jquery的用户页面 ...

  6. layout布局实例化

    实例化xml中的Layout布局在开发中经常会用到,有几种方法可以使用 1.在Activity中使用getLayoutInflater()方法 View layout = getLayoutInfla ...

  7. ASP.NET MVC3 系列教程 – 新的Layout布局系统

    原文地址:http://www.cnblogs.com/highend/archive/2011/04/18/asp_net_mvc3_layout.html I:回忆MVC2当中MasterPage ...

  8. Android 布局学习之——Layout(布局)具体解释二（常见布局和布局參数）

     [Android布局学习系列]   1.Android 布局学习之--Layout(布局)具体解释一   2.Android 布局学习之--Layout(布局)具体解释二(常见布局和布局參数)   ...

  9. 一天搞定CSS：支持IE的Layout布局--16

    1.BFC和Layout区别: BFC和Layout的作用是一样的,只是对浏览器的支持不同而已. BFC- -标准浏览器所具有的 Layout- -IE浏览器所具有的 BFC详解地址:http://b ...

随机推荐

  1. java基础--static关键字的使用

    一.static关键字的作用 使类成员完全独立于该类的任何对象.通常情况下,类成员必须通过它的类的对象访问,但是被static修饰的成员,能够被自己访问,而不必引用特定的实例. 一旦一个成员被声明为s ...

  2. win10 uwp 进度条 Marquez

    本文将告诉大家,如何做一个带文字的进度条,这个进度条可以用在游戏,现在我做的挂机游戏就使用了他. 如何做上图的效果,实际需要的是两个控件,一个是显示文字 的 TextBlock 一个是进度条. 那么如 ...

  3. JS高级. 05 词法作用域、变量名提升、作用域链、闭包

    作用域 域,表示的是一个范围,作用域,就是作用范围. 作用域说明的是一个变量可以在什么地方被使用,什么地方不能被使用. 块级作用域 JavaScript中没有块级作用域 { var num = 123 ...

  4. 开始Java8之旅（四） --四大函数接口

    前言   Java8中函数接口有很多,大概有几十个吧,具体究竟是多少我也数不清,所以一开始看的时候感觉一脸懵逼,不过其实根本没那么复杂,毕竟不应该也没必要把一个东西设计的很复杂. 几个单词   在学习 ...

  5. 如何通过C#操作Access，本人亲测通过

    1. c# 操作access数据库 // it's your DB file path: // ApplicationEXEPath\Test.mdb var DBPath = "d:\\T ...

  6. javascript 之作用域-06

    作用域 作用域是指变量和函数可访问范围,他规定了如何查找变量,也就是确定当前执行代码对变量的访问权限. 作用域有两种工作模式: 静态作用域 :又称为词法作用域,在编译阶就可以决定变量的引用,由程序定义 ...

  7. EF框架搭建小总结--CodeFirst模型优先

    前言:之前在下总结编写了一篇 EF框架搭建小总结--ModelFirst模型优先 博文,看到一段时间内该博文的访问量蹭.蹭蹭.蹭蹭蹭...往上涨(实际也不是很多,嘿嘿),但是还是按捺不住内心的喜悦(蛮 ...

  8. 通过对DAO层的封装减少数据库操作的代码量

     在学框架之前,写项目时总是要花大量的时间去写数据库操作层代码,这样会大大降低我们的效率,为了解决这个问题,我花了两天时间利用反射机制和泛型将DAO层进行了封装,这样我们只需要写sql语句,不需要再写 ...

  9. box-shadow + animation 实现loading

    .loading{ width:3px; height:3px; border-radius:100%; margin-left:20px; box-shadow:0 -10px 0 1px #333 ...

  10. header操作cookie

    root@kl20080094:~# curl -I "http://www.xxx.com" HTTP/1.1 200 OK Server: nginx/0.8.53 Date: ...