logo

Wie verwende ich EJS in JavaScript?

EJS oder Embedded Javascript Templating ist eine von Node.js verwendete Template-Engine. Die Template-Engine hilft beim Erstellen einer HTML-Vorlage mit minimalem Code. Außerdem kann es Daten in die HTML-Vorlage auf der Clientseite einfügen und den endgültigen HTML-Code erzeugen.

Installationsschritte

Installieren Sie das Modul mit dem folgenden Befehl:



if-else Java
npm install ejs --save>

Notiz:

In den obigen Befehlen steht npm für den Node Package Manager, in dem alle Abhängigkeiten gespeichert sind. Der
Das Flag „–save“ wird nach Node 5.0.0 nicht mehr benötigt, da alle von uns installierten Module jetzt automatisch zu Abhängigkeiten hinzugefügt werden.

Um zu beginnen, müssen wir festlegen EJS als unsere Template-Engine mit Äußern . Express ist ein Node.js-Webanwendungsserver-Framework, das für die Erstellung einseitiger, mehrseitiger und hybrider Webanwendungen entwickelt wurde. Es ist zum Standard-Server-Framework für geworden Node.js .

Vom Server übergebene Daten werden an die EJS-Datei gesendet und dann können wir über die folgende Zeile auf diese Daten zugreifen und sie werden an h, p oder ein anderes Text-Tag übergeben.

>

Wenn wir diese Daten für normale JS-Operationen wie if-else und Schleifen oder andere Programmieranweisungen verwenden möchten, können wir sie in der folgenden Form schreiben:

 Cricket  Football>

Um nun auf diese Daten im Skript-Tag der EJS-Datei oder der .js-Datei zuzugreifen, müssen Sie diese Daten nur noch wie folgt in einer anderen Variablen übergeben:

let data = ''>

Jetzt können Sie jede Operation für die Datenvariable ausführen, die denselben Wert wie die von EJS übergebene Datenvariable hat.



Beispiel: Implementierung zur Verwendung von EJS in unserem Projekt.

Quartale im Jahr
Javascript
// Filename - index.js  // Set express as Node.js web application  // server framework.  // Install it using 'npm install express' command  // and require like this: let express = require('express');  let app = express();    // Set EJS as templating engine  app.set('view engine', 'ejs');  app.get('/', function(req, res) {   res.render('home', {name:'Chris Martin'}); });   // Server setup app.listen(3000, function(req, res) {  console.log('Connected on port:3000'); });>

Das Standardverhalten von EJS besteht darin, dass es im Ordner „views“ nach den Vorlagen sucht, die gerendert werden sollen. Erstellen wir also einen Ordner „views“ in unserem Hauptknotenprojektordner und eine Datei mit dem Namen home.ejs, die bei einer gewünschten Anfrage in unserem Knotenprojekt bereitgestellt werden soll.

HTML
     Kopf>   

Der Text der vom Server übergebenen EJS-Variable lautet = h2>

<%=name%>h2>

Text aus EJS-Variable, übergeben vom Skript-Tag = h2>

h2>

Text aus EJS-Variable, der nach der Manipulation vom Skript-Tag übergeben wurde = h2>

h2>