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

Umbraco 7 Grundkurs

Dynamische Inhalte

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Templates enthalten Razor-Code, also eine Mischung von HTML und C#. Dieser Razor-Code kann die im Backend erfassten Daten in HTML umwandeln.

Transkript

Ich habe hier mein erstes "Hello-World"-Template. Das Problem mit diesem Template ist, dass es eigentlich gar kein Template ist, sondern ein statischer HTML-Code. der dann auf der Seite wiedergegeben wird. Das heißt, jede Seite, die dieses Template benutzt, gibt im Grunde genommen den gleichen Inhalt aus. Das ist natürlich nicht Sinn der Sache eines Content-Management-Systems. Was ich also brauche, ist eine Möglichkeit, diesen Content zu dynamisieren. Dazu gehe ich zurück zu meinem Dokumenttyp. Dieser Dokumenttyp hat hier noch gar keine Eigenschaften, was wir jetzt nachholen wollen. Ich klicke auf "Add new tab" und nenne ihn "Content". So kann ich hier innerhalb dieses Tabs auf "Add property" klicken, um ein neues Property anzugeben. Dieses Property nenne ich einfach mal "Text". Jetzt muss ich einen Editor angeben und habe hier einen Haufen Editoren zur Auswahl. Ich kann sie aber filtern, indem ich einfach mal das Wort "Text" eingebe. Ich kann jetzt hier einen "Textstring", einen "Rich-Text-Editor" oder eine "Textarea" auswählen. In dem Fall reicht ein simpler Textstring und damit kann ich das Ganze wieder abschicken. Wie ich jetzt sehe, habe ich jetzt hier ein Property, im Tab "Content" von meinem "Home"-Dokumenttyp. Das speichere ich hier ab. Auf diese Properties kann ich jetzt zugreifen. Ich zeige gerade noch einmal unsere "Home"-Seite. Diese "Home-Seite" hat die Möglichkeit, für dieses Property "Text" etwas einzugeben. Das mache ich auch gleich, ich gebe hier "Hallo Welt" an und jetzt muss ich natürlich in dem Template sicherstellen, dass dieses Property auch veröffentlicht wird. Das mache wir. Ich gehe zurück zum Template und muss all das Ersetzen. So. Jetzt wird die Sache interessant. Denn beim Erstellen des Templates wurde hier ein gewisser Code erzeugt, der zeigt, dass mein Template oder View hier von einer Klasse abgeleitet ist. Das ist die Klasse "Umbraco Template Page". Die hat einen Typparameter mitbekommen, der "ContentModels.Home" ist. Dieser Typ, dieser "Home"-Typ im Namespace "ContentModels", wird von einem sogenannten "Models Builder" automatisch erzeugt. Wir müssen uns also überhaupt nicht darum kümmern. Das Tolle an diesem erzeugten C#-Typ hier ist, dass er diese Properties, die wir bei dem Document Type angegeben haben, als Property dieses C#-Typs mit dem richtigen Datentyp zur Verfügung stellt. Das bedeutet, wenn wir hier das "@"-Zeichen angeben, dann kriegen wir hier die Möglichkeit C#-Code anzugeben. In so einem Razor-View stellt das Property-Model uns das gegenwärtige Model zur Verfügung und dieses Model hat ein Property "Content", der von diesem Datentyp ist. So, dieser Content hat jetzt einen Property "Text", welches genau meinen Text-Property widerspiegelt Das ist jetzt ein bisschen viel auf einmal, weshalb ich Folgendes versuche: Ich sage hier, von meinem "Model.Content" rufe ich mit "GetType" den Datentyp ab. Den gebe ich aus. Ich speichere das Ganze ab und gehe zurück zu meiner Webseite. Wenn ich die mit "F5" neu lade, dann sehen wir, "Model.Content" ist also vom Typ "Umbraco.Web.PublishedContentModel.Home". Dieses "Home" ist das Interessante daran. Moment, das war die verkehrte Seite, kehren wir wieder zurück zu unserem Template und versuchen jetzt einfach einmal hier das Property "Text" zu benutzen. Ich speichere das Ganze wieder ab und kehre zurück zu meiner Webseite. Jetzt habe ich hier meinen im Content eingegebenen Text. Das heißt, wenn ich in die Inhalte gehe, auf "Home" gehe und sage, das sind zu viele Ausrufezeichen, ich möchte diesen Text abändern, dann ist der abgeänderte Text sofort sichtbar. Okay, damit habe ich unsere Webseite dynamisiert. Das heißt, ich habe einen Dokumenttyp, ich kann damit Properties erfassen, ich kann sie in meinen Templates wiedergeben und sozusagen in HTML-Code umwandeln.

Umbraco 7 Grundkurs

Lernen Sie das mächtige Content Management System zu bedienen und steigen Sie in die Entwicklung dafür ein.

3 Std. 16 min (32 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Hersteller:
Software:
Umbraco Umbraco 7
.NET .NET 4.6
Exklusiv für Abo-Kunden
Erscheinungsdatum:07.09.2016

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!