Anzeige
Anzeige
Software & Entwicklung

DEV3 – Entwicklungsumgebung für TYPO3, TypoScript und FLOW3: TYPO3-Entwicklung mit Komfort

Das Projekt„DEV3″verfolgt das Ziel, Entwicklern eine auf Eclipse und den PHP Development Tools (PDT) basierende Entwicklungsumgebung für TYPO3 zur Verfügung zu stellen. Wir stellen „DEV3“ vor und geben Tipps, wie der Einstieg gelingt.

4 Min.
Artikel merken
Anzeige
Anzeige

Die Entwicklungsumgebung „DEV3“ basiert auf Eclipse und unterstützt TYPO3-Entwickler bei der täglichen Arbeit unter anderem mit TypoScript-Code-Schnipseln.

Die Entwicklungsumgebung „DEV3“ basiert auf Eclipse und unterstützt TYPO3-Entwickler bei der täglichen Arbeit unter anderem mit TypoScript-Code-Schnipseln.

Im Frühjahr letzten Jahres schlossen sich die unabhängig gestarteten Projekte„tyClipse“von Sebastian Böttger und Eckhard M. Jäger sowie„FLOW3DE“von David Brühlmeier zusammen. Unter dem Namen „DEV3“ [1] entwickelt das Team seitdem gemeinsam eine Entwicklungsumgebung für TYPO3 (Version 4 und 5), TypoScript und das kommende PHP-Framework FLOW3. Da FLOW3 und TYPO3 5.0 noch nicht den finalen Status erreicht haben, zeigt dieser Artikel auf, wie Entwickler DEV3 bei ihrer täglichen Arbeit mit TYPO3 4.x effektiv nutzen können.

Installation

Anzeige
Anzeige

Die Installation von DEV3 (auf Heft-CD) ist sehr einfach. Basis kann eine bestehende Eclipse-Installation oder das Komplettpaket der PHP Developer Tools (PDT) (auf Heft-CD) sein. Um die DEV3-Erweiterung zu installieren, rufen Sie in Eclipse/PDT im Menü „Help -> Software Updates…“ den Reiter „Available Software“ auf. Dort geben Sie im Dialog von „Add Sites“ die URL „http://www.dev3.org/update“an. Nach erfolgreichem Hinzufügen der Site installieren Sie DEV3, indem Sie im Dialog „Software Updates und Addons“ im Reiter „Available Software“ das Häkchen vor „http://www.dev3.org/update“ setzen und auf „Install…“ klicken.

Anpassen der Oberfläche

Nach erfolgreicher Installation macht sich DEV3 auf den ersten Blick kaum bemerkbar. Um die verschiedenen Hilfe-Tools von DEV3 immer „griffbereit“ zu haben, empfiehlt es sich, für die Arbeit mit TypoScript eine eigene Ansicht (in Eclipse/PDT „Perspektive“ genannt) zu erstellen. Dies erledigen Sie über die Menüpunkte „Window -> Customize Perspective“ oder „Window -> Show View -> Other“. Zu der neuen Perspektive können Sie nun die Snippet-Ansicht(Kategorie „General“) und die Template-Ansicht(Kategorie „TS DB Browser“) hinzufügen.

Anzeige
Anzeige

Arbeiten mit TypoScript

Jede Datei mit der Endung „*.ts“ wird von Eclipse/PDT als TypoScript-Datei erkannt und im DEV3-Editor geöffnet, wo der Entwickler in den Genuss von Syntax-Highlighting und Code-Vervollständigung kommt. Neben den „klassischen“ Bearbeitungsmöglichkeiten vieler Editoren – „Copy & Paste“ sowie Editieren ausgelagerter TypoScript-Dateien – bietet DEV3 Entwicklern auch direkten Zugriff auf die Datenbank. Dieser muss in der MySQL-Datenbank vorher explizit gestattet werden. Aus Sicherheitsgründen sollte dies dem Datenbankserver jedoch nur bei bestimmten IP-Adressen des Clients erlaubt werden.

Anzeige
Anzeige

Ist dies geschehen, können in der Template-Ansicht der Erweiterung „TS DB Browser“ die Verbindung zur Datenbank einer TYPO3-Installation sowie eine Zuordnung zum eigenen Eclipse-/PDT-Projekt angelegt werden.

Nach erfolgreichem Verbindungsaufbau öffnet sich eine neue Ansicht, in der in einer Baumstruktur sämtliche in der TYPO3-Datenbank existierende Templates aufgelistet sind. Seiten mit enthaltenen Templates werden dabei als Ordner dargestellt, deren Inhalt sind die eigentlichen Templates als Elemente. Ein Doppelklick auf ein Element im Ordner öffnet den Setup-Code des Templates. Per Rechtsklick über das Kontextmenü erhält man Zugriff auf die Constants.

Anzeige
Anzeige
Der Template-View von „DEV3“ zeigt sämtliche Templates eines Projekts in einer übersichtlichen Baumstruktur an.

Der Template-View von „DEV3“ zeigt sämtliche Templates eines Projekts in einer übersichtlichen Baumstruktur an.

Der aus der Datenbank gelesene Code wird in DEV3 wie eine normale TypoScript-Datei behandelt, wodurch sämtliche Features des Editors genutzt werden können. Beim Speichern wird der Inhalt des Editors direkt in die Datenbank geschrieben und das Editor-Fenster schließt sich.

DEV3 bietet über die Standard-Snippet-Ansicht von Eclipse/PDT auch die Möglichkeit, TypoScript-Code parametrisiert einzufügen. So hilft zum Beispiel „TypoScript File Include“ bei der Einbindung von TypoScript-Dateien in die dazugehörigen Templates oder das Snippet „Htaccess“ beim Schutz der Templates und TypoScript-Dateien vor unerlaubtem Zugriff. Das Snippet „XHTML Multilanguage“, das auch im TypoScript-Editor SweeTS [2] zum Einsatz kommt, erstellt ein Rohgerüst für eine Setup-Konfiguration.

Anwendungsbeispiel

Voraussetzung ist ein bestehendes leeres TYPO3-Projekt mit Anbindung der Datenbank an DEV3 sowie ein bestehendes Root-Template. Zunächst müssen Sie die Template- und die Snippet-Ansicht öffnen. In der Template-Ansicht öffnen Sie das gewünschte TypoScript-Setup des Templates und wechseln anschließend in der Snippet-Ansicht in die Kategorie „DEV3 TypoScript Snippets“. Nach einem Klick auf das Snippet „XHTML Multilanguage“ lädt DEV3 ein Grundgerüst. In diesem können Sie individuelle Änderungen und Erweiterungen vornehmen. Um beispielsweise ein Menü hinzuzufügen, geben Sie folgende Zeile ein:

Anzeige
Anzeige
TYPOSCRIPT – SETUP
tempMenu = HM

Listing 1

Die Tastenkombination „<Strg>+<Space>“ öffnet den Code-Completion-Explorer, der die Ergänzung „HMENU“ zur Verfügung stellt. Mit <Enter> vervollständigt DEV3 Ihr HMENU-Objekt.

Die Code-Vervollständigung erleichtert Entwicklern die Arbeit mit TypoScript.

Die Code-Vervollständigung erleichtert Entwicklern die Arbeit mit TypoScript.

Ist das Menü fertig, können Sie das TypoScript-Template abspeichern, den TYPO3-Cache löschen und die Beispiel-Seite direkt im Browser betrachten.

Erweitern der Funktionalität

Entwickler, die Websites und Online-Services erstellen, werden neben TypoScript auch XHTML, CSS und JavaScript-Dateien bearbeiten wollen. Eine Vielzahl bestehender Plugins erweitert den Funktionsumfang von Eclipse/PDT problemlos um die gewünschten Funktionalitäten. Diese werden wie DEV3 über den Update-Mechanismus installiert. Exemplarisch seien hier Target-Management [3] (Datei-Explorer für verschiedene Verbindungsprotokolle) und Subclipse [4] (SVN-Erweiterung für Eclipse) genannt. Ebenfalls interessant: die Community-Version von Aptana Studio [5] (XHTML, CSS, JavaScript, AJAX).

Anzeige
Anzeige

Neben den beschriebenen Funktionalitäten kann DEV3 auch als Entwicklungsumgebung für das neue PHP-Framework FLOW3 verwendet werden, das die Grundlage für TYPO3 5.0 bilden wird. FLOW3 bringt neue Konzepte wie Domain-Driven-Design, Dependency Injection und aspektorientierte Programmierung in die PHP-Welt. Zudem eignet sich DEV3 in Verbindung mit PDT auch wunderbar zum Entwickeln von TYPO3-Extensions.

Ausblick

Derzeit arbeitet das DEV3-Entwicklerteam an der Verbesserung der Code-Completion-Engine. Ziel ist es, in Abhängigkeit von den verwendeten TypoScript-Objekten auch sinnvolle Code-Ergänzungsvorschläge anzuzeigen. Bereits jetzt verwenden DEV3, SweeTS und der in das TYPO3-Backend integrierte „T3Editor“ die gleiche Syntax-Datei zum Hervorheben des TypoScript-Codes. Das DEV3-Team freut sich über jeden aktiven Zuwachs zum Entwickler-Team. Aufgaben gibt es nicht nur im Bereich der Core-Entwicklung, sondern auch bei der Dokumentation und dem Erstellen von weiteren Snippets.

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Kommentare (2)

Community-Richtlinien

Jan

Nachdem der Artikel noch von 2009 ist: Weis jemand wie aktuell der Stand bei empfehlenswerten Entwicklungsumgebungen ist? Ich hörte NetBeans mit einem mir unbekannten Plugin soll inzwischen klasse sein?!
Oder gillt die hier beschriebene Umgebung immer noch?
Hat jemand dazu Tipps?
Ich frage nur, da sich im Bereich Entwicklung (oder auch besonders FLOW3) seit 2009 einiges getan hat…
LG

Marco

Ich schließe mich der Fragestellung meines Vorredners an und bin ebenso auf der Suche einer passenden Entwicklungsumgebung für TYPO3 bzw. FLOW3 Entwicklungen. Vielleicht hat jemand was passendes und will sein Wissen teilen?

beste Grüße

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Kommentar abgeben

Melde dich an, um Kommentare schreiben und mit anderen Leser:innen und unseren Autor:innen diskutieren zu können.

Anmelden und kommentieren

Du hast noch keinen t3n-Account? Hier registrieren

Anzeige
Anzeige