ASP.NET MVC - Vorlagenansichten

Die Art und Weise, wie wir Teilansichten generieren können, fügt unserer Webanwendung ein neues Element der Komplexität hinzu, dies bedeutet jedoch nicht, dass wir keine anderen Angriffsoptionen für diese Art von Anwendungskonstruktion finden können ASP.NET MVC.
Eine der Methoden, die Sie sich vorstellen können, ist das Erstellen von Dateien HTML mit den notwendigen Teilen, um die Teilansicht zu erstellen, aber es hat ein Problem, nämlich die große Datenmenge, die wir verschieben sollten, zusätzlich zu der möglichen Redundanz des Codes. Dafür können wir uns überlegen, zu verwenden JSON als Möglichkeit, die notwendigen Daten zu verschieben, ohne HTML verwenden zu müssen, und hier haben wir bereits eine bessere Möglichkeit, das Problem zu lösen und die Teilansichten weiterhin zu verwenden.
Aus diesem Grund werden wir eine andere Möglichkeit sehen, mit Teilansichten zu arbeiten, und zwar durch die Verwendung einer Template-Engine auf der Kundenseite, die es uns ermöglicht, eine nachhaltigere Struktur zu haben und das gesamte Gewicht von die Operationen im Browser und entlasten unseren Aufwand.
Vorlagen auf Kundenseite
Das erste, was wir darüber wissen sollten, ist, dass dies zu keiner offiziellen oder Standardspezifikation gehört. Um diese Art von Lösung zu implementieren, werden wir uns also darauf verlassen Bibliotheken von DrittanbieternDas klingt zwar wie eine Warnung vor einem Mittel mit Nebenwirkungen, ist es aber nicht. Tatsächlich bedeutet diese Freiheit, dass wir die Lösung verwenden können, die unserem Geschmack am nächsten kommt.
SchabloneEin Template ist ein kleiner Code mit Abschnitten, die wir mit Kontextdaten füllen können, aber das alleine funktioniert nicht, damit man sieht, dass wir eine Template-Engine haben müssen, in diesem Fall muss es a . sein Javascript-Engine, in diesem Tutorial werden wir verwenden schnurrbart.js Dies ist eine recht beliebte und flexible Bibliothek.
Vorlagensyntax
Da wir eine Template-Engine verwenden müssen, hat diese eine eigene Syntax, um unsere dynamischen Elemente zu finden, das klingt etwas komplex, aber die Anweisungen sind oft sehr intuitiv.
Sehen wir uns in der folgenden Abbildung einen Beispielcode einer Vorlage an und sehen wir daher, wie sie verwendet wird:

Wir sehen auf den ersten Blick, dass es sich nur um einfaches HTML handelt, aber wenn wir weiter nachforschen, stellen wir fest, dass es einige spezielle Ausdrücke enthält, wie z {{Titel}} Diese Arten von Ausdrücken werden durch unsere dynamischen Werte ersetzt. Dadurch können wir diesen Abschnitt immer wieder verwenden, ohne neuen Code zu generieren, wodurch die übertragene Datenmenge reduziert wird.
FunktionDas funktioniert ganz einfach, mit unserem Rahmen Javascript wir bekommen die JSON-Daten unserer Anwendung, dann bauen wir mit unserer Template-Engine unser Skelett zusammen und schließlich "Wir kompilieren" um ein Ergebnis zu bekommen.
Damit beenden wir dieses Tutorial, wir haben eine kleine Einführung in diese Arbeitsweise erhalten, um Teilansichten zu erstellen, obwohl wir nur eine Vorlagen-Engine erwähnen, die nicht die einzige auf dem Markt ist Sehen Sie sich das breite Spektrum an und können Sie einige auswählen, um es auszuprobieren, und wissen Sie, welches für unsere Bedürfnisse am besten geeignet ist.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben