viernes, 19 de junio de 2020

Capa de vista con Jade

Capa de vista con Jade

Es una tecnologia de la capa de vista para nodeJS que permite crear paginas web dinamicas basadas en html.

Por ejemplo un archivo en jade

doctype html

   html

     head

        title=”Bienvenido a Jade”

     body

        Bienvenido a Jade

 

Su  codigo equivalente en html es:

<!DOCTYPE html>

<html lang="en">

<head>    

    <title>Bienvenido a Jade</title>

</head>

<body>  

    Bienvenido a Jade  

</body>

</html>

 

 

 

Ejemplos:

 

router.js

var router = express.Router();
router.get('/', function (req, res, next) {
  data = [1,2,3];
res.render('index',{datos : data});
}
module.exports = router;

 

 

 

 

index.jade

doctype html
html
  body
    each elemento, i in datos
         p #{elemento}

 

 

 

router.js

var router = express.Router();router.get('/', function (req, res, next) {
  data = [
        {
            nombre : 'Juan'
        },
        {
            nombre : 'Pedro'
        },
        {
            nombre : 'Juan'
        }
    ]
    res.render('index',{datos : data});
}
module.exports = router;

 

 

index.jade

doctype html
html
 head
  body
    each elemento, i in datos
         p #{elemento.nombre}

  

No hay comentarios:

Publicar un comentario