Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

Node.js für ASP.NET-Entwickler

Vash Layout-File

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Auch Vash unterstützt wiederum Layout-Dateien. In der Layout-Datei wird ein eigener Block definiert. In der Unterseite muss auf die Datei verwiesen und ein eigener Block-Bereich festgelegt werden.

Transkript

Auch Vash unterstützt Layout-Dateien, die also ein ASP.NET Masterpage entsprechen und hier wird zum Beispiel auch eine ganz eigenständige layout.vash-Datei angelegt. Man gibt dann eigentlich nur noch mit mittels "@html.block" und dann den Namen des Blocks, was bitte reingerendert werden soll und direkt bei der Unterseite nur angegeben werden was ist die jeweilige Layout-Datei und dann den variablen Namen vom Block. Und das schauen wir uns doch in einem live Beispiel direkt an. Schön, dass man muss übrigens nichts zusätzlich installieren sondern das funktioniert schon per Standard, und zwar fügen wir jetzt die Layout-Datei, den Layout haben wir in dem Fall schon. Hier ist nämlich der ganze Layout schon vorhanden. deswegen benenne ich diese um in Layout. und wir legen eine zusätzliche index.vash-Datei an. Und die bekommt jetzt von mir den Inhalt, zum Beispiel h1. Und dann noch ein p-Tag von "This is from the server." Und dann brauchen wir eigentlich nur noch eben unseren HTML-Code durch "@html.extend ("vash/layout")" Dann wird diese "function" mitgegeben, wo unser Model durchgereicht wird, müssen natürlich dann hier diese Funktion wieder schließen, brauchen jetzt hier keinen Strichpunkt, kann natürlich ja das Ganze nochmal schöner formatieren, brauchen dann noch eine weitere Einrückung und zwar von @html.block. Wir nennen das Ganze hier zum Beispiel "body" und wir brauchen wieder eine "function" von Model, müssen das Ganze wieder durchreichen und das war es dann auch schon. Das heißt, wir wollen natürlich dann noch die Daten von dem Model anzeigen lassen. Also wieder "@model.title" und das war's. Jetzt müssen wir natürlich innerhalb der Layout-Datei noch sagen, wo etwas eingefügt werden soll. Zum Beispiel "@html.block". Hier soll ein Block rein und zwar der vom Typ "body" und das war's. Starten wir einmal die Anwendung und öffnen das Ganze im Chrome, sehen wir schon eine Nachricht, das ist von Server "Hello from Vash". Und in diesem Video haben wir gesehen, wie einfach wir eine Masterpage, eine Layout-Datei von Vash integrieren und 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!