Was macht die NodeJS-Vorlage?

Node.js-Vorlagen sind ein wesentlicher Bestandteil bei der Erstellung von Webanwendungen und erleichtern Entwicklern die Verwaltung und Darstellung von HTML, CSS und JavaScript. Der Zweck von Node.js-Vorlagen besteht darin, Daten von der Verarbeitungslogik der Anwendung und von der Schnittstelle zu trennen. Diese Trennung ermöglicht es Entwicklern, den Code besser zu verwalten und Änderungen und Wartung zu vereinfachen. In diesem Artikel werfen wir einen genaueren Blick auf die Node.js-Vorlagen, untersuchen ihre Verwendungsmöglichkeiten und wie man sie zum Erstellen von Webanwendungen verwendet.

Was sind Node.js-Vorlagen?

Node.js-Vorlagen können Daten im Code vorverarbeiten, bevor sie auf einer Webanwendungsseite gerendert werden. Eine Node.js-Vorlage ist normalerweise eine Zeichenfolge, die HTML-, CSS- und JavaScript-Code enthält, der durch Platzhalter durch bestimmte Symbole oder Syntax ersetzt wird. Platzhalter bestehen aus bestimmten Syntaxmarkierungen, normalerweise Symbolen wie geschweiften Klammern, Größer-als-Zeichen und Prozentzeichen. Zur Laufzeit werden die Platzhalter durch tatsächliche Daten ersetzt und der endgültige Seiteninhalt generiert.

Warum benötigen Sie Node.js-Vorlagen?

Bei der herkömmlichen Webentwicklung kann die Vermischung der Geschäftslogik Ihrer Anwendung mit HTML und CSS zu einem unübersichtlichen Code führen. Wenn eine Anwendung eine Änderung oder Neuorganisation von HTML/CSS erfordert, müssen die Änderungen möglicherweise in der gesamten Codebasis vorgenommen werden, was zu Fehlern und schwer zu wartendem Code führen kann. Daher kann die Verwendung einer Vorlagen-Engine Daten und Seitencode trennen, wodurch der Code einfacher zu erweitern und zu verwalten ist.

Verwendung von Node.js-Vorlagen

Es gibt viele verschiedene Optionen für die Node.js-Vorlagen-Engine, jede mit ihrer eigenen einzigartigen Syntax und Funktionalität. Hier sind einige der beliebtesten Node.js-Vorlagen-Engines und ihre Verwendung.

1. EJS

EJS (Embedded JavaScript) ist eine JavaScript-Vorlagen-Engine, die es ermöglicht, JavaScript-Code mithilfe von JavaScript in HTML-Code einzubetten. Dies macht EJS besonders nützlich, wenn es um die Schnittstelle einer Anwendung geht, da es JavaScript verwenden kann, um andere Funktionen wie Datenbankabfragen, Berechnungen usw. zu integrieren.

Bei Verwendung von EJS können wir JavaScript-ähnliche Funktionsaufrufe verwenden, um HTML auszugeben.

const ejs = require('ejs');
const template = `<h1><%= message %></h1>`;
const data = {message: 'Hello EJS'};
const html = ejs.render(template, data);
console.log(html);

In diesem Beispiel ersetzen wir einfach einige Textdaten durch Variablen, die in der Vorlagenzeichenfolge definiert sind.

2. Handlebars

Handlebars ist eine JavaScript-Vorlagen-Engine, die auf Mustache-Vorlagen basiert und HTML-Fragmente generieren kann. In Handlers können Sie das Symbol {{}} und das Symbol # verwenden, um auf Variablen und Kontrollstrukturen wie if- und for-Schleifen zu verweisen.

Das Folgende ist eine Lenkervorlage zum Erstellen einer Artikelliste.

<ul>
 {{ #each articles }}
  <li><a href="{{ url }}">{{ title }}</a></li>
 {{ /each }}
</ul>

In diesem Beispiel verwenden Sie #each, um jedem Artikel im Artikel-Array zu entsprechen, und geben Sie den Titel und die URL des Artikels aus.

3. Jade (jetzt Pug genannt)

Jade (jetzt Pug genannt) ist eine Template-Engine ähnlich wie HAML. Es ist ideal für die schnelle Entwicklung von Webanwendungen, da es die Syntax von HTML vereinfacht und den Code sauberer macht.

Das Folgende ist eine einfache Formularseite, die in Pug geschrieben wurde.

form(action="/submit-form", method="post")
  label(for="id-email") Email:
  input(name="email", id="id-email", type="email", required)
  br
  label(for="id-password") Password:
  input(name="password", id="id-password", type="password", required)
  br
  button(type="submit") Submit

In diesem Beispiel können wir sehen, wie Einrückungen zur Darstellung der Hierarchie verwendet werden.

Zusammenfassung

Template-Engines sind ein wichtiger Bestandteil beim Erstellen von Webanwendungen, da sie HTML, CSS und JavaScript einfach verwalten und rendern können. Durch die Verwendung einer Template-Engine wird die Logik einer Anwendung von ihrer Schnittstelle getrennt, wodurch der Code einfacher zu schreiben und zu warten ist. Es stehen viele verschiedene Node.js-Vorlagen-Engines zur Auswahl, jede mit ihrer eigenen einzigartigen Syntax und Funktionalität, und Entwickler können je nach Bedarf eine davon auswählen.

Das obige ist der detaillierte Inhalt vonWas macht die NodeJS-Vorlage?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!