Kopf und Titel in Thymeleaf

Ich bin ein Thymeleaf Anfänger. begann ich mit einem gemeinsamen Layout-Seite:Kopf und Titel in Thymeleaf

Fragmente/layout.html

<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org"> 
<head th:fragment="headerFragment"> 
    <title>Template title</title> 
    <!-- metas, link and scripts --> 
</head> 
<body> 
    <div class="container"> 
     Some text 
    </div> 
</body> 
</html>

Und eine Content-Seite:

seite.html

<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org"> 
<head th:include="fragments/layout :: headerFragment"> 
    <title>Page title</title> 
    <!-- metas, link and scripts --> 
</head> 
<body> 
    <div class="container"> 
     Some text 
    </div> 
</body> 
</html>

Als ich Rendern Sie die Seite, der Titel stammt immer von der Vorlage, nicht von der Seite. Ist es in Thymeleaf möglich, Metas, Skripte und Stil gemeinsam (in der HEAD-Tag) zu haben, aber eine pro Seite Titel zu haben?

Quelle

2015-07-16 Andrea Colleoni

Sie können sogar kombinieren;) Verwenden Sie Folgendes auf der Vorlagenseite.

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

In Ihrem Fall wäre dies löst in:

<title>Template title - Page Title</title>

Quelle

2015-07-16 13:49:05 MystyxMac

Nach dem documentation th: umfassen den Inhalt eines Fragments in die darunter div enthält. So erhalten Sie den Titel der Vorlage. Sie können ein Attribut für den Seitentitel wie folgt verwenden und seinen Wert in jedem Controller festlegen.

<head th:fragment="headerFragment"> 
    <title>${pagetitle}</title> 
    <!-- metas, link and scripts --> 
</head>

Alternativ können Sie Layout-Dialekte verwenden, um das gleiche wie hier beschrieben zu erreichen. Thymeleaf layout dialect and th:replace in head causes title to be blank

Quelle

2015-07-23 18:09:04 nmy

ich auch dieses Problem wurde mit (Danke nmy für die documentation Referenzierung!) Hier ist, was ich bemerkte, und wie ich es in meiner app gelöst:

Dinge aus der Dokumentation zu beachten:

Die Unterschiede zwischen th:include und th:replace
Fragmente durch domselector Referenzierung statt durch th:fragment
Thymeleaf bietet eine "this" Option für die Suche nach Selektoren

Mit diesen drei Dingen im Kopf, Sie folgendes tun:

Fragmente/layout.html:

<head th:fragment="headerFragment"> 
    <title th:include=":: #pageTitle">Layout Generic Title< /title> 
    <!-- metas, link and scripts --> 
</head>

Seite. html

<head th:include="fragments/layout :: headerFragment"> 
    <title id="pageTitle">Page title</title> 
    <!-- other elements you want to reference in your layout --> 
</head>

Hoffe, das hilft!

Quelle

2015-07-24 19:43:01 tarish

Auschecken Parameterizable fragment signatures.

Grundsätzlich in Ihrem Fragment:

<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org"> 
<head th:fragment="headerFragment (pageTitle)"> 
    <title th:text="${pageTitle}>Template title</title> 
    <!-- metas, link and scripts --> 
</head> 
<body> 
    <div class="container"> 
     Some text 
    </div> 
</body> 
</html>

Dann, in dem Sie es verwenden:

<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org"> 
<head th:replace="fragments/layout :: headerFragment (pageTitle='Bla Bla Some Title'"> 
    <title>Page title</title> 
    <!-- metas, link and scripts --> 
</head> 
<body> 
    <div class="container"> 
     Some text 
    </div> 
</body> 
</html>

Quelle

2016-01-11 17:09:42 demaniak

Dank, das funktioniert perfekt. – DimaSan

Diese Arbeit für mich ..

Layout

<head th:fragment="headerfragment"> 
    <title th:text="${pageTitle}">Template Title</title>

Seite

<head th:include="layout :: headerfragment">

auf meinem -Controller

m.addAttribute("pageTitle", "Dashboard Page");

Quelle

2017-09-17 06:04:47

Kopf und Titel in Thymeleaf

Antwort

Verwandte Themen