La función res.render() se usa para representar una vista y envía la string HTML procesada al cliente.
Sintaxis:
res.render(view [, locals] [, callback])
Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- Locales: Es básicamente un objeto cuyas propiedades definen variables locales para la vista.
- Devolución de llamada Es una función de devolución de llamada.
Devoluciones: Devuelve un Objeto.
Instalación de módulo express:
1. Puede visitar el enlace para instalar el módulo Express . Puede instalar este paquete usando este comando.
npm install express
2. Después de instalar el módulo express, puede verificar su versión express en el símbolo del sistema usando el comando.
npm version express
3. Después de eso, puede crear una carpeta y agregar un archivo, por ejemplo, index.js. Para ejecutar este archivo, debe ejecutar el siguiente comando.
node index.js
Ejemplo 1: Nombre de archivo: index.js
Javascript
var express = require('express');
var app = express();
var PORT = 3000;
// View engine setup
app.set('view engine', 'ejs');
// Without middleware
app.get('/user', function(req, res){
// Rendering home.ejs page
res.render('home');
})
app.listen(PORT, function(err){
if (err) console.log(err);
console.log("Server listening on PORT", PORT);
});
Cree un archivo home.ejs en la carpeta de vistas con el siguiente código:
Nombre de archivo: home.ejs
HTML
<html> <head> <title>res.render() Demo</title> </head> <body> <h2>Welcome to GeeksforGeeks</h2> </body> </html>
Pasos para ejecutar el programa:
1. Asegúrese de haber instalado el módulo express y ejs usando el siguiente comando:
npm install express npm install ejs
2. Ejecute el archivo index.js usando el siguiente comando:
node index.js
Producción:
Server listening on PORT 3000
3. Ahora abra el navegador y vaya a http://localhost:3000/user , puede ver el siguiente resultado en su pantalla:
Welcome to GeeksforGeeks
Ejemplo 2: Nombre de archivo: index.js
Javascript
var express = require('express');
var app = express();
var PORT = 3000;
// View engine setup
app.set('view engine', 'ejs');
// With middleware
app.use('/', function(req, res, next){
res.render('User')
next();
});
app.get('/', function(req, res){
console.log("Render Working")
res.send();
});
app.listen(PORT, function(err){
if (err) console.log(err);
console.log("Server listening on PORT", PORT);
});
Cree un archivo User.ejs en la carpeta de vistas con el siguiente código:
Nombre de archivo: User.ejs
HTML
<html> <head> <title>res.render() Demo</title> </head> <body> <h2>Render Function Demo</h2> </body> </html>
Ejecute el archivo index.js usando el siguiente comando:
node index.js
Después de ejecutar el comando anterior, verá el siguiente resultado en la pantalla de su consola:
Server listening on PORT 3000 Render Working
Ahora abra el navegador y vaya a http://localhost:3000 , puede ver el siguiente resultado en su pantalla:
Render Function Demo
Referencia: https://expressjs.com/en/5x/api.html#res.render
Publicación traducida automáticamente
Artículo escrito por gouravhammad y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA