MUEAS项目，web前端采用thymeleaf作为展示层。这个view解析器，个人觉得非常不错。简单而且性能也比较好！个人觉得比JSP和freemarker之类，简单易用！

今天简单记录一下fragment的使用，这个类是JSP的tag，但是确非常简单。直接在html文件中，将自己觉得可能在多个地方出现的元素块用fragment包起来！

例如：

 <!DOCTYPE html>

 <html>

   <head>

     ...

   </head>

   <body>

     <div th:fragment="footer">

       &copy; 2013 Footer

     </div>

   </body>

 </html>

在使用的地方，再用include标签将其引入即可！

例如：

 <!DOCTYPE html>

 <html>

   <head>

     <!--/*  Each token will be replaced by their respective titles in the resulting page. */-->

     <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">Task List</title>

     ...

   </head>

   <body>

     <!--/* Standard layout can be mixed with Layout Dialect */-->

     <div th:replace="fragments/header :: header">

       ...

     </div>

     <div class="container">

       <div layout:fragment="content">

         <!-- ============================================================================ -->

         <!-- This content is only used for static prototyping purposes (natural templates)-->

         <!-- and is therefore entirely optional, as this markup fragment will be included -->

         <!-- from "fragments/header.html" at runtime.                                     -->

         <!-- ============================================================================ -->

         <h1>Static content for prototyping purposes only</h1>

         <p>

           Lorem ipsum dolor sit amet, consectetur adipiscing elit.

           Praesent scelerisque neque neque, ac elementum quam dignissim interdum.

           Phasellus et placerat elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

           Praesent scelerisque neque neque, ac elementum quam dignissim interdum.

           Phasellus et placerat elit.

         </p>

       </div>

       <div th:replace="fragments/footer :: footer">&copy; 2014 The Static Templates</div>

     </div>

   </body>

 </html>

注意：th:fragment定义的片段，在需要的地方，可以用th:include或者th:replace进行带入！

还有，所有的fragment可以写在一个文件里面，也可以单独存在。可以是一个html文件中的一部分。只要你需要，带上th:fragment的标签进行定义，让其为一个fragment即可。有点需要注意的是，片段所在的文件的路径，要用“/”分开路径，根路径为templates所在的路径。

比如：

 <body>

     <div class="container">

         <div th:include="exam/special/geeker/geeker::geeker-base-header"></div>

         <div class="geeker-content">

             <div th:include="exam/special/geeker/geeker::geeker-base-left"></div>

             <div class="geeker-main">

             </div>

             <div class="geeker-right">

             </div>

         </div>

     </div>

 </body>

是不是很简单易用？我觉得很不错！

thymeleaf之fragment的更多相关文章

  1. thymeleaf的fragment例子

    fragment介绍 fragment类似于JSP的tag,在html中文件中,可以将多个地方出现的元素块用fragment包起来使用. 定义fragment 新建foot.html文件 <!D ...

  2. spring boot:thymeleaf给fragment传递参数的方法(spring boot 2.3.3)

    一,thymeleaf如何给fragment传递参数? 1,如果是全局的参数,可以用interceptor中传递 非全局参数,可以从controller中传递 2,引用片断时也可以传递参数 说明:刘宏 ...

  3. Thymeleaf+Spring整合

    前言 这个教程介绍了Thymeleaf与Spring框架的集成,特别是SpringMvc框架. 注意Thymeleaf支持同Spring框架的3.和4.版本的集成,但是这两个版本的支持是封装在thym ...

  4. SPRING + THYMELEAF 配置

    1.使用的是Spring EL而不是Ognl.2.访问上下文的Bean用${@myBean.doSomething()}3.th:field,th:errors,th:errorclass用于form ...

  5. thymeleaf 专题

    Thymeleaf 之 内置对象.定义变量.URL参数及标签自定义属性 如标题所述,这篇文章主要讲述Thymeleaf中的内置对象(list解析.日期格式化.数字格式化等).定义变量.获取URL的参数 ...

  6. spring+thymeleaf实现表单验证数据双向绑定

    前言 这个教程介绍了Thymeleaf与Spring框架的集成,特别是SpringMvc框架. 注意Thymeleaf支持同Spring框架的3.和4.版本的集成,但是这两个版本的支持是封装在thym ...

  7. Thymeleaf模板引擎+Spring整合使用方式的介绍

    尊重原创,原文地址为:https://www.cnblogs.com/jiangchao226/p/5937458.html 前言 这个教程介绍了Thymeleaf与Spring框架的集成,特别是Sp ...

  8. springboot thymeleaf【转】【补】

    thymeleaf模板 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html 1.引入thymeleaf依赖 <!-- ...

  9. Springboot：thymeleaf模板（八）

    存放位置:resources\templates 访问方式:通过Controller请求访问,不可直接访问(相当于web项目的WEB-INF目录) 环境依赖: <!--thymeleaf模板支持 ...

随机推荐

  1. Golang 交叉编译

    各平台的GOOS和GOARCH参考 OS ARCH OS version linux 386 / amd64 / arm >= Linux 2.6 darwin 386 / amd64 OS X ...

  2. VMware中三种网络连接的区别

    1.概述 大家在安装完虚拟机后,默认安装了如下图的两块虚拟网卡——VMnet1和VMnet8,其中VMnet1是host网卡,用于host方式连接网络:VMnet8是NAT网卡,用于NAT方式连接网络 ...

  3. html中怎么去掉input获取焦点时候的边框

    如图   这个是在360浏览器极速模式下的效果 有个颜色的边框,,但是在兼容模式下就可以的呢 看看兼容模式下的效果 很显然 上面那个被高亮了,焦点的时候有边框 要怎么弄才能让他始终没有边框呢 2014 ...

  4. window IIS6/IIS7取消脚本执行权限，禁止运行脚本木马

    网站安全中,对目录的执行权限是非常敏感的,一般来说,可以写入的目录是不能够拥有脚本的执行权限的,可写入的目录如: data.uploads,data目录主要是基本配置文件和缓存数据,uploads则是 ...

  5. 安装sklearn时出现 "ImportError: DLL load failed" 的解决方法

    如果sklearn是从 http://www.lfd.uci.edu/~gohlke/pythonlibs/#scikit-learn 中下的whl包装的 必须装他家的numpy+MKL库.如果你装的 ...

  6. AXIOM解析XML 详细原理

    转自:http://warlaze.blog.sohu.com/58477971.html AXIOM Axis对象模型(AXIOM)是一个XML对象模型,设计用于提高XML处理期间的内存的使用率和性 ...

  7. spark优化之优化数据结构

    概序: 要减少内存的消耗,除了使用高效的序列化类库以外,还有一个很重要的事情,就是优化数据结构.从而避免Java语法特性中所导致的额外内存的开销,比如基于指针的Java数据结构,以及包装类型. 有一个 ...

  8. AFN网络状态的时时监控以及网络的判断、

    //3.判断网络状况    AFNetworkReachabilityManager *netManager = [AFNetworkReachabilityManager sharedManager ...

  9. 【NOIP2013】【P1441】花匠

    又一次看错题…… 原题: 花匠栋栋种了一排花,每株花都有自己的高度.花儿越长越大,也越来越挤.栋栋决定把这排中的一部分花移走,将剩下的留在原地,使得剩下的花能有空间长大,同时,栋栋希望剩下的花排列得比 ...

  10. spring源码学习之：xml配置文件标签自定义

    Spring框架从2.0版本开始,提供了基于Schema风格的XML扩展机制,允许开发者扩展最基本的spring配置文件(一 般是classpath下的spring.xml).试想一下,如果我们直接在 ...