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.Antes do Express poder renderizar arquivos de modelo, as seguintes configurações do aplicativo devem ser configuradas:
views, é o diretório onde os arquivos de
modelo estão localizados. Por exemplo: app.set('views',
'./views')view engine, o mecanismo de modelo a ser
usado. Por Exemplo: app.set('view engine', 'pug')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”.