freeCodeCamp/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.portuguese.md

id	title	challengeType	videoUrl	localeTitle
5895f70bf9fc0f352b528e64	Use a Template Engine's Powers	2		Use os poderes de um motor de modelo

Description

Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no Glitch , ou clonado a partir do GitHub . Um dos maiores recursos de usar um mecanismo de modelo é poder passar variáveis ​​do servidor para o arquivo de modelo antes de renderizá-lo para HTML. No seu arquivo Pug, você está prestes a usar uma variável referenciando o nome da variável como #{variable_name} inline com outro texto em um elemento ou usando um lado igual no elemento sem um espaço como p= variable_name que define esse p texto dos elementos para igualar a variável. Nós recomendamos fortemente que você olhe a sintaxe e a estrutura do Pug aqui em seu README do Githubs. Pug tem tudo a ver com o uso de espaços em branco e guias para mostrar elementos aninhados e reduzir a quantidade de código necessária para criar um site bonito. Olhando para o nosso arquivo pug 'index.pug' incluído no seu projeto, usamos as variáveis title e message Para passar essas informações sozinho do nosso servidor, você precisará adicionar um objeto como um segundo argumento ao seu res.render com as variáveis ​​e seu valor. Por exemplo, passe esse objeto ao longo da configuração das variáveis ​​para sua visualização de índice: {title: 'Hello', message: 'Please login' Deve ser semelhante a: res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'}); Agora atualize sua página e você deverá ver esses valores renderizados em sua visão no local correto, conforme estabelecido em seu arquivo index.pug! Envie sua página quando achar que está certo.

Instructions

Tests

tests:
  - text: Variáveis ​​de renderização do Pug corretas
    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'

Challenge Seed

Solution

// solution required