Bem-vindo novamente nesta lição, vamos continuar com o aplicativo do acampamento e vamos adicionar o
recurso ou a capacidade de um usuário enviar um novo acampamento.
Então, há algumas coisas que precisamos fazer.
O primeiro é configurar a rota de publicação que criamos o novo acampamento adicionado
à matriz.
Em seguida, precisamos adicionar no analisador de corpos e certificar-se de que ele é importado corretamente e configurado e,
então, temos duas outras etapas aqui para a preocupação de criar o formulário e criar a rota para o formulário
onde um usuário pode realmente enviar esse pedido de POST.
Então vamos chegar a isso.
Vamos começar configurando a rota de publicação.
Então eu ainda estou no V-1 e eu vou abrir realmente, sim, um anúncio em nosso pós-rascunho e vou fazer isso
no final e eu vou subir de postagem e, ao invés de fazer algo como o acampamento novo de Slash ou
adicione o acampamento, eu realmente vou fazer acampamentos de barraca.
Então, é exatamente o mesmo que você RL Como nós temos para nossa rota Get, mas existem rotas totalmente diferentes
porque uma é uma GED e uma é uma publicação e não estou apenas fazendo isso para mostrar que, de
fato, podemos ter a mesma agência com um método de pedido diferente e existem rotas diferentes.
Sim, isso é parte disso.
Isso é realmente parte de uma convenção sobre como nomeamos rotas.
Temos muita liberdade em como o nome está fora.
Mas, na verdade, há uma convenção chamada o resto e vamos voltar a isso em
futuros vídeos.
Mas tudo o que eu quero dizer agora é que para que nossas rotas sigam esta convenção
chamada repouso quando temos uma página que mostra todos os campgrounds que você é, eu deveria ser acampamentos de barraca.
uma rota onde podemos criar um novo acampamento, deve ser exatamente o mesmo que você escolhe o acampamento.
Quando temos uma página ou
Mas deve ser uma solicitação de publicação.
Então, essa é uma convenção é um formato que vamos seguir se estamos fazendo isso por um amigo.
Teríamos amigos do Slash à medida que ele mostraria todos os amigos e cortar amigos, uma vez que enviamos
uma solicitação de publicação para criar um novo amigo.
Então, vamos ter muita prática com isso.
Esta é apenas a primeira introdução.
rotas diferentes que são repousantes que seguem essa convenção de descanso que estaremos vendo mais tarde.
Mas existem atualmente sete
Então, dentro de aqui, o que queremos fazer é duas coisas que queremos obter dados do formulário
e adicionar a uma matriz de campground e, em seguida, também queremos redirecionar a página de acesso para campground para esta rota.
Então, temos a atualização do ACT UP e sempre podemos fazer um envio de ponto vermelho aqui, você bateu na rota da publicação e
então podemos testá-la com o postar.
Então, eu vou apenas copiar o euro aqui voltar para o carteiro e a rota que estamos testando é acalmar campgrounds como
um post não um get se o fizéssemos como um pedido de get.
nossos servidores não iniciaram o H Tim L e o SS que vemos aqui é a página de erro.
Na verdade, não importa porque
Esta página de erro que a nuvem 9 nos fornece.
Então, precisamos iniciar o servidor.
Agora, se voltarmos e fizermos o mesmo pedido GET, veremos a lista com as imagens e os H.
E se fizermos uma solicitação de publicação, devemos apenas receber uma pequena mensagem que diga que você atingiu o post-draft.
OK, então é tudo o que faremos com o carteiro prova-nos que está funcionando como uma rota de publicação e o que
faremos em seguida é instalar o analisador de corpos.
das tabelas e economizar e depois vamos importá-lo aqui, com as partes do nosso corpo são iguais, exigem o analisador de corpo Desch e salve.
Por isso, precisamos fazer a instalação do NPM no painel de traço do tabuleiro
E então precisamos dizer ao expresso que use o pods parser.
Então, vamos fazer isso usando o analisador Oddy e então também precisamos fazer o ponto euro sem revestimento e depois passar em um
objeto e tudo o que precisamos fazer é adicionar o Colan extenso.
Lembre-se que esta é uma linha que apenas verá todo o tempo, você pode se
acostumar a memorizar ou simplesmente copiar e colar e economizar.
E agora nós temos partes do corpo são configuradas e podemos dizer se isso funciona apenas correndo atrás de nós
e se não tivermos um erro, estamos bem.
Agora vamos nos concentrar no formulário.
Então, antes do que eu mostrei você é o aplicativo de amigos onde tínhamos o formulário na mesma página que a lista de amigos,
mas essa não é a abordagem que vamos levar aqui.
Em vez disso, teremos uma página separada completa e uma rota que realmente mostrará o formulário.
Será a forma de fazer um novo acampamento.
E então você envia o formulário que envia uma solicitação de publicação para cortar o acampamento como uma publicação
e depois é redirecionado de volta aos campgrounds.
separada e podemos simplesmente fazer isso no fundo, aqui ou no meio, não é importante.
Então, vamos fazer uma página separada para fazer isso, precisamos de uma rota
E isso será cortado em novos acampamentos.
E, novamente, isso pode ser qualquer coisa que queremos, mas esta é a convenção restante.
Então este é o terceiro desses nomes convencionais.
um get deve mostrar-lhe todos os acampamentos de acampamento de acampamentos como uma publicação é a rota onde
você pode criar um novo acampamento e, em seguida, cortar a barra do acampamento novo deve mostrar o
formulário que enviará os dados para esta rota de publicação, então Vamos entender isso e tudo o que precisa fazer é renderizar um
formulário, não precisamos passar em qualquer dado ou qualquer coisa, então vamos fazer um rez render e o formulário apenas chamará novo.
O primeiro foi um acampamento de barraco, uma vez que
Sim, assim.
E seguro.
Agora, de volta aqui no nosso diretório de visualizações, vamos fazer esse modelo.
Então toque as vistas novas.
Sim.
E então vamos abrir esse modelo e dentro do modelo adicionar.
método e lembrar que o método deve ser post e a ação deve ser acampar os campgrounds que é a rota Aqui.
E cada um que diz Criar um novo acampamento e, em seguida, adicionaremos uma etiqueta de formulário nesta etiqueta
de formulário, precisamos ter ação e precisamos ter um
Apt up post slash campgrounds.
Então, é aqui que obteremos os dados do formulário e adicionaremos a matriz de campgrounds.
E dentro, precisamos de duas entradas diferentes.
Então, o primeiro é tipo porque o texto e o espaço reservado serão apenas o nome.
E o segundo irá fazer o espaço reservado é imagem você rl.
atributo de nome em ambos, então, nome e isso será seja igual ao nome.
E vamos apenas fazer isso e vamos mantê-lo como Typee para o texto e então precisamos do nosso botão na parte inferior
e aqui para dizer enviar e salvar e, em seguida, também precisamos do
E aqui teremos o nome igual à imagem e usamos esse atributo de nome em vez de nossa rota para
pegar os dados da solicitação Abati.
Antes de fazer isso.
Certifique-se de que este formulário esteja aparecendo corretamente.
Então, vamos começar o servidor e visitar esta rota, precisamos ir para recortar os acampamentos de corte
novos e obter o nosso formulário excelente.
Não recebemos nenhum desses estilos de inicialização.
Não que pareça muito, mas não estamos conseguindo porque não temos nossos layouts incluídos.
Não temos cabeçalho e rodapé para que possamos também.
Então, adicione-o também, inclua o "Hetter" da barra de Parshall e copie essa linha aqui e inclua
o rodapé do Parshall.
Reinicie o servidor voltar.
Agora temos o bootstrap bonito e temos o arquivo de cabeçalho e, em seguida, o nosso rodapé aqui também.
o que significa que nosso código do formulário está enviando uma solicitação de publicação para acampar acampamentos.
E podemos testar isso para ver se está indo para o caminho certo ou simplesmente digitar qualquer coisa aqui e clicar em enviar e nós
conseguimos que você atinja a rota da publicação,
E nós estamos resolvendo este redstart.
Mas ao invés de enviar isso, queremos adicionar a lógica para que isso funcione.
E lembre-se de obter os dados da forma que usamos o pedido do corpo e, em seguida,
solicitamos o nome do bodycam e solicite a imagem do corpo e os guardarei para uma variável.
Até agora nome e imagem var.
E então o que queremos fazer é empurrar um novo acampamento para a nossa matriz aqui.
E para que isso funcione, temos que mudar isso para que não esteja dentro do apt.
Venha, vamos colocá-lo acima e não é onde ele vai ficar.
Lembre-se de que estamos mudando para um banco de dados muito em breve.
Mas, por enquanto, estamos colocando o topo para que tenhamos acesso a ele dentro desta rota de publicação.
Na função de retorno de chamada.
Então, vamos empurrar um novo acampamento para a matriz do acampamento.
Então, o acampamento é configurado para empurrar e precisamos empurrar um objeto.
Então, eu vou fazer esse novo objeto com uma variável.
Então eu vou chamar isso de novo acampamento.
É um objeto e temos o nome é igual ao nome e a imagem é igual à imagem apenas para que combinemos
este formato aqui ou temos o nome e a imagem e, então, a última coisa que precisamos fazer
é empurrar o recém-acampamento como esse.
E então vamos redirecionar de volta para a página do acampamento.
Então, isso será.
RAZ redireciona para acampar acampamentos e sim nós temos que cortar acampamentos.
Mas quando fazemos um redirecionamento, o padrão é redirecionar como um pedido de get.
Então, vamos economizar e vamos
testá-lo voltar atualizar, vamos adicionar um novo acampamento.
Nós apenas chamaremos esta uma margarida e precisamos de uma imagem que você é. Eu apenas vou copiar esta aqui.
Volte.
Hit submit.
E para dizer se funcionou, precisamos rolar para baixo e lá vamos.
Beautiful Daisy mountain.
Vista maravilhosa.
Voltemos e revejo algumas coisas.
Há muito o que fizemos.
A primeira coisa que quero mostrar são as rotas que fizemos.
Então, agora temos realmente um acampamento cortado que nos mostra todos os acampamentos que temos até o último acampamento da
barra do mesmo escritório.
E é aí que nós realmente fazemos a lógica de fazer um novo acampamento e, em seguida, redirecionar o acampamento da barra.
E então, temos a Amtrak obter barramentos cortados novos.
E isso mostra o formulário.
Então, lembre-se de acampamentos cortar novos mostra o formulário que envia uma solicitação de publicação para acampar acampamentos que, por
sua vez, redireciona-nos de volta para acampar acampamentos, pois isso nos mostrará todos os campgrounds
usando o modelo de acampamento.
É definitivamente um fluxo complicado.
Há muitas peças em movimento, mas esta é uma receita que seguiremos muito.
Então, temos um formulário para enviar solicitações em algum lugar.
E, em seguida, dentro dessa rota de publicação, tomamos os dados do formulário.
Nós fazemos algo com isso e depois reencaminhamos para outro lugar.
Portanto, é realmente típico para uma rota de publicação redirecioná-lo para outra rota.
A última coisa que devemos fazer é abrir o modelo de campgrounds.
Então, vamos fazer o C9 usar o acampamento da barra e nós vamos apenas adicionar um link simples até o topo, vamos
fazer com que seja uma tag ancorada para começar um Tref igual barramentos de barramentos cortar novo e que o texto interno será adicionar um novo
acampamento assim e vamos economizar.
E então podemos reiniciar o servidor e vamos voltar aqui para a página de destino ou para a página
dos acampamentos, desculpe-me e adicionamos um novo acampamento.
Clique nele e chegamos à página dos acampamentos e depois podemos adicionar nosso novo acampamento.
Também devemos adicionar um botão para trás para que possamos voltar para ver todos os campgrounds.
Então, no novo modelo na parte inferior, iremos incluir nossa própria marca de âncora aqui.
Um rascunho deve ser igual a barramentos de acampamentos e isso só vai dizer de volta ou voltar a reiniciar o servidor.
Uma última vez que ela está fresca em um novo acampamento volta.
OK, então agora temos o link configurado corretamente no próximo vídeo.
Vamos nos concentrar em algum estilo básico.