EJS sau Embedded Javascript Templating este un motor de șabloane folosit de Node.js. Motorul de șabloane ajută la crearea unui șablon HTML cu cod minim. De asemenea, poate injecta date în șablonul HTML din partea clientului și poate produce HTML-ul final.

js settimeout

Etape de instalare

Instalați modulul folosind următoarea comandă:

npm install ejs --save>

Notă:

În comenzile de mai sus, npm reprezintă Node Package Manager, care este locul în care sunt stocate toate dependențele. The
– flag-ul de salvare nu mai este necesar după Node 5.0.0, deoarece toate modulele pe care le instalăm vor fi acum adăugate automat la dependențe.

Pentru a începe, trebuie să setăm EJS ca motorul nostru de șabloane cu Expres . Express este un cadru de server de aplicații web Node.js conceput pentru a construi aplicații web cu o singură pagină, mai multe pagini și hibride. A devenit cadrul standard de server pentru Node.js .

Datele transmise de la server sunt trimise în fișierul EJS și apoi putem accesa acele date folosind linia de mai jos și va da acele date către h, p sau altă etichetă text.

>

Dacă dorim să folosim aceste date pentru operațiuni js normale, cum ar fi if-else și bucle sau alte instrucțiuni de programare, le putem scrie în următoarea formă:

 Cricket  Football>

Acum, pentru a accesa acele date în eticheta de script a fișierului EJS sau a fișierului .js, tot ce trebuie să faceți este să treceți acele date într-o altă variabilă, după cum urmează:

let data = ''>

Acum puteți efectua orice operație asupra variabilei de date care are aceeași valoare ca variabila de date transmisă de EJS.

Exemplu: Implementare pentru utilizarea EJS în proiectul nostru.

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

Comportamentul implicit al EJS este că caută în folderul „vizualizări” pentru ca șabloanele să fie redate. Deci, să facem un folder „views” în folderul nostru principal al proiectului nodului și să facem un fișier numit home.ejs, care urmează să fie servit la o solicitare dorită în proiectul nostru nod.

     cap>   
Textul din variabila EJS transmis de la server este = h2>
 <%=name%>h2> 
  
Textul din variabila EJS a fost transmis din tag-ul script = h2>
h2> 
  
Textul din variabila EJS a fost transmis din eticheta de script după manipulare = h2>
h2>