Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

41
' ); Macopedia.pl USPRAWNIJ TWORZENIE SZABLONÓW W TYPO3. WYKORZYSTAJ FLUID ORAZ DCE & Krzysztof Adamczyk Zbigniew Jacko MACOPEDIA

description

TYPO3camp PL 2013. Prezentacja omawiająca Fluid i DCe w zakresie template'ów.

Transcript of Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

Page 1: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

' ); Macopedia.pl

USPRAWNIJ TWORZENIESZABLONÓW W TYPO3.

WYKORZYSTAJ FLUID ORAZ DCE

& Krzysztof Adamczyk

Zbigniew Jacko

MACOPEDIA

Page 2: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)
Page 3: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PLAN PREZENTACJITemplaVoila

FLUID

DCE

FEDEXT

Page 4: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

TEMPLA VOILAFCE

FCE + TV =>RENDEROWANIE

TemplaVoila = DATABASE

Page 5: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

TV + BE LAYOUT

Page 6: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

TV + ZMIANY WSZABLONACH

Page 7: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

MISTRZOWIE KLIKANIA :)

Page 8: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

TV + LANGUAGE

Page 9: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID

Page 10: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID TO:1. Szablon2. Typoscript3. View Helpers4. Wyrażenia logiczne

Page 11: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

WYRAŻENIA LOGICZNE

Page 12: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID SZABLON1. Layout2. Template3. Partial

Page 13: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

Do wersji TYPO3 4.5 szablonowanie to tylko renderowanie

Page 14: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID

Page 15: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID KONFIGURACJATS

Page 16: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID + BE LAYOUT

Page 17: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

MARKERY VS EXTBASE

Page 18: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID PĘTLE

Page 19: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FLUID

Page 20: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

EVERY TAG IS A CLASS :)

Page 21: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

DCE

Page 22: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

DCE TO:1. Dynamic Content Elements2. Zastępuje FCE z TV3. Fluid templates4. Własny zbiór View Helpers

Page 23: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEBackend moduł

Page 24: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCETypy elementów Dostępne pola

Page 25: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCETemplate

Page 26: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA ZDCE

Dostępne pola

Page 27: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEPrzykładowy template

Page 28: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEWizard

Page 29: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEDodawanie elementu

Page 30: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEWidok pojedyńczy

Page 31: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEWidok elementu w backendzie

Page 32: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRACA Z DCEPodgląd

Page 33: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

VIEW HELPERS PRZYKŁADY

GET/POST

Link aktualnej strony

Debugowanie

dce:GP(subject:'myCoolGetParameter')

dce:thisUrl(showHost:1, showRequestedUri:1, urlencode:0)

<f:debug></f:debug>

Page 34: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PRZYKŁADY ZMIENNYCHPage

TSFE

tsSetup

page

TSFE

tsSetup

Page 35: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

INNE MOŻLIWOŚCITagi strony

Tytuł strony

Page 36: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PAGINACJA?

<f:widget.paginate objects="elements" as="paginatedElements"></f:widget.paginate>

Page 37: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PAGINACJA?

Page 38: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PAGINACJA?

Page 39: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

PAGINACJA?

Page 40: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

FEDEXT

Page 41: Usprawnij tworzenie szablonów w TYPO3 (Fluid + DCE)

DZIĘKUJEMY ZA UWAGĘZbigniew Jacko

Adamczyk Krzysztof

[email protected]

[email protected]