Esta tradução fornecida pelo StrongLoop / IBM.

Este documento pode estar desatualizado em relação à documentação em Inglês. Para obter as atualizações mais recentes, consulte a documentação em Inglês.

Usando mecanismos de modelo com o Express

Antes do Express poder renderizar arquivos de modelo, as seguintes configurações do aplicativo devem ser configuradas:

Em seguida instale o pacote npm correspondente ao mecanismo de modelo:

$ npm install pug --save

Mecanismos de modelo compatíveis com o Express como o Pug exportam uma função chamada __express(filePath, options, callback), que é chamada pela função res.render() para renderizar o código de modelo.

Alguns mecanismos de modelo não seguem esta convenção. A biblioteca Consolidate.js segue esta convenção mapeando todos os mecanismos de modelo populares do Node.js, e portanto funciona de forma harmoniosa com o Express.

Após o mecanismo de visualização estar configurado, você não precisa especificar o mecanismo ou carregar o módulo do mecanismo de modelo no seu aplicativo; o Express carrega o módulo internamente, como mostrado abaixo (para o exemplo acima).


app.set('view engine', 'pug');

Crie um arquivo de modelo do Pug chamado index.pug no diretório views, com o seguinte conteúdo:


html
  head
    title= title
  body
    h1= message

Em seguida crie uma rota para renderizar o arquivo index.pug. Se a propriedade view engine não estiver configurada, é preciso especificar a extensão do arquivo view. Caso contrário, é possível omití-la.


app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
});

Ao fazer uma solicitação à página inicial, o arquivo index.pug será renderizado como HTML.

Para aprender mais sobre como mecanismos de modelo funcionam no Express, consulte: “Desenvolvendo mecanismos de para o Express”.