Los motores de visualización son útiles para representar páginas web. Hay muchos motores de visualización disponibles en el mercado como Mustache, Handlebars, EJS, etc., pero el más popular entre ellos es EJS, que simplemente significa JavaScript incorporado. Es un lenguaje/motor de plantillas simple que permite a su usuario generar HTML con javascript simple.
Instalación del módulo ejs:
- Puede visitar el enlace Instalar el módulo ejs . Puede instalar este paquete usando el siguiente comando.
npm install ejs
- Después de instalar multer, puede verificar su versión de ejs en el símbolo del sistema usando el comando.
npm version ejs
- Después de eso, puede crear una carpeta y agregar un archivo, por ejemplo, app.js. Para ejecutar este archivo, debe ejecutar el siguiente comando.
node app.js
- Para configurar el motor de vista, necesita escribir este middleware en su index.js de la siguiente manera:
app.set('views', path.join(__dirname, 'views')) app.set('view engine', 'ejs')donde ruta es el objeto global y __dirname contiene la dirección del directorio actual. Views es la carpeta donde se guardarán todas nuestras páginas web.
- Ahora cree un archivo EJS como Demo.ejs y coloque este archivo en la carpeta de vistas.
Nombre de archivo: Demo.ejs
<!DOCTYPE html>
<html>
<head>
<title>View Engine Demo</title>
</head>
<body>
<!- For printing variable these
tags are used: <%= %> -->
<h1> <%= title %> </h1>
<!- For business logic these
tags are used: <% %> -->
<% if(true){ %>
<h4>Greetings from geeksforgeeks</h4>
<% } %>
</body>
</html>
Nombre de archivo: app.js
const express = require('express')
const path = require('path')
const app = express()
// View Engine Setup
app.set('views', path.join(__dirname, 'views'))
app.set('view engine', 'ejs')
app.get('/', function(req, res){
// Rendering our web page i.e. Demo.ejs
// and passing title variable through it
res.render('Demo', {
title: 'View Engine Demo'
})
})
app.listen(8080, function(error){
if(error) throw error
console.log("Server created Successfully")
})
Pasos para ejecutar el programa:
- La estructura del proyecto se verá así:
- Asegúrese de tener ‘view engine’ como he usado «ejs» y también instale express usando los siguientes comandos:
npm install ejs npm install express
- Ejecute el archivo app.js usando el siguiente comando:
node app.js
- Abra el navegador y escriba esta URL:
http://localhost:8080/
- Luego verá la página Demo.ejs como se muestra a continuación:
Entonces, así es como puede configurar un motor de vista en el Node js. Existen muchos otros motores como manubrios, bigotes, etc.
Publicación traducida automáticamente
Artículo escrito por gouravhammad y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA