EJS eller Embedded Javascript Templating er en skabelonmotor, der bruges af Node.js. Skabelonmotoren hjælper med at skabe en HTML-skabelon med minimal kode. Det kan også indsprøjte data i HTML-skabelonen på klientsiden og producere den endelige HTML.
Installationstrin
Installer modulet ved hjælp af følgende kommando:
npm install ejs --save>
Bemærk:
I kommandoerne ovenfor står npm for Node Package Manager, som er hvor alle afhængigheder er gemt. Det
–save flag er ikke længere nødvendig efter Node 5.0.0, da alle de moduler, vi installerer, nu automatisk bliver tilføjet til afhængigheder.
For at starte skal vi indstille EJS som vores skabelonmotor med Express . Express er en Node.js-webapplikationsserverramme designet til at bygge enkeltsidede, flersidede og hybride webapplikationer. Det er blevet standard serverramme for Node.js .
Data, der sendes fra serveren, sendes til EJS-filen, og så kan vi få adgang til disse data ved hjælp af nedenstående linje, og det vil give disse data til h, p eller en anden tekst-tag.
>
Hvis vi ønsker at bruge disse data til normale js-operationer som if-else og loops eller andre programmeringssætninger, kan vi skrive det i følgende form:
Cricket Football>
For nu at få adgang til disse data i script-tagget til EJS-filen eller .js-filen skal du blot sende disse data i en anden variabel som nedenfor:
let data = ''>
Nu kan du udføre enhver handling på datavariablen, der har samme værdi som den EJS-beståede datavariabel.
Eksempel: Implementering for at bruge EJS i vores 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'); });> Standardadfærden for EJS er, at den ser ind i 'views'-mappen for at gengive skabelonerne. Så lad os lave en 'views'-mappe i vores hovednodeprojektmappe og lave en fil med navnet home.ejs, som skal serveres på en ønsket anmodning i vores nodeprojekt.
HTML hovedet> Tekst fra EJS-variabel sendt fra serveren er = h2> <%=name%>h2>
Tekst fra EJS-variabel sendt fra script-tag = h2>h2>
Tekst fra EJS-variabel sendt fra script-tag efter manipulation = h2>h2>