Saubere Handhabung von TS-CODE

Als allererstes möchte ich erwähnen das ich selber nie auf die Möglichkeiten der TS-Strukturierung hingewiesen wurde und deshalb ziemlich lange mit teilweise 400+ Zeilen TS in einem einzigen Template gearbeitet habe und dabei ca 40% meiner gesammten Entwicklungszeit damit verbraucht habe den TS zu ändern falls etwas nicht ganz gepasst hat!

Als 1. Beispiel für Strukturierung greife ich gleich etwas vor (zu einer Ausführung einer fertigen Strukturierung!)

Bild 1:
Bild: typo3.ideefix.net/…/ts_struktur_1.jpg

Wir können gut alle Templates (wenn auch nur als Referenzierung) erkennen:

Das Haupttemplate in der Seite "INDEX" und alle untergeordneten Templates im Ordner "Templates" bzw dessen Unterordner "Templates - Main", "- Content", "-Toolbox" und "-Vorlagen"!

Wie schon zu erwarten sind die Templates je nach Aufgaben und Wichtigkeit in den verschiedenen Ordnern eingeteilt.

Als Beispiel für eine besonders koplizierte (aber sauberste) Verarbeitung mit Templates (keine Angst, auch ich selbe weiche davon ab wenn es eine simple Einbindung ist) kann man hier Schritt für Schritt verfolgen:

Bild 2:
Bild: typo3.ideefix.net/…/ts_struktur_2.jpg

"temp.GIF" ist also (wie unschwer zu erkennen ist) ein Gifbuider, allerdings nur eine VORLAGE eines Gifbuilders (sowas ähnliches wie Konstante)! Nun muß dies erst noch ein Contentelement werden, das machen wir nun wiefolgt:

Bild 3:
Bild: typo3.ideefix.net/…/ts_struktur_3.jpg

In diesem Testbeispiel kopieren wir "temp.GIF" nun in das "Contenttemplate" "temp.gifbuilder_1". Damit das Sinn macht verändern wir hier die Kopie der Standardvorlage (temp.gifbuilder_1) indem wir die Hintergrundfarbe und Schriftfarbe verändern. Also stat
schwarzem Hintergrund und weißer Schrift wollen wir nun weiße Schrift mit schwarzem Hintergrund!

Nun dürfen wir natürlich nicht vergessen sowohl das Vorlagetemplate wie auch das Contenttemplate an das Haupttemplate anzubinden! Das machen wir wiefolgt:

Bild 4:
Bild: typo3.ideefix.net/…/ts_struktur_4.jpg

Die 2 Templates "vlg: GIF" und "con: Gifbuilder_1" (die könnten auch anders heißen, ist nur der Ordnung halber da sie die Temp-Objecte "temp.GIF" und "temp.gifbuilder_1" beinhalten!

Zu guterletzt müssen wir noch die Inhalte in die Seite einbinden! Bei mir geht das so:

Bild 5:
Bild: typo3.ideefix.net/…/ts_struktur_5.jpg

FERTIG!

Ok mal im Ernst: 😉

Ich mach diesen Aufwand auchnur dann wenn es um mehrere Gifbuilder geht (zb temp.gifbuilder_1 bis temp.gifbuilder_8-), allerdings ist dieses Vorgehen nie mehr Arbeit als 2 Minuten und somit vertretbar wenn man sich dabei Stunden des Suchens erspart (und nicht so stressig)

Das was ich DRINGEND JEDEM and Herz legen möchte ist folgendes:

1. Alle wirklich zum Betrieb notwendigen Templates in 1 ORDNER!
2. Templates die gerade nicht gebraucht werden in einen anderen/andere Ordner
3. Alle Module bei denen das möglich ist (als Beispiel mal ein HMENU!) in ein eigenes Template und zwar als "temp.****"! Es erspart jede Menge Arbeit und Frustration und erleichtert Lösung von Problemen, weil man weiß WO der Fehler ist und WAS man posten soll falls man es selber nicht lösen kann!

Also haltet euch als Ziel für euren TS eine Saubere schreibweise und Templateverwaltung vor Augen und bitte glaubt jemanden der täglich mit ca 2000 Zeilen Code zu jonglieren hat!

MFG Proximo :p

EDIT: Jede Art von konstruktiver Kritik und Rückmeldungen ausdrücklich erwünscht!! (ich bin nicht besonders gut im Tutorial-schreiben)

Hallo,

Proximo schrieb

EDIT: Jede Art von konstruktiver Kritik und Rückmeldungen ausdrücklich erwünscht!! (ich bin nicht besonders gut im Tutorial-schreiben)

wenn das nicht gelogen ist! 8-)
danke für das Posting, ist schon abgespeichert! 😃

lg georg
ps: keep on going 😃

Die Ordnerstrukturierung ist ein interessanter Ansatz. Werde ich beim nächsten Mal ausprobieren.
Punkt drei halte ich übrigens für unabdingbar/unglaublich wichtig/wie-auch-immer.

Bin schon gespannt auf weitere Tipps.

Danke für die netten Kritiken!

Ja um es nochmal zu verdeutlichen:

Punkt 3 ist natürlich folgendermaßen zu verstenen:

1. Schritt:
Extensiontemplate in einem beliebigen Sys-Ordner erstellen
2. Schritt:
Extensiontemplate am Maintemplate "anbinden" (siehe Bild 4)
3. Schritt:
Funktion nach dem Muster temp.**** Anlegen
4. Schritt
Weiterverarbeiten, entweder als Ausgabe per marks.**** < temp.**** oder nach Wunsch weiterverarbeiten (als BSP wenn das Modul eine Vorlage ist)

MFG Proximo

*schieb* Damit das alle diejenige lesen dessen Fragen ich vorher beantworten mußte (ja genau die mit 6 Seiten TS in 1 Template) :o

MFG Proximo

Wie wichtig erachtest Du den Einsatz vom autoparser?

Bisher mache ich alles manuell:
HTML-Template mit Markern; TS, das die Marker anspricht und möglichst viel in Basis Templates auslagern (auch die angemäkelte Printview).

Als Hinweis:
Ich muss keine Kunden zufriedenstellen, sondern schlage mich nur aus Spaß und Eigeninteresse mit Typo3 herum. Wenn ich mal so etwas wie Kunden habe, dann machen die keine Vorgaben, sondern freuen sich, wenn es funktioniert.

Der einsatz eines einfachen Tools wie der Autopharser ist bedingungslos empfehlenswert... es ist das einzige Tool was bei mir wirklich noch nie Schwierigkeiten gemacht hat!

MFG Proximo

PS: Auch dieses Tool sollte in ein eigenes Template ausgelagert werden... wie alle anderen auch!

Super.

Hm, schade, dieses Tutorial hätte mich auch brennend interessiert, aber ich kann die Screenshots mehr aufrufen 😢

@Proximo: Wär es möglich, dass du sie wieder online stellst, damit ich mir auch ein Bild von deiner Vorgehensweise machen kann? Das wär super!

Dankeschööön!

Entschuldigt die fehlenden Bilder :o

Ich habe bereits 26 IGM bekommen, diese Bilder wieder hochzuladen, unglücklicherweise besitze ich sie jedoch nichtmehr.

Um das Problem zu lösen werden ich die Bilder einfach nachmachen und wieder hochladen um das Tutorial wieder zu vervollständigen

PLZ Stand By 😉

MFG Proximo

Als allererstes möchte ich erwähnen das ich selber nie auf die Möglichkeiten der TS-Strukturierung hingewiesen wurde und deshalb ziemlich lange mit teilweise 400+ Zeilen TS in einem einzigen Template gearbeitet habe und dabei ca 40% meiner gesammten Entwicklungszeit damit verbraucht habe den TS zu ändern falls etwas nicht ganz gepasst hat!

Als 1. Beispiel für Strukturierung greife ich gleich etwas vor (zu einer Ausführung einer fertigen Strukturierung!)

Bild 1:
Bild: chaoskrieger.ideefix.net/…/ts_struktur_1.jpg

Wir können gut alle Templates (wenn auch nur als Referenzierung) erkennen:

Das Haupttemplate in der Seite "INDEX" und alle untergeordneten Templates im Ordner "Templates" bzw dessen Unterordner "Templates - Main", "- Content", "-Toolbox" und "-Vorlagen"!

Wie schon zu erwarten sind die Templates je nach Aufgaben und Wichtigkeit in den verschiedenen Ordnern eingeteilt.

Als Beispiel für eine besonders koplizierte (aber sauberste) Verarbeitung mit Templates (keine Angst, auch ich selbe weiche davon ab wenn es eine simple Einbindung ist) kann man hier Schritt für Schritt verfolgen:

Bild 2:
Bild: chaoskrieger.ideefix.net/…/ts_struktur_2.jpg

"temp.GIF" ist also (wie unschwer zu erkennen ist) ein Gifbuider, allerdings nur eine VORLAGE eines Gifbuilders (sowas ähnliches wie Konstante)! Nun muß dies erst noch ein Contentelement werden, das machen wir nun wiefolgt:

Bild 3:
Bild: chaoskrieger.ideefix.net/…/ts_struktur_3.jpg

In diesem Testbeispiel kopieren wir "temp.GIF" nun in das "Contenttemplate" "temp.gifbuilder_1". Damit das Sinn macht verändern wir hier die Kopie der Standardvorlage (temp.gifbuilder_1) indem wir die Hintergrundfarbe und Schriftfarbe verändern. Also stat
schwarzem Hintergrund und weißer Schrift wollen wir nun weiße Schrift mit schwarzem Hintergrund!

Nun dürfen wir natürlich nicht vergessen sowohl das Vorlagetemplate wie auch das Contenttemplate an das Haupttemplate anzubinden! Das machen wir wiefolgt:

Bild 4:
Bild: chaoskrieger.ideefix.net/…/ts_struktur_4.jpg

Die 2 Templates "vlg: GIF" und "con: Gifbuilder_1" (die könnten auch anders heißen, ist nur der Ordnung halber da sie die Temp-Objecte "temp.GIF" und "temp.gifbuilder_1" beinhalten!

Zu guterletzt müssen wir noch die Inhalte in die Seite einbinden! Bei mir geht das so:

Bild 5:
Bild: chaoskrieger.ideefix.net/…/ts_struktur_5.jpg

FERTIG!

Diese Vorgehensweise ist besonders nützlich wenn es um mehrere Gifbuilder geht (zb temp.gifbuilder_1 bis temp.gifbuilder_8-), allerdings ist dieses Vorgehen nie mehr Arbeit als 2 Minuten und somit vertretbar wenn man sich dabei Stunden des Suchens erspart (und nicht so stressig)

Das was ich DRINGEND JEDEM and Herz legen möchte ist folgendes:

1. Alle wirklich zum Betrieb notwendigen Templates in 1 ORDNER!
2. Templates die gerade nicht gebraucht werden in einen anderen/andere Ordner
3. Alle Module bei denen das möglich ist (als Beispiel mal ein HMENU!) in ein eigenes Template und zwar als "temp.****"! Es erspart jede Menge Arbeit und Frustration und erleichtert Lösung von Problemen, weil man weiß WO der Fehler ist und WAS man posten soll falls man es selber nicht lösen kann!

Also haltet euch als Ziel für euren TS eine Saubere schreibweise und Templateverwaltung vor Augen und bitte glaubt jemanden der täglich mit ca 2000 Zeilen Code zu jonglieren hat!

MFG Proximo

PS: Ich hoffe dass dieses Tutorial weiterhin hilft das Chaos im TS zu beseitigen und auch MIR selber hilft, weil die meisten Leute durch diese Konvention einfacheren TS Posten wenn sie Hilfe suchen 😉

Proximo schrieb

Der einsatz eines einfachen Tools wie der Autopharser ist bedingungslos empfehlenswert... es ist das einzige Tool was bei mir wirklich noch nie Schwierigkeiten gemacht hat!

[Offtopic::ironie]
*grins*
Das is wohl auch der beste Grund ueberhaupt #angry# 😉
[/Offtopic::ironie]

Vielleicht waere es ganz praktisch, die bilder auf der ersten Seite des Threads zu aktualisieren? 😉
Issn bissel ressourcen-spahrender, als es immer wieder neu zu posten.. imho.
Ansonsten:
Klasse Anleitung.

Ansonsten:
ALLE MACHT DEM AUTOPARSER!

mfg

Das mit dem Autopharser... natürlich hat er viel mehr Vorteile wie nur die Tatsache "dass er nie Schwierigkeiten macht", allerdings ist diese Tatsache meist Hauptargument ein Tool in eine Proffessionelle Umgebung zu integrieren. Fehler kann man sich in der heutigen Geschäftswelt kaum leisten 😉

Gegen das Aktualisieren auf der Startseite habe ich nichts, ich habe nur keine Bearbeitungsrechte^^

PLZ Admin^^

MFG Proximo

Ich hab mal deinen Titel von "Lernen am Beispiel: Saubere Handhabung von TS-CODE!!" auf "[HOWTO] Saubere Handhabung von TS-CODE" geändert.

Also ich muss ehrlich sein, ich benutze Typo3 nun etwa 3Tage, und von diesem Tutorial versteh ich ca nichts. Ich kann die Screenshots nicht reproduzieren, was des ganze irgendwie erschwert 🙂

@ Salz

Das finde ich natürlich weniger gut, allerdings ist dieses Tutorial dort angesiedelt wo die meisten schon einen Autopharser und Templateselektor in Betrieb haben, auch über die Funktion von HTML-Templates sowie Typoskript-Templates grundlegend bescheid wissen und die ersten komplexen Fragen mit Typoskriptcodes über 200 Zeilen stellen.

Ich empfehle als Grundlage die Tutorials welche du unter "FAQs & Tutorials" findest...

MFG Proximo

Hallo,

auch ich benutze Typo3 erst seit wenigen Tagen und ich finde die Tipps sehr gut. Die Sache mit dem Autoparser habe ich zwar noch nicht verstanden aber was die Struktur eines Typo3 Projektes angeht werde ich mich man an die Tipps halten.

Wenn ich es richtig verstanden habe, werden hier SysOrdner angelegt in dehnen die einzelnen Templates (+ext oder?) angelegt werden. Über die Kopierfunktion in TypoScript werden diese Templates (+ext) dann in die Seiten eingebunden.

Das du die Screenshots nicht "reproduzieren" kannst liegt vielleicht an der unterschiedlichen Version und damit auch der unterschiedlichen Optik! Ich selbst verwende eine 4.x.x Version und da sieht es schon etwas anders aus aber grundlegend ist es das Selbe!

@Proximo: Super Tipp mit der Struktur (so ähnlich wird es auch bei YAML Extension gemacht)! Wünsche mir mehr solche Tipps, gerade zum Thema Mehrsprachigkeit vorbereiten bzw. anlegen (hab im Forum nur Bruchstücke gefunden und eier seit Tagen mit den Einstellungen rum)!

Ich finde dieses Howto sehr gut nur kann ich die screenshoots nicht finden ?

Hat jemand die Bilder noch ?

Gruß
Robert

Ja, wo sind die Bilder?