1 00:00:00,950 --> 00:00:04,120 ‫Instrutor: Agora que entendemos o básico do PUG, 2 00:00:04,120 --> 00:00:06,620 ‫é hora de fazer algumas refatorações 3 00:00:06,620 --> 00:00:10,160 ‫e ajustar melhor o nosso código à arquitetura do NVC. 4 00:00:10,160 --> 00:00:12,490 ‫E para que, depois disso, possamos finalmente 5 00:00:12,490 --> 00:00:14,603 ‫começar a construir o próprio site. 6 00:00:16,140 --> 00:00:18,790 ‫E, assim como fizemos com nossos recursos, 7 00:00:18,790 --> 00:00:20,680 ‫também vou criar um 8 00:00:20,680 --> 00:00:23,030 ‫roteador e um controlador para as visualizações. 9 00:00:23,030 --> 00:00:26,210 ‫Basicamente, um arquivo onde posso colocar todas as rotas 10 00:00:26,210 --> 00:00:29,123 ‫de que precisamos para construir nosso site dinâmico. 11 00:00:31,520 --> 00:00:34,340 ‫Então, vamos chamar isso de rotas 12 00:00:35,980 --> 00:00:37,610 ‫de visualização. 13 00:00:37,610 --> 00:00:38,443 ‫OK. 14 00:00:40,650 --> 00:00:43,423 ‫E vamos começar exigindo expresso. 15 00:00:50,630 --> 00:00:51,463 ‫OK. 16 00:00:51,463 --> 00:00:52,960 ‫E isso vai funcionar exatamente 17 00:00:52,960 --> 00:00:55,023 ‫da mesma maneira que os outros roteadores. 18 00:00:56,270 --> 00:00:57,790 ‫Então, criando um ponto 19 00:01:01,260 --> 00:01:02,533 ‫expresso de roteador. 20 00:01:03,538 --> 00:01:07,083 ‫Um roteador e no final nós exportamos. 21 00:01:16,220 --> 00:01:19,460 ‫E agora, vamos realmente pegar essas 22 00:01:21,300 --> 00:01:25,710 ‫rotas aqui e copiá-las para o arquivo de rotas. 23 00:01:25,710 --> 00:01:29,210 ‫Agora aqui está claro, não é mais o aplicativo, mas o roteador. 24 00:01:29,210 --> 00:01:30,553 ‫Então, vamos substituir isso. 25 00:01:32,910 --> 00:01:33,800 ‫Tudo bem. 26 00:01:33,800 --> 00:01:35,990 ‫E então está tudo bem. 27 00:01:35,990 --> 00:01:39,610 ‫Então, nas outras rotas, usamos a rota d 28 00:01:39,610 --> 00:01:42,130 ‫ponto onde especificamos a rota 29 00:01:42,130 --> 00:01:45,720 ‫em si e, depois disso, usamos get, post, 30 00:01:45,720 --> 00:01:48,900 ‫patch ou delete, todos esses métodos http. 31 00:01:48,900 --> 00:01:51,320 ‫Mas, neste caso, isso não será 32 00:01:51,320 --> 00:01:54,810 ‫necessário porque tudo o que faremos é usar get. 33 00:01:54,810 --> 00:01:57,200 ‫E assim é bom. 34 00:01:57,200 --> 00:01:59,620 ‫Em seguida, precisamos montar este roteador 35 00:01:59,620 --> 00:02:01,423 ‫em nosso aplicativo. 36 00:02:02,780 --> 00:02:06,830 ‫Então, aqui, no aplicativo, e assim como fizemos 37 00:02:06,830 --> 00:02:09,573 ‫antes, começamos por exigi-lo. 38 00:02:13,280 --> 00:02:14,803 ‫Então, veja o roteador. 39 00:02:16,690 --> 00:02:18,438 ‫E agora, vamos 40 00:02:18,438 --> 00:02:20,938 ‫realmente montá-lo, logo após o primeiro. 41 00:02:22,719 --> 00:02:25,822 ‫Portanto, veja o roteador, mas a 42 00:02:25,822 --> 00:02:30,822 ‫diferença deste é que na verdade está montado na URL da rota. 43 00:02:31,280 --> 00:02:34,350 ‫Ok, então sempre que uma URL se parecer com esta, 44 00:02:34,350 --> 00:02:37,110 ‫ela irá direto para o roteador de visualização. 45 00:02:37,110 --> 00:02:38,650 ‫E não tenho certeza se isso vai funcionar. 46 00:02:38,650 --> 00:02:41,770 ‫Talvez tenhamos que colocar aqui no final. 47 00:02:41,770 --> 00:02:43,723 ‫Mas vamos ver, uma vez que testarmos isso. 48 00:02:44,770 --> 00:02:46,010 ‫OK. 49 00:02:46,010 --> 00:02:49,600 ‫Agora, apenas como uma etapa final, vamos, como 50 00:02:49,600 --> 00:02:53,540 ‫antes, realmente exportar essas funções aqui para um controlador. 51 00:02:53,540 --> 00:02:56,640 ‫E assim, como antes, vamos criar um 52 00:02:56,640 --> 00:02:58,623 ‫controlador de visualizações. 53 00:03:03,720 --> 00:03:05,310 ‫Tudo bem. 54 00:03:05,310 --> 00:03:07,543 ‫E então isso é copiado e outras coisas. 55 00:03:09,610 --> 00:03:14,303 ‫Portanto, este aqui será chamado de visão geral do get. 56 00:03:17,000 --> 00:03:19,800 ‫Exportar ponto obter visão 57 00:03:22,240 --> 00:03:26,210 ‫geral é igual a esta função, certo. 58 00:03:26,210 --> 00:03:27,410 ‫Por enquanto, pelo menos. 59 00:03:27,410 --> 00:03:29,230 ‫Então, é claro, tudo isso aqui, 60 00:03:29,230 --> 00:03:31,890 ‫vamos ser substituídos pelo controlador real que vai 61 00:03:31,890 --> 00:03:35,220 ‫realmente obter os dados para a visão geral e, em 62 00:03:35,220 --> 00:03:37,030 ‫seguida, renderizar esses dados. 63 00:03:37,030 --> 00:03:39,410 ‫Ok, mas por agora, temos apenas esta 64 00:03:39,410 --> 00:03:42,963 ‫função de controlador muito simples apenas para ver se tudo funciona. 65 00:03:44,290 --> 00:03:46,300 ‫Tudo bem, então vamos adicionar e 66 00:03:46,300 --> 00:03:48,273 ‫importar esse controlador aqui. 67 00:04:00,570 --> 00:04:04,223 ‫Então, controladores e, em seguida, visualiza o controlador. 68 00:04:05,100 --> 00:04:09,230 ‫Ok, e então aqui, teremos views com o 69 00:04:10,090 --> 00:04:14,320 ‫ponto do controlador para obter a visão geral, certo. 70 00:04:14,320 --> 00:04:15,913 ‫E agora, aqui mesmo. 71 00:04:19,610 --> 00:04:22,543 ‫Exportar ponto obter passeio. 72 00:04:26,056 --> 00:04:26,889 ‫OK. 73 00:04:35,010 --> 00:04:38,100 ‫E este aqui foi apenas um teste. 74 00:04:38,100 --> 00:04:40,220 ‫Então vamos nos livrar disso. 75 00:04:40,220 --> 00:04:44,150 ‫E agora, finalmente, não queremos uma rota chamada visão geral, mas 76 00:04:44,150 --> 00:04:45,950 ‫em vez disso, queremos 77 00:04:45,950 --> 00:04:49,040 ‫mostrar a visão geral logo quando abrimos a página. 78 00:04:49,040 --> 00:04:52,380 ‫Ok, assim como temos aqui. 79 00:04:52,380 --> 00:04:55,920 ‫Portanto, esta é a página da rota e sempre que solicitado, 80 00:04:55,920 --> 00:04:58,570 ‫ela servirá esta página de visão geral. 81 00:04:58,570 --> 00:05:02,343 ‫Ok, isso é exatamente o que queremos em nosso aplicativo. 82 00:05:03,950 --> 00:05:08,290 ‫Tudo bem, então vamos testar. 83 00:05:08,290 --> 00:05:11,083 ‫E então este aqui deve ser a página de visão geral. 84 00:05:12,700 --> 00:05:16,230 ‫E, de fato, está certo. 85 00:05:16,230 --> 00:05:18,930 ‫E agora aqui, vamos recarregar este também 86 00:05:18,930 --> 00:05:21,420 ‫para ver se tudo ainda funciona. 87 00:05:21,420 --> 00:05:24,400 ‫E faz, ótimo. 88 00:05:24,400 --> 00:05:28,723 ‫E, claro, ainda podemos acessar nossa API também. 89 00:05:30,640 --> 00:05:33,403 ‫Então, digamos API, V1, slash 90 00:05:34,290 --> 00:05:35,293 ‫tours. 91 00:05:36,289 --> 00:05:38,860 ‫E isso deve nos dar todos os nossos passeios 92 00:05:38,860 --> 00:05:40,963 ‫e que retornaremos para este ponto final. 93 00:05:41,832 --> 00:05:42,665 ‫OK. 94 00:05:44,010 --> 00:05:45,690 ‫Fantástico, com isso, estamos 95 00:05:45,690 --> 00:05:48,070 ‫realmente prontos para realmente começar a construir esta 96 00:05:48,070 --> 00:05:50,450 ‫página de visão geral na próxima aula. 97 00:05:50,450 --> 00:05:52,183 ‫Mal posso esperar para te ver lá.