Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

Node.js für ASP.NET-Entwickler

EJS Layout-File

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Auch EJS unterstützt Layout-Dateien, die sich wiederum ähnlich verhalten wie ASP.NET Masterpages. Durch den Body kann definiert werden, an welche Position die Unterseite geladen werden soll. An erster Stelle der Unterseite muss auch hier die Layout-Datei definiert werden.

Transkript

Auch EJS unterstützt Layout-Dateien und zwar sind diese ähnlich zu ASP.NET Masterpage und hier wird in dem Fall wieder auch eine eigenständige Layout-Datei angelegt und mittels Embedded JavaScript Syntax können wir hier zusätzlich mit dem Parameter body definieren, wo die Unterseite reingeladen werden soll und die jeweilige Unterseite braucht an erster Stelle ganz oben dann eine Layout-Definition, wo man dann mitgibt, welche Layout-Datei hier dazu gehört, also total einfach. Nur ist es wichtig, wenn man hier mit Layout-Dateien arbeiten möchte, dass man zusätzlich noch ein Paket installiert und das Ganze auch noch mal schön mitgibt innerhalb der Express.js Instanz und das schauen wir uns auf meinem live Beispiel direkt an. Und dazu müssen wir doch extra was installieren und wir wechseln dazu wieder zu dem Package.json. Auch hier kann man wieder ganz bequem EJS und dann Strg leer "locals" auswählen Es ist wunderbar die IntelliSense Unterstützung unter Visual Studio Code. Das ist einer meiner Lieblingsfeature und ich speichere die Datei und meine Erweiterung Package Watcher installiert im Hintergrund automatisch das Paket. Das ist ein Luxus. Und dann müssen wir hier zusätzlich das ganze noch einbinden und zwar "let ejs engine =require". Und dann noch ejs-local. Dann müssen wir noch zusätzlich unter App EnginesEngine EJS mit registrieren und dann zusätzlich die EJS Engine Instanz durchrteichen. Und das war auch schon alles, das jetzt der Layout Support mit dabei ist. Jetzt müssen wir natürlich noch die Dateien anlegen. In dem Fall benennen wir das doch hier einfach nun mal um in die layout.js, weil das Grundgerüst passt ja schon mal, und dann legen wir eine neue Datei an. Die nennen wir dann eben index.ejs. Eine index.ejs, da erfolgt dann erstmal die Definition. Prozent, Layout und dann ist unsere Layout-Datei die layout.ejs. Prozentzeichen zu, und dann kann unser gewohnter HTML-Inhalt folgen. Das kann man wieder aus der Layout-Datei erstmal herausnehmen. In dem Fall ist jetzt nicht gerade viel da. Bauen wir doch hier exakt wieder das Beispiel h, dann den Title, dann nehmen wir noch ein p, "This is from title". Und da haben wir etwas Inhalt dazu bekommen. Wichtig ist jetzt natürlich, dass wir hier noch beschreiben müssen, wo soll denn die Unterseite geladen werden. Dazu benutzen wir hier wieder ein Embedded Syntax mittels body. Und das war's! Es wird automatisch die Unterseite hier rein geladen und bei dieser unterseite weist dann die View Engine zu welcher Layout-Datei der Inhalt gehört. Es war alles, was wir dazu brauchen. Und wenn wir dann den Code einmal ausführen mit der f5 Taste und dann wieder Chrome starten, dann sehen wir hier "Hello from EJS! This is from Hello from EJS." wird automatisch unsere Layout-Datei mit der Index-Datei geladen. In diesem Video haben wir gesehen, wie wir bei EJS Layout-Datei nutzen können.

Node.js für ASP.NET-Entwickler

Sehen Sie, wie Sie den Umstieg auf auf native JavaScript-Entiwcklung mit Node.js erfolgreich meistern.

2 Std. 52 min (31 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Exklusiv für Abo-Kunden
Erscheinungsdatum:15.05.2017

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!