Thymeleaf3模板嵌套的使用

最新推荐文章于 2024-01-29 20:54:02 发布

VIP文章实在想不出好名字

最新推荐文章于 2024-01-29 20:54:02 发布

阅读量5.4k

点赞数

分类专栏： java 文章标签： Thymeleaf3

本文链接：https://blog.csdn.net/edzhou00/article/details/83275140

版权

Thymeleaf3 中，支持了新的表达式~{ },这个表达式是专门用于处理片段（fragment）的，同时也可以用于选择当前文件内容中的片段（fragment）,并且支持模板引入时一起调用，增加了很大的模板灵活性。

官方样例

官方文档中的样例如下：

This allows us to create our fragments in a way such that they can be enriched with markup coming from the calling templates, resulting in a very flexible template layout mechanism.

Note the use of the title and links variables in the fragment below:

<head th:fragment="common_header(title,links)">

  <title th:replace="${title}">The awesome application</title>

  <!-- Common styles and scripts -->
  <link rel="stylesheet" type="text/css" media="all" th:href="@{/css/awesomeapp.css}">
  <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
  <script type="text/javascript" th:src="@{/sh/scripts/codebase.js}"></script>

  <!--/* Per-page placeholder for additional links */-->
  <th:block th:replace="${links}" />

</head>

We can now call this fragment like:

...
<head th:replace="base :: common_header(~{::title},~{::link})">

 <title>Awesome - Main</title>

 <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
 <link rel="stylesheet" th:href="@{/themes/smoothness/jquery-ui.css}">

</head>
...

…and the result will use the actual <title> and <link> tags from our calling template as the values of the titleand links variables, resulting in our fragment being customized during insertion:

...
<head>
  <title>Awesome - Main</title>

  <!-- Common styles and scripts -->
  <link rel="stylesheet" type="text/css" media="all" href="/awe/css/awesomeapp.css">
  <link rel="shortcut icon" href="/awe/images/favicon.ico">
  <script type="text/javascript" src="/awe/sh/scripts/codebase.js"></script>

  <link rel="stylesheet" href="/awe/css/bootstrap.min.css">
  <link rel="stylesheet" href="/awe/themes/smoothness/jquery-ui.css<

最低0.47元/天解锁文章

实在想不出好名字

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Thymeleaf3模板嵌套的使用

Thymeleaf3 中，支持了新的表达式~{ },这个表达式是专门用于处理片段（fragment）的，同时也可以用于选择当前文件内容中的片段（fragment）,并且支持模板引入时一起调用，增加了很大的模板灵活性。官方样例官方文档中的样例如下：This allows us to create our fragments in a way such that they can be enr...
复制链接

扫一扫