Die NodeJS-Vorlagen-Engine bezieht sich auf Rendering-Vorlagen. Mithilfe von Vorlagendateien können Sie bei der Generierung Daten aus der Anwendung nach bestimmten Regeln integrieren. Zu den gängigen Node-Template-Engines gehören: Moustache, Dust.js, doT, Jade, EJS, swig usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, NodeJS-Version 12.19.0, DELL G3-Computer.
Einführung in die Template-Engine
Wenn Sie in einer Webanwendung nur serverseitigen Code verwenden, um clientseitigen HTML-Code zu schreiben, ohne Front-End und Back-End zu trennen, verursacht dies eine große Arbeitsbelastung Der geschriebene Code wird schwieriger zu lesen und zu warten sein. Wenn Sie nur die statischen HTML-Dateien des Clients verwenden, wird es schwieriger, die Back-End-Logik in den HTML-Code des Clients zu integrieren.
Um die Wartung zu erleichtern, eine bessere Integration der Back-End-Logik in den Front-End-HTML-Code zu ermöglichen und die Wartung zu erleichtern, haben viele Drittentwickler verschiedene Nodejs-Vorlagen-Engines entwickelt.
Was ist also eine Template-Engine? Wir können sie separat verstehen.
Vorlage: eine Form (Struktur). Damit Sie Daten festlegen und unterschiedliche Logik basierend auf unterschiedlichen Daten implementieren können
Engine: ein Prozessor (kompilieren, ausführen) und schließlich den HTML-Code rendern
Lassen Sie uns also gemeinsam die Template-Engine verstehen: Verwenden Sie Template-Dateien, um HTML-Dateien dynamisch zu generieren Beim Generieren können die Daten der Anwendung nach bestimmten Regeln in die HTML-Datei integriert werden. Ähnlich der Hintergrund-JSP-Sprache.
Einfach ausgedrückt ist eine Template-Engine eine Rendering-Vorlage.
nodejs Template Engine Zusammenfassung und Vergleich
Mustache
Offizielle Website: http://mustache.github.io/
Mustache ist eine sehr einfache und benutzerfreundliche Template Engine, die als Logik bezeichnet wird -freie Template-Engine. Kann in HTML, Konfigurationsdateien, Quellcode und anderen Szenarien verwendet werden.
Der Grund, warum sie als Template-Engine ohne Logik bezeichnet wird, liegt darin, dass sie keine if-Anweisungen, else-Bedingungen, for-Schleifen und andere Strukturen enthält. Nur Tags, Tags durch Werte ersetzen, Werte können Hashes oder Objekte sein, so einfach ist das.
Mustache-Vorlagen haben zwei Definitionen: Mustache (1) und Mustache (5).
Mustache unterstützt gängige Programmiersprachen wie Ruby, JavaScript, Python, Erlang, node.js, PHP, Perl, Perl6, Objective-C, Java , Android, C++, Go, Lua usw.
Mustache lässt sich auch gut mit den Editoren TextMate, Vim, Emacs, Coda, Atom usw. integrieren.
Mustache (1) Handbuch: < http://mustache.github.io/mustache.5.html>
Moustache (5) Handbuch: < ;
Mustache (1) wurde von ctemplate inspiriert und die erste Version wurde Ende 2009 veröffentlicht. Die erste Version der Template-Engine wurde in Ruby implementiert und führte YAML-Vorlagentext aus. Die wichtigsten Grundsätze sind: erstens die Betonung auf „keine Logik“, es gibt keine expliziten Kontrollflussanweisungen, alle Kontrollen werden durch Daten gesteuert, zweitens die Betonung der „Trennung von Logik und Darstellung“, es ist unmöglich, Anwendungslogik in Vorlagen einzubetten.
Handlebars
Offizielle Website: < http://handlebarsjs.com/>
Handlebars.js ist eine Erweiterung der von Chris Wanstrath erstellten Mustache-Vorlagensprache. Sowohl Lenkers.js als auch Mustache sind logikfreie Vorlagensprachen, die Ansichten und Code getrennt halten.
Im Allgemeinen ist die Syntax der Handlers.js-Vorlagen eine Obermenge der Mustache-Vorlagen.
Die grundlegende Syntax finden Sie auf der Hilfeseite von Mustache: < http://mustache.github.com/mustache.5.html>
Handlebars ermöglichen die Vorkompilierung und Einbindung von Vorlagen in JavaScript-Code, wodurch die Startzeit verkürzt wird kurz.
Einige Gründe, warum Handlers nicht mit Mustache kompatibel sind:
* Handlers führt standardmäßig keine rekursive Suche durch, es sei denn, das Kompatibilitätsflag muss gesetzt werden, um diese Funktion zur Kompilierungszeit zu aktivieren. Benutzer sollten sich darüber im Klaren sein, dass die Aktivierung dieses Flags mit Leistungseinbußen verbunden ist.
* Optionale Lambdas im Moustache-Stil werden nicht unterstützt.
* Unterstützt keine alternativen Trennzeichen
Dust.js
Offizielle Website: < http://www.dustjs.com/>
Dust ist eine Javascript-Vorlagen-Engine, die den Sprachstil und das Design von ctemplate übernimmt asynchron auf dem Server und dem Browser laufen zu lassen.
Im Vergleich zu anderen Template-Engines ist Dust nicht unlogisch, es hat nur weniger Logik.
*Sie können in Dust-Vorlagen kein beliebiges Javascript schreiben. Sie verfügen jedoch immer noch über grundlegende logische Operatoren wie Vergleich, kleiner/größer als, Anwesenheit/Abwesenheit. Dadurch wird ein Gleichgewicht zwischen der Lesbarkeit der Vorlage und der Datenkontrolle hergestellt.
* Staub fördert die Verlagerung der Logik in das Datenmodell. Funktionen können im Modell erstellt und dann aus der Vorlage aufgerufen werden, sodass Sie die vollständige Kontrolle darüber haben, wie die Vorlage gerendert wird, ohne die Logik zu überladen.
* Asynchrones Laden, Rendern und Streamen von Vorlagen. Es ist also nicht erforderlich, die Vorlage vorab zu laden.
* Zusammensetzbare Vorlagen, die die teilweise Einbeziehung und dynamische Vorlagenblöcke unterstützen und Vorlagen zusammenfügen, um eine manuelle Erstellung von Layouts zu ermöglichen.
* HTML-sicher, formatunabhängig. Dust verhindert Cross-Site-Scripting-Angriffe, indem es Daten sicher entweicht.
*Hohe Leistung. Schaffen Sie ein Gleichgewicht zwischen Leistung und Funktionalität. Obwohl es nicht so schnell wie Mustache ist, bedeutet seine asynchrone Natur, dass große Vorlagen schneller gerendert werden können.
* Staub funktioniert in JavaScript.
Underscore.js
Offizielle Website: < http://underscorejs.org/>
Underscore ist eine JavaScript-Bibliothek, die eine Reihe nützlicher funktionaler Programmierhilfen bereitstellt, ohne integrierte Objekte zu erweitern.
Underscore bietet mehr als 100 Funktionen und unterstützt Karten-, Filter-, Aufruf- und andere Funktionen sowie Funktionsbindung, JavaScript-Vorlagen, schnelle Indexerstellung, umfassende Äquivalenztests usw.
doT
Offizielle Website: < http://olado.github.io/doT/>
doT ist nicht die am einfachsten zu verwendende Template-Engine, erfüllt aber die folgenden Anforderungen:
* Wenn die Die Template-Engine befindet sich im Client. Sowohl der Client als auch der Server müssen Folgendes verwenden:
* Wenn die Vorlage eine große Logik erfordert und Sie möchten, dass die Anwendung schnell ausgeführt wird
* Wenn Sie eine vorkompilierte Vorlage benötigen:
Jade
Offizielle Website : < http://jade-lang.com/>
Mit dieser Vorlagen-Engine können Sie weniger Code schreiben und die Entwicklung vereinfachen. Die Verwendung in der Node.js-Umgebung ist jedoch zeitaufwändiger, da die Datei zuerst in HTML und dann in Jade konvertiert werden muss.
EJS
Offizielle Website: < http://ejs.co/>
EJS ist die Standardvorlagensprache von CanJS, die die Verwendung von Echtzeitbindung mit Observes ermöglicht. EJS ist sehr einfach zu verwenden. Schreiben Sie einfach den gewünschten HTML-Code und einige magische Tags, die dynamisches Verhalten darstellen, in die Vorlage. JES unterstützt die Blockfunktion nicht.
swig
Swig hat keine abstrakte HTML-Syntax, aber Sie können Swig verwenden, um die Syntax von Angular.js auszufüllen und die Blockfunktion zu unterstützen.
Weitere Informationen zu Knoten finden Sie unter: nodejs-Tutorial! !
Das obige ist der detaillierte Inhalt vonWas ist die Template-Engine von NodeJS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
