‫Instrutor: Agora que entendemos o básico do PUG,
‫é hora de fazer algumas refatorações
‫e ajustar melhor o nosso código à arquitetura do NVC.
‫E para que, depois disso, possamos finalmente
‫começar a construir o próprio site.
‫E, assim como fizemos com nossos recursos,
‫também vou criar um
‫roteador e um controlador para as visualizações.
‫Basicamente, um arquivo onde posso colocar todas as rotas
‫de que precisamos para construir nosso site dinâmico.
‫Então, vamos chamar isso de rotas
‫de visualização.
‫OK.
‫E vamos começar exigindo expresso.
‫OK.
‫E isso vai funcionar exatamente
‫da mesma maneira que os outros roteadores.
‫Então, criando um ponto
‫expresso de roteador.
‫Um roteador e no final nós exportamos.
‫E agora, vamos realmente pegar essas
‫rotas aqui e copiá-las para o arquivo de rotas.
‫Agora aqui está claro, não é mais o aplicativo, mas o roteador.
‫Então, vamos substituir isso.
‫Tudo bem.
‫E então está tudo bem.
‫Então, nas outras rotas, usamos a rota d
‫ponto onde especificamos a rota
‫em si e, depois disso, usamos get, post,
‫patch ou delete, todos esses métodos http.
‫Mas, neste caso, isso não será
‫necessário porque tudo o que faremos é usar get.
‫E assim é bom.
‫Em seguida, precisamos montar este roteador
‫em nosso aplicativo.
‫Então, aqui, no aplicativo, e assim como fizemos
‫antes, começamos por exigi-lo.
‫Então, veja o roteador.
‫E agora, vamos
‫realmente montá-lo, logo após o primeiro.
‫Portanto, veja o roteador, mas a
‫diferença deste é que na verdade está montado na URL da rota.
‫Ok, então sempre que uma URL se parecer com esta,
‫ela irá direto para o roteador de visualização.
‫E não tenho certeza se isso vai funcionar.
‫Talvez tenhamos que colocar aqui no final.
‫Mas vamos ver, uma vez que testarmos isso.
‫OK.
‫Agora, apenas como uma etapa final, vamos, como
‫antes, realmente exportar essas funções aqui para um controlador.
‫E assim, como antes, vamos criar um
‫controlador de visualizações.
‫Tudo bem.
‫E então isso é copiado e outras coisas.
‫Portanto, este aqui será chamado de visão geral do get.
‫Exportar ponto obter visão
‫geral é igual a esta função, certo.
‫Por enquanto, pelo menos.
‫Então, é claro, tudo isso aqui,
‫vamos ser substituídos pelo controlador real que vai
‫realmente obter os dados para a visão geral e, em
‫seguida, renderizar esses dados.
‫Ok, mas por agora, temos apenas esta
‫função de controlador muito simples apenas para ver se tudo funciona.
‫Tudo bem, então vamos adicionar e
‫importar esse controlador aqui.
‫Então, controladores e, em seguida, visualiza o controlador.
‫Ok, e então aqui, teremos views com o
‫ponto do controlador para obter a visão geral, certo.
‫E agora, aqui mesmo.
‫Exportar ponto obter passeio.
‫OK.
‫E este aqui foi apenas um teste.
‫Então vamos nos livrar disso.
‫E agora, finalmente, não queremos uma rota chamada visão geral, mas
‫em vez disso, queremos
‫mostrar a visão geral logo quando abrimos a página.
‫Ok, assim como temos aqui.
‫Portanto, esta é a página da rota e sempre que solicitado,
‫ela servirá esta página de visão geral.
‫Ok, isso é exatamente o que queremos em nosso aplicativo.
‫Tudo bem, então vamos testar.
‫E então este aqui deve ser a página de visão geral.
‫E, de fato, está certo.
‫E agora aqui, vamos recarregar este também
‫para ver se tudo ainda funciona.
‫E faz, ótimo.
‫E, claro, ainda podemos acessar nossa API também.
‫Então, digamos API, V1, slash
‫tours.
‫E isso deve nos dar todos os nossos passeios
‫e que retornaremos para este ponto final.
‫OK.
‫Fantástico, com isso, estamos
‫realmente prontos para realmente começar a construir esta
‫página de visão geral na próxima aula.
‫Mal posso esperar para te ver lá.