CRUD NodeJS - #02 Routes and Templates
01/09/2019Nessa aula aprenderemos como criar rotas e templates no NodeJS exibindo para o usuário os resultados que desejamos.
Criando rotas com NodeJS
Para criar rotas no NodeJS através do Express podemos fazer assim:
Enviando uma mensagem através de uma rota get simples:
app.get("/",function(req,res){
res.send('Essa é minha página inicial');
});Enviando um arquivo externo tal como uma página html
app.get("/",function(req,res){
res.sendFile(__dirname+"/index.html");
});Rotas com templates
Vamos trabalhar agora com templates e para isso utilizaremos o módulo handlebars. Vamos criar um diretório views/layouts na raiz do nosso projeto. Posteriormente setaremos as configurações e a rota.
app.engine("handlebars",handlebars({defaultLayout:'main'}));
app.set('view engine','handlebars');Dentro do diretório views/layouts vamos criar o arquivo main.handlebars com o seguinte código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CRUD NODEJS</title>
</head>
<body>
{{{body}}}
</body>
</html>O arquivo acima é o layout padrão do nosso site.
Vamos criar outro arquivo agora dentro de views e fora de layouts. O nome do arquivo será index.handlebars e terá o seguinte código:
<h1>CRUD NODEJS</h1>
<a href='inserir'>Inserir</a>
{{id}}Em seguida iremos chamar a nossa rota:
app.get("/",function(req,res){
res.render('index');
});Vamos aprender agora como passar uma rota com parâmetros:
app.get("/:id?",function(req,res){
res.render('index',{id:req.params.id});
});Por hoje é só. Sucesso nos codigos e na vida!
Posts Relacionados
