EJS o Embedded Javascript Templating es un motor de plantillas utilizado por Node.js. El motor de plantillas ayuda a crear una plantilla HTML con un código mínimo. Además, puede inyectar datos en la plantilla HTML en el lado del cliente y producir el HTML final.
Pasos de instalación
Instale el módulo usando el siguiente comando:
npm install ejs --save>
Nota:
Linux cómo cambiar el nombre de un directorio
En los comandos anteriores, npm significa Node Package Manager, que es donde se almacenan todas las dependencias. El
–El indicador save ya no es necesario después del Nodo 5.0.0, ya que todos los módulos que instalemos ahora se agregarán a las dependencias automáticamente.
Para empezar, necesitamos configurar EJS como nuestro motor de plantillas con Expresar . Express es un marco de servidor de aplicaciones web Node.js diseñado para crear aplicaciones web híbridas, de una sola página y de varias páginas. Se ha convertido en el marco de servidor estándar para Nodo.js .
Los datos pasados desde el servidor se envían al archivo EJS y luego podemos acceder a esos datos usando la línea siguiente y proporcionará esos datos a h, p u otra etiqueta de texto.
>
Si queremos utilizar estos datos para operaciones js normales como if-else y bucles u otras declaraciones de programación, podemos escribirlos de la siguiente forma:
Cricket Football>
Ahora, para acceder a esos datos en la etiqueta script del archivo EJS o el archivo .js, todo lo que necesita hacer es pasar esos datos en otra variable como se muestra a continuación:
let data = ''>
Ahora puede realizar cualquier operación en la variable de datos que tenga el mismo valor que la variable de datos pasada por EJS.
Ejemplo: Implementación para utilizar EJS en nuestro proyecto.
¿Qué es f5 en el teclado?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'); });> El comportamiento predeterminado de EJS es que busca en la carpeta 'vistas' las plantillas para representar. Entonces, creemos una carpeta de 'vistas' en nuestra carpeta de proyecto de nodo principal y creemos un archivo llamado home.ejs que se entregará en alguna solicitud deseada en nuestro proyecto de nodo.
HTML cabeza> El texto de la variable EJS pasada desde el servidor es = h2> <%=name%>h2>
Texto de la variable EJS pasada desde la etiqueta del script = h2>h2>
Texto de la variable EJS pasada desde la etiqueta del script después de la manipulación = h2>h2>