EJS o Embedded Javascript Templating è un motore di template utilizzato da Node.js. Il motore dei modelli aiuta a creare un modello HTML con un codice minimo. Inoltre, può inserire dati nel modello HTML sul lato client e produrre l'HTML finale.
Passaggi di installazione
Installare il modulo utilizzando il seguente comando:
npm install ejs --save>
Nota:
Nei comandi precedenti, npm sta per Node Package Manager, ovvero il luogo in cui sono archiviate tutte le dipendenze. IL
Il flag –save non è più necessario dopo il Nodo 5.0.0, poiché tutti i moduli che installiamo verranno ora aggiunti automaticamente alle dipendenze.
Per iniziare, dobbiamo impostare EJS come il nostro motore di modelli con Esprimere . Express è un framework di server di applicazioni Web Node.js progettato per la creazione di applicazioni Web a pagina singola, multipagina e ibride. È diventato il framework server standard per Node.js .
I dati passati dal server vengono inviati al file EJS e quindi possiamo accedere a tali dati utilizzando la riga sottostante e fornirà tali dati a h, p o un altro tag di testo.
>
Se vogliamo utilizzare questi dati per normali operazioni js come if-else e loop o altre istruzioni di programmazione possiamo scriverli nella seguente forma:
Cricket Football>
Ora per accedere a quei dati nel tag script del file EJS o del file .js tutto ciò che devi fare è passare quei dati in un'altra variabile come di seguito:
let data = ''>
Ora puoi eseguire qualsiasi operazione sulla variabile di dati che ha lo stesso valore della variabile di dati passata da EJS.
Esempio: Implementazione per utilizzare EJS nel nostro progetto.
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'); });> Il comportamento predefinito di EJS è che cerca nella cartella 'views' i modelli da visualizzare. Quindi, creiamo una cartella 'views' nella cartella del nostro progetto del nodo principale e creiamo un file denominato home.ejs che deve essere servito su alcune richieste desiderate nel nostro progetto del nodo.
HTML testa> Il testo della variabile EJS passata dal server è = h2> <%=name%>h2>
Testo dalla variabile EJS passato dal tag script = h2>h2>
Testo dalla variabile EJS passato dal tag script dopo la manipolazione = h2>h2>