Categorias
iiiiii
node con express
Descripcion
creando estructura para usar vistas
nota
//se va implementar el paquete https://github.com/pillarjs/hbs
Este paquete crea una forma de implementar vistas digamicas como lo hace larabel.
1. instalar:
npm install hbs, npm i express
2. Crear la carpeta view y otra llamada view/partial ya que aqui el paquete va a trabajar hbs
3. usarlo, en este se puede usar loops. enviar parametros a la vista ETC
modulo
---view/partial/header.hbs
<header>
<title>{{nombre}}</title> <!--Aqui se muestra al valor del dato enviado desde la vista-->
</header>
---view/home.hbs
<html>
{>header}
<body>
</body>
<!-- Header -->
{>header}
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</nav>
</html>
app
const express = require('express')
const app = express();
const hbs = require('hbs');
app.set('view engine','hbs');
hbs.registerPartials(__dirname+'/views/partials'); //Aqui ponemos todas las vistas reutilizables
app.use(express.static('public'));//indica a express que va sevir todo lo que este en la carpeta public
app.get('/', function (req, res) {
res.render('home',{
nombre: 'pagina probando ando',
titulo:'Curso node'
});
});
app.listen(3000)