Bem vindo de volta.
Então, este vídeo é uma continuação do último vídeo em que fizemos uma visão geral conceitual deste aplicativo de demonstração de cães
e conversamos sobre as rotas de solicitação para obter o pedido.
Então, novamente para reiterar a mesma expectativa de candidatura.
Você não precisa entender 99 por cento deste código se você puder apenas tratar as coisas como blocos conceituais
e você pode entender que este código aqui é responsável por cães obter rota e, de alguma forma, você envia de volta uma página
que tem um monte de cães em isto.
Isso é tudo o que você precisa saber por enquanto.
O mesmo se aplica aos novos conceitos.
Nós vamos aprender neste vídeo.
O foco não é sintaxe é sobre conceitos.
Então, há uma terceira rota por aqui que não mencionei no primeiro vídeo e é um pouco diferente na medida
em que é uma rota de publicação.
Então, este código aqui será executado somente quando um usuário fizer uma solicitação de POST para cortar criar um cachorro.
E apenas para tropeçar sua memória, um usuário não pode fazer uma solicitação POST digitando algo no você ou no Albar.
nove nove nove por cento do tempo que eles estarão fazendo um pedido POST é através de um formulário.
Noventa e nove
Então, vamos ver isso em ação apenas um pouco.
Mas também posso demonstrar fazer uma solicitação POST através do postman.
Então, solicite solicitações para cortar criar cão.
E o que isso vai fazer é que vai levar o nome na raça que enviamos no pedido, o que
está acontecendo aqui, o nome é pedido até o pedido de raça do nome do corpo para o outbreed do corpo.
Então, de alguma forma, na solicitação, há um nome e uma raça nesse objeto chamado corpo e estamos usando isso para
criar um novo cachorro.
E então, estamos redirecionando o usuário de volta aos cachorros da lama como um pedido de get que então executará
todo esse código que você encontrará todos os cães e renderizará a página dos cães.
Então, muitas coisas acontecem.
Vamos começar no início, enviando uma solicitação de publicação simples para cortar criar cachorro.
Então, vamos para o carteiro e vou mudar isso para a postagem e então precisamos mudar a
rota para que o barramento localhost 3000 crie cães e precisamos ter certeza de que o servidor ainda está bem
quando estiver.
para enviar onde não vamos enviar um nome e uma leitura e veremos o que acontece.
E então, podemos começar por apenas enviar
Então, se você olhar para o que voltamos, é a mesma página de cães onde tem Rustie por que Daisy Sitka.
E então também há um cão vazio sem nome e sem raça.
E se eu for para o meu navegador aqui e eu atualizo, faço outro pedido para cortar cães que desencadearão o código
que recupera todos os cães do banco de dados e faz um pouco de vida para cada um.
Você pode ver na verdade que temos um cão vazio no banco de dados e é porque não enviamos nenhum dado.
Nós não enviamos um nome e uma raça para criar nosso novo cachorro.
Então eles estavam vazios e nosso código acabou de fazer um cachorro vazio e salvou-o no banco de dados.
Então, para enviar os dados com o postman, podemos ir ao corpo e então podemos digitar algumas coisas para adicionar
ao corpo.
Então queremos que um nome seja Charlie e leia e o valor para Breede será um laboratório assim.
Isto é tudo o que precisamos fazer através do carteiro para fazer uma solicitação de publicação que tem nome e raça dentro de
seu corpo.
E vou bater enviar.
Agora você verá a resposta que recebemos.
Todos os cachorros são novamente desta vez no final.
Nós temos Charlie como um laboratório.
E se eu atualizar aqui fazer outro pedido, eu recebo todos os cães.
Charlie foi adicionado.
Vamos recapitular tudo isso em 30 segundos aqui.
Então eu solicito uma solicitação de publicação para criar o cão apenas outro tipo de solicitação.
E no pedido do corpo que está aqui, estou adicionando nome e raça Charlie e laboratório.
E então eu preso enviar e então no meu código no servidor está ouvindo uma solicitação de publicação para cortar o cão.
alguém não nomeia e pede a alguém para o outbreed que são essas duas coisas que enviamos com o carteiro.
E cria um cão com o pedido que
E então, depois que ele cria o cachorro, redireciona-nos para cortar cachorros para que não nos envie uma página ou qualquer
idade para ele.
Na verdade, ele corre o código em cães de barraca aqui, que então encontra todos os cães, incluindo o novo
que acabamos de criar.
Charlie ou no caso anterior era um cão vazio sem nome e sem raça.
Ele recupera todos eles e, em seguida, torna o modelo do cão que vimos.
E para cada um nos faz pequeno aliado.
Então, muitas coisas acontecem.
Está ouvindo um pedido POST.
É adicionar um novo cão a um banco de dados e está redirecionando-nos para cortar cães.
Agora vamos falar sobre como podemos fazer isso com um formulário.
Lembre-se de que não podemos fazer uma solicitação POST clicando em entrar no bar, mas podemos fazer uma usando um formulário.
Então vou adicionar um formulário apenas aos meus cães.
Sim.
No fundo.
Apenas vou fazer uma marca de formulário e há duas partes para uma forma que agora terá mais sentido que falamos sobre elas quando
eu introduzo formulários originalmente, mas você não teve muito contexto para entender o que eles
queriam dizer.
Então, esses dois atributos são ação e método.
Então vou começar com o Método.
Estamos fazendo uma solicitação de publicação e muitas vezes você vê isso em todos os limites também.
Não importa.
E, em seguida, a ação é onde estamos fazendo uma solicitação de publicação, que é apenas criar o cão.
Então, sempre que este formulário for enviado, ele enviará uma solicitação de publicação para criar um cachorro, o que esperamos
aqui.
A solicitação POST criar cão executará este código.
Em seguida, precisamos adicionar nossas entradas.
Então, vamos ter duas entradas.
O tipo é igual a texto em ambos, assim como o suporte fora de lugar para este que apenas diz
o nome.
E então o próximo será para raça.
E a última coisa que faremos é ter um tipo de entrada, ser chamado de envio, qual será o nosso botão
e se atualizarmos a página, agora temos um formulário, mas há um problema.
Se eu preencher isso.
Então, adicionamos outro cachorro aqui Skittles, que pode ser um poodle quando eu acertar, enviará um pedido de publicação para
cortar criar o cão.
Mas observe quando faço que acabamos com um cachorro vazio.
E isso é porque, apesar de eu ter duas entradas, não disse ao navegador qual o nome
dessas entradas.
E este precisa ser chamado de nome, que é um nome pouco confuso porque o nome e este
precisa ser reproduzido e também o espaço reservado.
Então, agora, o que fizemos é adicionando este atributo de nome que dissemos ao navegador quando o usuário enviou
esse formulário, envie uma solicitação de publicação para criar um cachorro com duas peças de dados.
O nome deve ser igual ao que quer que seja nesta entrada e a raça é igual a qualquer coisa nesta entrada também.
Vamos gastar toneladas de tempo escrevendo formulários e lidando com os diferentes atributos.
Então não fique muito apanhado nisso.
Mas o que é importante agora é que estamos adicionando dados ao corpo.
E se eu atualizar e adicionar no Skittles que é um poodle e agora eu tinha enviado, você pode ver que enviou
uma solicitação de publicação e você pode ver isso aqui mesmo para criar um cachorro criar.
E, então, o que aconteceu foi que, em vez disso, crie um cachorro aqui, criou um cão com os dados da
forma, o nome e a raça.
E, depois, criou esse cão e salvou o banco de dados, na verdade, não importa como isso funciona.
Mas isso funciona.
Então, nós redirecionamos para cortar cachorros, e é por isso que há um segundo pequeno objeto impresso aqui que
diz que uma solicitação foi feita para cortar cachorros, mesmo que eu realmente não entrei.
O que aconteceu é quando eu fiz um pedido para cortar criar cão como uma publicação no final de
que ele realmente faz outro pedido para eu cortar cachorros.
E então, isso encontra todos os cachorros e, em seguida, torna o modelo de cães que vemos aqui e, em seguida, obtemos
o formulário no fundo e todo o cão está.
E é por isso que vemos isso aqui.
Então, se você prestar muita atenção a este ícone aqui mesmo, você realmente verá isso em
outro cachorro chamado Snicker com o tema dos doces e os snickers também podem ser um laboratório.
Quando eu acertar, envie.
Observe isso de perto.
Vai ser muito rápido.
Mas mudou por apenas um instante.
E isso é importante porque mostra que, quando faço um pedido, ele realmente me afasta desta
página e então estamos sendo redirecionados de volta aqui, apenas super rápido, então não estamos apenas ficando
nesta página o tempo todo realmente nos leva embora por um instante e depois redireciona-nos de volta e nos mostra
esse conteúdo e é isso que está acontecendo aqui.
Quando você faz um pedido para cortar criar um cachorro, ele redireciona-nos para cortar cães.
E, em seguida, dentro dos cães, nos torna o modelo do cão, que é como vemos tudo isso no navegador.
ESTÁ BEM.
Então cobrimos muito lá.
Deixe-me apenas apontar as partes importantes.
Um é que, dentro do nosso código de servidor, podemos distinguir entre uma solicitação de obtenção e uma solicitação de publicação
e podemos fazer código diferente dependendo do que aconteceu quando e lembrar de uma obtenção é recuperar informações e
uma publicação é adicionar ou enviar informações que é o que estamos usando para.
Slash criar cão como uma publicação é como você pode criar um novo cão.
E há duas coisas que devem estar no corpo do pedido, o nome e a raça.
E se eles não estiverem lá, ele fará um cachorro vazio.
Mas, seja qual for o tipo de cão que ele faz, então redireciona-nos para cortar cães que, em seguida, executa todo esse código.
E o outro importante é que quando enviamos isso, há uma atualização instantânea.
É realmente muito rápido, mas ainda é uma atualização onde estamos fazendo um pedido em outro lugar.
Assim como se eu fizesse isso e eu entrei no Enter, estamos realmente fazendo outro pedido.
A mesma idéia aqui.
Quando eu acertar, envie.
Continue assistindo aqui, faz uma solicitação sempre.
Então, é tudo o que quero falar sobre esta introdução dois servidores e duas rotas e HTP.
Já terminamos por enquanto.
Então, em seguida, vamos nos concentrar em criar o nosso ambiente de desenvolvedor configurado e instalar todas as ferramentas que
você precisa para que possamos começar a escrever código como este.