Typo3/Fluid: Unterschied zwischen den Versionen
K (Dirkwagner verschob die Seite Typo3:Fluid nach Typo3/Fluid, ohne dabei eine Weiterleitung anzulegen: Textersetzung - „:“ durch „/“) |
(Änderungen von Dirkwagner (Diskussion) wurden auf die letzte Version von Alexanderrogers zurückgesetzt) Markierung: Zurücksetzung |
||
| Zeile 1: | Zeile 1: | ||
Fluid ist eine Systemerweiterung von Typo3. | |||
= | ==Anwendung== | ||
* | *Fluid ist ein sog. Templatemechanismus | ||
* 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: | |||
<nowiki><h4>Template it your own way</h4> | |||
<p> | <p> | ||
<f:if condition="{myExpression}"> | <f:if condition="{myExpression}"> | ||
| Zeile 16: | Zeile 18: | ||
</p></nowiki> | </p></nowiki> | ||
==Debug-Modus== | |||
*Ein ViewHelper zur Ausgabe von Variablen und Arrays | |||
*Erstellt ein HTML-Dump | |||
*An beliebiger Stelle den Code:<code><f:debug>{_all}</f:debug></code> eingeben | |||
== Debug-Modus == | |||
* Ein ViewHelper zur Ausgabe von Variablen und Arrays | |||
* Erstellt ein HTML-Dump | |||
* An beliebiger Stelle den Code:<code><f:debug>{_all}</f:debug></code> eingeben | |||
= | ==Quellen== | ||
#https://typo3.org/fluid | |||
[[ | [[Category:Projekt]] | ||
Version vom 23. Juni 2024, 04:52 Uhr
Fluid ist eine Systemerweiterung von Typo3.
Anwendung
- Fluid ist ein sog. Templatemechanismus
- 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