EJS of Embedded Javascript Templating is een sjabloonengine die wordt gebruikt door Node.js. De sjabloonengine helpt bij het maken van een HTML-sjabloon met minimale code. Het kan ook gegevens in de HTML-sjabloon aan de clientzijde injecteren en de uiteindelijke HTML produceren.

Installatiestappen

Installeer de module met behulp van de volgende opdracht:

npm install ejs --save>

Opmerking:

In de bovenstaande opdrachten staat npm voor Node Package Manager, waar alle afhankelijkheden worden opgeslagen. De
–save vlag is niet langer nodig na Node 5.0.0, omdat alle modules die we installeren nu automatisch aan afhankelijkheden worden toegevoegd.

Om te beginnen moeten we instellen EJS als onze sjabloonengine Nadrukkelijk . Express is een Node.js-webapplicatieserverframework dat is ontworpen voor het bouwen van single-page, multi-page en hybride webapplicaties. Het is het standaard serverframework geworden voor Knooppunt.js .

Gegevens die vanaf de server worden doorgegeven, worden naar het EJS-bestand verzonden en vervolgens hebben we toegang tot die gegevens via de onderstaande regel en worden die gegevens doorgegeven aan h, p of een andere teksttag.

>

Als we deze gegevens willen gebruiken voor normale js-bewerkingen zoals if-else en loops of andere programmeerinstructies, kunnen we deze in de volgende vorm schrijven:

 Cricket  Football>

Om toegang te krijgen tot die gegevens in de scripttag van het EJS-bestand of het .js-bestand hoeft u nu alleen maar die gegevens in een andere variabele door te geven, zoals hieronder:

let data = ''>

Nu kunt u elke bewerking uitvoeren op de gegevensvariabele die dezelfde waarde heeft als de door EJS doorgegeven gegevensvariabele.

Voorbeeld: Implementatie om EJS in ons project te gebruiken.

// 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'); });>

Het standaardgedrag van EJS is dat het in de map ‘views’ kijkt waar de sjablonen moeten worden weergegeven. Laten we dus een ‘views’-map maken in onze hoofdknooppuntprojectmap en een bestand maken met de naam home.ejs dat moet worden geserveerd op een gewenst verzoek in ons knooppuntproject.

     hoofd>   
Tekst van de EJS-variabele doorgegeven door de server is = h2>
 <%=name%>h2> 
  
Tekst uit de EJS-variabele doorgegeven via scripttag = h2>
h2> 
  
Tekst uit de EJS-variabele doorgegeven vanuit de scripttag na manipulatie = h2>
h2>