Typo3/Fluid: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
KKeine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
||
Zeile 1: | Zeile 1: | ||
Fluid ist | '''Fluid''' ist ein Template-Mechanismus für Typo3 | ||
==Anwendung== | ==Anwendung== | ||
* | * Systemerweiterung von Typo3 | ||
*Aus HTML-Vorlagen werden Fluidtemplates erzeugt | * Aus HTML-Vorlagen werden Fluidtemplates erzeugt | ||
*Einbau von Funktionen(Variablen, Bedingungen, Partials etc.) | * Einbau von Funktionen(Variablen, Bedingungen, Partials etc.) | ||
*Einsatz von ''ViewHelper'' | * Einsatz von ''ViewHelper'' | ||
==Beispiel== | ==Beispiel== | ||
So sieht ein Fluid-Template aus: | So sieht ein Fluid-Template aus: | ||
<nowiki><h4>Template it your own way</h4> | |||
<p> | <p> | ||
<f:if condition="{myExpression}"> | <f:if condition="{myExpression}"> | ||
Zeile 18: | Zeile 18: | ||
</p></nowiki> | </p></nowiki> | ||
==Debug-Modus== | == Debug-Modus == | ||
*Ein ViewHelper zur Ausgabe von Variablen und Arrays | * Ein ViewHelper zur Ausgabe von Variablen und Arrays | ||
*Erstellt ein HTML-Dump | * Erstellt ein HTML-Dump | ||
*An beliebiger Stelle den Code:<code><f:debug>{_all}</f:debug></code> eingeben | * An beliebiger Stelle den Code:<code><f:debug>{_all}</f:debug></code> eingeben | ||
==Quellen== | == Quellen == | ||
#https://typo3.org/fluid | # https://typo3.org/fluid | ||
[[Category:Typo3]] | [[Category:Typo3]] |
Version vom 16. Februar 2022, 21:53 Uhr
Fluid ist ein Template-Mechanismus für Typo3
Anwendung
- Systemerweiterung von Typo3
- Aus HTML-Vorlagen werden Fluidtemplates erzeugt
- Einbau von Funktionen(Variablen, Bedingungen, Partials etc.)
- Einsatz von ViewHelper
Beispiel
So sieht ein Fluid-Template aus:
<h4>Template it your own way</h4> <p> <f:if condition="{myExpression}"> <f:then><strong>Yay</strong></f:then> <f:else>Nay</f:else> </f:if> </p>
Debug-Modus
- Ein ViewHelper zur Ausgabe von Variablen und Arrays
- Erstellt ein HTML-Dump
- An beliebiger Stelle den Code:
<f:debug>{_all}</f:debug>
eingeben