logo

Come utilizzare Ej in JavaScript?

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>