1
00:00:00,480 --> 00:00:05,460
Bem-vindo novamente nesta lição, vamos continuar com o aplicativo do acampamento e vamos adicionar o

2
00:00:05,460 --> 00:00:09,070
recurso ou a capacidade de um usuário enviar um novo acampamento.

3
00:00:09,270 --> 00:00:10,990
Então, há algumas coisas que precisamos fazer.

4
00:00:11,010 --> 00:00:15,540
O primeiro é configurar a rota de publicação que criamos o novo acampamento adicionado

5
00:00:15,540 --> 00:00:16,130
à matriz.

6
00:00:16,290 --> 00:00:21,600
Em seguida, precisamos adicionar no analisador de corpos e certificar-se de que ele é importado corretamente e configurado e,

7
00:00:21,600 --> 00:00:27,030
então, temos duas outras etapas aqui para a preocupação de criar o formulário e criar a rota para o formulário

8
00:00:27,030 --> 00:00:29,760
onde um usuário pode realmente enviar esse pedido de POST.

9
00:00:29,760 --> 00:00:30,840
Então vamos chegar a isso.

10
00:00:30,840 --> 00:00:32,720
Vamos começar configurando a rota de publicação.

11
00:00:32,760 --> 00:00:40,950
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

12
00:00:40,950 --> 00:00:49,350
no final e eu vou subir de postagem e, ao invés de fazer algo como o acampamento novo de Slash ou

13
00:00:49,410 --> 00:00:53,380
adicione o acampamento, eu realmente vou fazer acampamentos de barraca.

14
00:00:53,670 --> 00:00:59,550
Então, é exatamente o mesmo que você RL Como nós temos para nossa rota Get, mas existem rotas totalmente diferentes

15
00:00:59,580 --> 00:01:05,310
porque uma é uma GED e uma é uma publicação e não estou apenas fazendo isso para mostrar que, de

16
00:01:05,310 --> 00:01:09,800
fato, podemos ter a mesma agência com um método de pedido diferente e existem rotas diferentes.

17
00:01:09,810 --> 00:01:10,920
Sim, isso é parte disso.

18
00:01:10,920 --> 00:01:14,310
Isso é realmente parte de uma convenção sobre como nomeamos rotas.

19
00:01:14,360 --> 00:01:16,260
Temos muita liberdade em como o nome está fora.

20
00:01:16,380 --> 00:01:20,580
Mas, na verdade, há uma convenção chamada o resto e vamos voltar a isso em

21
00:01:20,580 --> 00:01:21,200
futuros vídeos.

22
00:01:21,330 --> 00:01:26,370
Mas tudo o que eu quero dizer agora é que para que nossas rotas sigam esta convenção

23
00:01:27,180 --> 00:01:33,120
chamada repouso quando temos uma página que mostra todos os campgrounds que você é, eu deveria ser acampamentos de barraca.

24
00:01:33,120 --> 00:01:38,740
uma rota onde podemos criar um novo acampamento, deve ser exatamente o mesmo que você escolhe o acampamento.

25
00:01:39,490 --> 00:01:40,990
Quando temos uma página ou

26
00:01:41,340 --> 00:01:42,780
Mas deve ser uma solicitação de publicação.

27
00:01:42,780 --> 00:01:47,370
Então, essa é uma convenção é um formato que vamos seguir se estamos fazendo isso por um amigo.

28
00:01:47,410 --> 00:01:53,460
Teríamos amigos do Slash à medida que ele mostraria todos os amigos e cortar amigos, uma vez que enviamos

29
00:01:53,460 --> 00:01:56,170
uma solicitação de publicação para criar um novo amigo.

30
00:01:56,580 --> 00:01:58,470
Então, vamos ter muita prática com isso.

31
00:01:58,470 --> 00:02:01,040
Esta é apenas a primeira introdução.

32
00:02:01,110 --> 00:02:05,940
rotas diferentes que são repousantes que seguem essa convenção de descanso que estaremos vendo mais tarde.

33
00:02:05,940 --> 00:02:07,120
Mas existem atualmente sete

34
00:02:07,470 --> 00:02:16,710
Então, dentro de aqui, o que queremos fazer é duas coisas que queremos obter dados do formulário

35
00:02:16,770 --> 00:02:29,140
e adicionar a uma matriz de campground e, em seguida, também queremos redirecionar a página de acesso para campground para esta rota.

36
00:02:30,630 --> 00:02:38,400
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

37
00:02:38,850 --> 00:02:40,630
então podemos testá-la com o postar.

38
00:02:40,770 --> 00:02:47,690
Então, eu vou apenas copiar o euro aqui voltar para o carteiro e a rota que estamos testando é acalmar campgrounds como

39
00:02:48,120 --> 00:02:52,220
um post não um get se o fizéssemos como um pedido de get.

40
00:02:52,460 --> 00:02:57,780
nossos servidores não iniciaram o H Tim L e o SS que vemos aqui é a página de erro.

41
00:02:57,780 --> 00:02:59,300
Na verdade, não importa porque

42
00:02:59,430 --> 00:03:02,460
Esta página de erro que a nuvem 9 nos fornece.

43
00:03:02,460 --> 00:03:04,800
Então, precisamos iniciar o servidor.

44
00:03:05,530 --> 00:03:11,440
Agora, se voltarmos e fizermos o mesmo pedido GET, veremos a lista com as imagens e os H.

45
00:03:11,820 --> 00:03:17,130
E se fizermos uma solicitação de publicação, devemos apenas receber uma pequena mensagem que diga que você atingiu o post-draft.

46
00:03:17,360 --> 00:03:22,800
OK, então é tudo o que faremos com o carteiro prova-nos que está funcionando como uma rota de publicação e o que

47
00:03:22,800 --> 00:03:25,140
faremos em seguida é instalar o analisador de corpos.

48
00:03:25,260 --> 00:03:36,600
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.

49
00:03:37,230 --> 00:03:43,910
Por isso, precisamos fazer a instalação do NPM no painel de traço do tabuleiro

50
00:03:43,910 --> 00:03:46,190
E então precisamos dizer ao expresso que use o pods parser.

51
00:03:46,260 --> 00:03:54,990
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

52
00:03:54,990 --> 00:03:59,680
objeto e tudo o que precisamos fazer é adicionar o Colan extenso.

53
00:03:59,980 --> 00:04:04,470
Lembre-se que esta é uma linha que apenas verá todo o tempo, você pode se

54
00:04:04,470 --> 00:04:07,290
acostumar a memorizar ou simplesmente copiar e colar e economizar.

55
00:04:07,290 --> 00:04:13,050
E agora nós temos partes do corpo são configuradas e podemos dizer se isso funciona apenas correndo atrás de nós

56
00:04:13,050 --> 00:04:15,370
e se não tivermos um erro, estamos bem.

57
00:04:15,390 --> 00:04:17,490
Agora vamos nos concentrar no formulário.

58
00:04:17,520 --> 00:04:24,180
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,

59
00:04:24,180 --> 00:04:27,080
mas essa não é a abordagem que vamos levar aqui.

60
00:04:27,090 --> 00:04:31,530
Em vez disso, teremos uma página separada completa e uma rota que realmente mostrará o formulário.

61
00:04:31,770 --> 00:04:34,610
Será a forma de fazer um novo acampamento.

62
00:04:34,680 --> 00:04:41,280
E então você envia o formulário que envia uma solicitação de publicação para cortar o acampamento como uma publicação

63
00:04:41,280 --> 00:04:44,070
e depois é redirecionado de volta aos campgrounds.

64
00:04:44,070 --> 00:04:48,930
separada e podemos simplesmente fazer isso no fundo, aqui ou no meio, não é importante.

65
00:04:49,440 --> 00:04:53,430
Então, vamos fazer uma página separada para fazer isso, precisamos de uma rota

66
00:04:53,670 --> 00:04:57,900
E isso será cortado em novos acampamentos.

67
00:04:58,260 --> 00:05:02,860
E, novamente, isso pode ser qualquer coisa que queremos, mas esta é a convenção restante.

68
00:05:02,880 --> 00:05:06,010
Então este é o terceiro desses nomes convencionais.

69
00:05:06,060 --> 00:05:12,120
um get deve mostrar-lhe todos os acampamentos de acampamento de acampamentos como uma publicação é a rota onde

70
00:05:12,120 --> 00:05:18,210
você pode criar um novo acampamento e, em seguida, cortar a barra do acampamento novo deve mostrar o

71
00:05:18,210 --> 00:05:25,960
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

72
00:05:25,960 --> 00:05:33,400
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.

73
00:05:33,400 --> 00:05:36,720
O primeiro foi um acampamento de barraco, uma vez que

74
00:05:36,970 --> 00:05:38,460
Sim, assim.

75
00:05:39,090 --> 00:05:40,340
E seguro.

76
00:05:40,360 --> 00:05:44,290
Agora, de volta aqui no nosso diretório de visualizações, vamos fazer esse modelo.

77
00:05:44,410 --> 00:05:47,760
Então toque as vistas novas.

78
00:05:47,880 --> 00:05:48,440
Sim.

79
00:05:48,730 --> 00:05:54,530
E então vamos abrir esse modelo e dentro do modelo adicionar.

80
00:05:54,540 --> 00:06:04,900
método e lembrar que o método deve ser post e a ação deve ser acampar os campgrounds que é a rota Aqui.

81
00:06:04,900 --> 00:06:13,900
E cada um que diz Criar um novo acampamento e, em seguida, adicionaremos uma etiqueta de formulário nesta etiqueta

82
00:06:13,900 --> 00:06:18,380
de formulário, precisamos ter ação e precisamos ter um

83
00:06:18,550 --> 00:06:20,820
Apt up post slash campgrounds.

84
00:06:20,860 --> 00:06:24,850
Então, é aqui que obteremos os dados do formulário e adicionaremos a matriz de campgrounds.

85
00:06:25,090 --> 00:06:27,540
E dentro, precisamos de duas entradas diferentes.

86
00:06:27,640 --> 00:06:34,570
Então, o primeiro é tipo porque o texto e o espaço reservado serão apenas o nome.

87
00:06:35,290 --> 00:06:39,600
E o segundo irá fazer o espaço reservado é imagem você rl.

88
00:06:39,710 --> 00:06:45,470
atributo de nome em ambos, então, nome e isso será seja igual ao nome.

89
00:06:45,460 --> 00:06:54,280
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

90
00:06:54,280 --> 00:06:59,320
e aqui para dizer enviar e salvar e, em seguida, também precisamos do

91
00:06:59,320 --> 00:07:07,180
E aqui teremos o nome igual à imagem e usamos esse atributo de nome em vez de nossa rota para

92
00:07:07,180 --> 00:07:09,580
pegar os dados da solicitação Abati.

93
00:07:09,620 --> 00:07:10,370
Antes de fazer isso.

94
00:07:10,390 --> 00:07:12,760
Certifique-se de que este formulário esteja aparecendo corretamente.

95
00:07:12,850 --> 00:07:21,880
Então, vamos começar o servidor e visitar esta rota, precisamos ir para recortar os acampamentos de corte

96
00:07:21,970 --> 00:07:25,870
novos e obter o nosso formulário excelente.

97
00:07:25,880 --> 00:07:28,160
Não recebemos nenhum desses estilos de inicialização.

98
00:07:28,390 --> 00:07:33,090
Não que pareça muito, mas não estamos conseguindo porque não temos nossos layouts incluídos.

99
00:07:33,160 --> 00:07:36,990
Não temos cabeçalho e rodapé para que possamos também.

100
00:07:37,420 --> 00:07:47,680
Então, adicione-o também, inclua o "Hetter" da barra de Parshall e copie essa linha aqui e inclua

101
00:07:47,680 --> 00:07:50,130
o rodapé do Parshall.

102
00:07:51,040 --> 00:07:54,360
Reinicie o servidor voltar.

103
00:07:54,380 --> 00:07:59,290
Agora temos o bootstrap bonito e temos o arquivo de cabeçalho e, em seguida, o nosso rodapé aqui também.

104
00:08:00,460 --> 00:08:04,870
o que significa que nosso código do formulário está enviando uma solicitação de publicação para acampar acampamentos.

105
00:08:04,880 --> 00:08:11,440
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

106
00:08:11,440 --> 00:08:13,430
conseguimos que você atinja a rota da publicação,

107
00:08:13,570 --> 00:08:15,290
E nós estamos resolvendo este redstart.

108
00:08:15,580 --> 00:08:20,590
Mas ao invés de enviar isso, queremos adicionar a lógica para que isso funcione.

109
00:08:20,750 --> 00:08:26,240
E lembre-se de obter os dados da forma que usamos o pedido do corpo e, em seguida,

110
00:08:26,260 --> 00:08:31,550
solicitamos o nome do bodycam e solicite a imagem do corpo e os guardarei para uma variável.

111
00:08:31,570 --> 00:08:36,060
Até agora nome e imagem var.

112
00:08:36,350 --> 00:08:41,830
E então o que queremos fazer é empurrar um novo acampamento para a nossa matriz aqui.

113
00:08:42,040 --> 00:08:47,590
E para que isso funcione, temos que mudar isso para que não esteja dentro do apt.

114
00:08:47,600 --> 00:08:52,240
Venha, vamos colocá-lo acima e não é onde ele vai ficar.

115
00:08:52,250 --> 00:08:54,690
Lembre-se de que estamos mudando para um banco de dados muito em breve.

116
00:08:55,000 --> 00:08:59,790
Mas, por enquanto, estamos colocando o topo para que tenhamos acesso a ele dentro desta rota de publicação.

117
00:09:00,080 --> 00:09:01,460
Na função de retorno de chamada.

118
00:09:01,880 --> 00:09:05,130
Então, vamos empurrar um novo acampamento para a matriz do acampamento.

119
00:09:05,430 --> 00:09:08,950
Então, o acampamento é configurado para empurrar e precisamos empurrar um objeto.

120
00:09:09,080 --> 00:09:11,310
Então, eu vou fazer esse novo objeto com uma variável.

121
00:09:11,360 --> 00:09:15,570
Então eu vou chamar isso de novo acampamento.

122
00:09:15,590 --> 00:09:24,350
É um objeto e temos o nome é igual ao nome e a imagem é igual à imagem apenas para que combinemos

123
00:09:24,350 --> 00:09:31,550
este formato aqui ou temos o nome e a imagem e, então, a última coisa que precisamos fazer

124
00:09:31,540 --> 00:09:33,580
é empurrar o recém-acampamento como esse.

125
00:09:33,740 --> 00:09:36,890
E então vamos redirecionar de volta para a página do acampamento.

126
00:09:37,060 --> 00:09:37,960
Então, isso será.

127
00:09:38,000 --> 00:09:47,270
RAZ redireciona para acampar acampamentos e sim nós temos que cortar acampamentos.

128
00:09:47,380 --> 00:09:51,310
Mas quando fazemos um redirecionamento, o padrão é redirecionar como um pedido de get.

129
00:09:51,380 --> 00:09:53,630
Então, vamos economizar e vamos

130
00:09:57,400 --> 00:10:01,140
testá-lo voltar atualizar, vamos adicionar um novo acampamento.

131
00:10:01,210 --> 00:10:08,820
Nós apenas chamaremos esta uma margarida e precisamos de uma imagem que você é. Eu apenas vou copiar esta aqui.

132
00:10:09,080 --> 00:10:10,520
Volte.

133
00:10:10,850 --> 00:10:12,640
Hit submit.

134
00:10:13,270 --> 00:10:17,060
E para dizer se funcionou, precisamos rolar para baixo e lá vamos.

135
00:10:17,090 --> 00:10:18,700
Beautiful Daisy mountain.

136
00:10:18,700 --> 00:10:20,240
Vista maravilhosa.

137
00:10:20,230 --> 00:10:22,200
Voltemos e revejo algumas coisas.

138
00:10:22,210 --> 00:10:23,620
Há muito o que fizemos.

139
00:10:23,620 --> 00:10:26,170
A primeira coisa que quero mostrar são as rotas que fizemos.

140
00:10:26,170 --> 00:10:33,790
Então, agora temos realmente um acampamento cortado que nos mostra todos os acampamentos que temos até o último acampamento da

141
00:10:33,790 --> 00:10:35,480
barra do mesmo escritório.

142
00:10:35,600 --> 00:10:40,370
E é aí que nós realmente fazemos a lógica de fazer um novo acampamento e, em seguida, redirecionar o acampamento da barra.

143
00:10:40,900 --> 00:10:44,520
E então, temos a Amtrak obter barramentos cortados novos.

144
00:10:44,650 --> 00:10:46,330
E isso mostra o formulário.

145
00:10:46,690 --> 00:10:55,070
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

146
00:10:55,070 --> 00:11:01,490
sua vez, redireciona-nos de volta para acampar acampamentos, pois isso nos mostrará todos os campgrounds

147
00:11:01,820 --> 00:11:03,930
usando o modelo de acampamento.

148
00:11:04,740 --> 00:11:07,490
É definitivamente um fluxo complicado.

149
00:11:07,540 --> 00:11:11,360
Há muitas peças em movimento, mas esta é uma receita que seguiremos muito.

150
00:11:11,410 --> 00:11:13,910
Então, temos um formulário para enviar solicitações em algum lugar.

151
00:11:14,050 --> 00:11:16,990
E, em seguida, dentro dessa rota de publicação, tomamos os dados do formulário.

152
00:11:17,020 --> 00:11:20,530
Nós fazemos algo com isso e depois reencaminhamos para outro lugar.

153
00:11:20,530 --> 00:11:24,570
Portanto, é realmente típico para uma rota de publicação redirecioná-lo para outra rota.

154
00:11:25,070 --> 00:11:28,140
A última coisa que devemos fazer é abrir o modelo de campgrounds.

155
00:11:28,610 --> 00:11:37,930
Então, vamos fazer o C9 usar o acampamento da barra e nós vamos apenas adicionar um link simples até o topo, vamos

156
00:11:37,930 --> 00:11:48,790
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

157
00:11:48,910 --> 00:11:51,250
acampamento assim e vamos economizar.

158
00:11:51,350 --> 00:11:59,300
E então podemos reiniciar o servidor e vamos voltar aqui para a página de destino ou para a página

159
00:11:59,290 --> 00:12:02,390
dos acampamentos, desculpe-me e adicionamos um novo acampamento.

160
00:12:02,530 --> 00:12:07,040
Clique nele e chegamos à página dos acampamentos e depois podemos adicionar nosso novo acampamento.

161
00:12:07,270 --> 00:12:12,080
Também devemos adicionar um botão para trás para que possamos voltar para ver todos os campgrounds.

162
00:12:12,380 --> 00:12:17,980
Então, no novo modelo na parte inferior, iremos incluir nossa própria marca de âncora aqui.

163
00:12:18,120 --> 00:12:26,650
Um rascunho deve ser igual a barramentos de acampamentos e isso só vai dizer de volta ou voltar a reiniciar o servidor.

164
00:12:26,770 --> 00:12:32,320
Uma última vez que ela está fresca em um novo acampamento volta.

165
00:12:32,530 --> 00:12:35,900
OK, então agora temos o link configurado corretamente no próximo vídeo.

166
00:12:35,920 --> 00:12:37,970
Vamos nos concentrar em algum estilo básico.