EJS eller Embedded Javascript Templating är en mallmotor som används av Node.js. Mallmotorn hjälper till att skapa en HTML-mall med minimal kod. Dessutom kan den injicera data i HTML-mallen på klientsidan och producera den slutliga HTML-koden.
Installationssteg
Installera modulen med följande kommando:
npm install ejs --save>
Notera:
I kommandona ovan står npm för Node Package Manager, vilket är där alla beroenden lagras. De
–save-flaggan behövs inte längre efter Node 5.0.0, eftersom alla moduler vi installerar nu kommer att läggas till beroenden automatiskt.
För att börja måste vi ställa in EJS som vår mallmotor med uttrycka . Express är ett ramverk för webbapplikationsserver för Node.js designat för att bygga ensidiga, flersidiga och hybridwebbapplikationer. Det har blivit standardserverramverket för Node.js .
Data som skickas från servern skickas till EJS-filen och sedan kan vi komma åt dessa data med hjälp av raden nedan och det kommer att ge dessa data till h, p eller en annan texttagg.
>
Om vi vill använda dessa data för normala js-operationer som if-else och loops eller andra programmeringssatser kan vi skriva det i följande form:
Cricket Football>
Allt du behöver göra för att komma åt data i skripttaggen för EJS-filen eller .js-filen är att skicka data i en annan variabel enligt nedan:
let data = ''>
Nu kan du utföra vilken operation som helst på datavariabeln som har samma värde som den EJS-anpassade datavariabeln.
Exempel: Implementering för att använda EJS i vårt projekt.
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'); });> Standardbeteendet för EJS är att det tittar in i mappen 'vyer' för mallarna att rendera. Så låt oss skapa en 'views'-mapp i vår huvudnodprojektmapp och skapa en fil med namnet home.ejs som ska serveras på någon önskad begäran i vårt nodprojekt.
HTML huvud> Text från EJS-variabel som skickas från servern är = h2> <%=name%>h2>
Text från EJS-variabel skickad från skripttagg = h2>h2>
Text från EJS-variabel skickad från skripttaggen efter manipulering = h2>h2>