Bem vindo de volta.
Neste vídeo, você irá acompanhá-lo pelas etapas de criar um aplicativo simples muito simples e
o objetivo aqui é mostrar como os pedidos de POST funcionam e expressar como criamos rotas que estão
ouvindo pedidos de pós, então, como podemos testar eles com o carteiro e depois veja como podemos escrever um formulário em
um modelo expresso diferente e que esse formulário faça um pedido POST para o nosso aplicativo expresso.
Então, como mencionei, vamos fazer um aplicativo simples juntos e vou começar do
zero e instalar e incluir Express.
E então, vamos seguir a lógica da aplicação real.
Então eu vou começar agora e basta fazer um novo diretório que eu chamarei de CD de demonstração
de solicitação de publicação para isso e nós vamos executar o NPM nele e nós vamos clicar em introduzir algumas vezes mudar o ponto de entrada.
ESTÁ BEM.
Aqui vamos nós.
Nós temos o nosso pacote que Jason agora instala o expresso dash dash save.
E enquanto estivermos aqui vamos NPM instalar E. J. s também e salvar isso.
ESTÁ BEM.
Agora vamos criar nosso aplicativo.
Sim.
E então abriremos isso e adicionei nosso código expresso básico que precisamos.
Então, vamos importá-lo com exigir e, em seguida, criar uma variável de aplicativo onde executamos.
EXPRESSE E enquanto estivermos aqui também iremos fazer o aplicativo, você configurará o mecanismo para ser Ejay Sim e eu salvarei isso.
E então, também fazemos o nosso apt-up, escute na parte inferior em vez de aqui, você processará isso.
E nós entendemos.
E para processar ENFP IP e nossa função de retorno de chamada.
E, finalmente, vou fazer um começo muito simples para o servidor de log iniciado.
ESTÁ BEM.
Então nós temos isso configurado.
Agora vamos criar nossa
rota bruta exatamente assim e nós apenas renderizaremos um modelo para agora o rendimento do restaurante chamado casa assim
e economize.
Agora vamos fazer esse modelo.
Então, precisamos de um diretório usado, crie visualizações de diretório e você precisa tocar em suas visualizações de arquivos na barra de seleção.
Sim.
E, em seguida, abra esse arquivo e lá dentro, vamos fazer uma H-1 simples que diga home page assim e nós teremos certeza
de que isso funciona.
Então, vamos correr o nó Apalachee, vamos voltar aqui atualizar e chegamos à página inicial.
OK, então, temos o conjunto de esqueleto básico, temos expressos, incluímos Ejaz incluído.
Definimos o mecanismo de visualização padrão e temos nossa rota de rota.
O aplicativo que vamos fazer é, basicamente, uma lista de amigos ou amigos que você pode entrar
e através de um formulário, você pode adicionar um novo amigo à sua lista.
cães apenas algo que vamos ter uma lista de que, então, podemos criar um novo usando um formulário.
E isso pode ser qualquer coisa de amigos ou de fazer ou contatos ou
Então, vamos fazer amigos e vamos adicionar no aplicativo e receber amigos e esta será a página do
modelo que mostra uma lista de amigos.
E, em vez de aqui, vamos fazer um redstart render e nós apenas chamaremos de amigos e agora
precisamos criar esse modelo.
Então, vamos tocar as vistas, cortar o amigo que nos comprime e depois abrir esse arquivo assim.
E dentro daqui vamos adicionar outra lista de amigos da H-1 apenas aqui e vamos executar o nosso servidor, certifique-se de
que isso funciona.
Se vamos buscar amigos, a lista de amigos vai aqui.
ESTÁ BEM.
Então, o que vamos fazer é exibir uma lista de amigos.
E então precisamos criar essa lista.
Nós precisamos dos dados.
Então eu vou criar uma série de nomes de amigos e será
muito simples, apenas iguais amigos são iguais e vamos adicionar alguns nomes aqui como Tony e Justin Pierre e Lilly.
ESTÁ BEM.
Então, temos uma série de amigos e então vamos passar essa variedade de amigos até o modelo
de nossos amigos, onde iremos ao longo e exibir cada amigo como um item de lista.
Então precisamos passar.
Lembre-se que é um objeto e temos duas coisas que fazer.
Precisamos dar-lhe um nome ou uma propriedade que usaremos para procurá-lo na visão que eu apenas chamaria amigos
e nossos dados que estamos passando como também amigos que é confuso quando você está apenas
começando .
o que você verá mais frequentemente, onde você apenas usa o mesmo nome, mas lembre-se que isso pode ser qualquer coisa.
Mas isso é
E isso se refere à nossa matriz de amigos aqui.
Ok, então vamos ao gabarito de estudo do amigo e adicione nosso loop e eu vou fazer um para
cada um.
Então, vou escrever o javascript regular primeiro sem os colchetes sem o Ejay.
Então, temos amigos para cada função e nossa função levará o parâmetro de amigo lá e então temos nossas
chaves de fechamento fechadas apenas assim.
E em vez de aqui, o que faremos é fazer um aliado para cada um que diz que eu tenho um amigo assim.
Agora vamos voltar e adicionar as frases que não precisamos de sinal igual ou lembrar que isso é apenas por lógica.
Não queremos que nada apareça nessas duas linhas.
Então, nós fizemos isso e se nós salvamos e atualizamos, devemos ver um aliado que diz que eu tenho um
amigo para cada amigo nessa lista e vamos tentar isso, certifique-se de que não temos nenhum erro.
Atualize a página e obtemos 5 itens da lista que dizem que eu tenho um amigo.
Agora vamos voltar novamente e ao invés de apenas dizer que eu tenho um amigo, vamos realmente imprimir o nome
do amigo.
do sinal de igual, porque queremos que o valor que avaliou seja adicionado ao próprio time.
Então, desta vez, precisamos
Queremos que seja substituído pelo valor de um amigo que está vindo aqui mesmo no nosso para cada um.
Mais uma vez isso pode ser qualquer coisa.
Nomeie o que quisermos x.
E se colocar X aqui vai funcionar.
Então, deixe-me apenas mostrar-lhe que atualizar e nós recebemos nossos cinco amigos e porque X é um
nome de variável terrível, muitos voltam para o amigo assim como para reiniciar o servidor.
Mais uma vez e você não consegue ver nada mudar.
Ok, então temos essa lista de amigos.
Agora, o que vamos fazer é falar sobre a configuração da rota de publicação.
O objetivo no final é ter um formulário na parte inferior desta página e podemos digitar um nome nesse
formulário e clicar no botão enviar e, em seguida, adicionará um novo amigo à nossa lista.
Então, estaremos empurrando um novo nome para a matriz Friends e depois renderizando esse modelo novamente, o que irá adicionar um
novo ponto de marcação e um novo item de lista para aquele amigo recém-adicionado.
dados e queremos adicioná-lo ao banco de dados se estamos registrando um usuário ou estamos criando um novo comentário
ou criando uma nova postagem ou neste caso um novo amigo uma rota de publicação.
Precisamos começar configurando um post-road e lembre-se de que usamos um post Strout sempre que estamos adicionando dados a algo
quando estamos enviando
É o que faz mais sentido, embora não seja a única opção.
Por enquanto, vamos tratá-lo como se fosse a única opção.
Então, obtenha apenas para obter informações e uma publicação é para enviar novos dados a serem adicionados ou ser
usado de alguma forma no lado do servidor.
E tudo o que precisamos escrever é apt up post e o nome da rota, vamos chamá-lo de adicionar um
amigo assim e parece o mesmo com o pedido e a resposta e vamos deixá-lo como este por enquanto.
E dentro, vamos apenas fazer um restante para enviar. Nós não vamos fazer um modelo apenas para enviar o RES.
Você alcançou a rota do post assim.
Então, agora, vamos ver se podemos desencadear isso se pudermos acertá-lo adicionar amigo como uma solicitação de publicação usando o postar.
Então, eu vou levar esse URL e copiá-lo para o carteiro e onde queremos fazer um pedido.
Nós podemos começar por apenas fazer amigos do sosh como um pedido de get e você vê que voltamos cada
time com os cinco amigos.
Mas agora vamos fazer uma solicitação de publicação e estamos fazendo isso para cortar adicionar amigo.
E agora, se enviarmos uma solicitação de publicação, recebemos uma mensagem, não podemos adicionar amigos e isso é por um motivo bobo.
Precisamos reiniciar o servidor sempre que adicionar uma nova rota.
E agora, se voltarmos e enviarmos o pedido de novo, recebemos uma mensagem.
Você alcançou a rota de publicação.
Então estamos enviando solicitação de publicação e estamos fazendo isso através do posutor, em vez de usar um
formulário, mas é a mesma idéia exata.
Funciona da mesma maneira.
Nós enviamos uma solicitação de publicação e este código está sendo executado aqui.
OK, então a próxima coisa que queremos fazer é usar um formulário para enviar essa solicitação de publicação.
Então eu vou para os amigos estudar cada página e na parte inferior muito formulário e este
formulário irá enviar a essa rota.
Então lembre-se de que existem dois atributos importantes.
Há ação e, em seguida, método.
Então vamos começar com o método.
Queremos enviar uma solicitação de publicação e a ação é que você é um todo que é barra e amigo.
E novamente isso precisa combinar esta taxa aqui.
Slash adiciona amigo como uma publicação.
Tudo bem.
E, em vez de aqui, vamos ter um único tipo de entrada igual ao texto e também queremos ter um espaço reservado que
diga o nome ou o que quer que desejemos colocar lá.
Esse é apenas o texto do espaço reservado e, em seguida, também adicionaremos um botão no
final e isso só vai dizer que fiz um novo amigo e salvar isso.
E assim isso vai criar um formulário para nós agora.
reiniciar o servidor e voltei e atualizei a página, agora tenho um formulário aqui e se
inspecionarmos isso, esses dois atributos, onde temos ação, é o método ADD friend é post e tem uma única entrada.
Se eu
E se eu digitar algo aqui, fiz um novo amigo hoje chamado Bob e eles clicam.
Eu fiz um novo amigo.
Você pode ver que estamos recebendo essa resposta.
Você alcançou a rota da publicação, o que significa que estamos enviando uma solicitação de publicação e que a enviamos
para o lugar certo.
Slash adiciona amigo, mas não estamos fazendo nada nessa rota.
esta mensagem e o que realmente queremos fazer é tirar os dados do formulário que quer levar Bob.
Além de responder com
E então queremos adicioná-lo à matriz de amigos e então queremos que o usuário volte para esta página onde eles
podem ver Bob como novo ponto de bala