1
00:00:00,200 --> 00:00:01,160
OK, vamos voltar.

2
00:00:01,230 --> 00:00:04,020
Então vamos começar a editar campgrounds.

3
00:00:04,200 --> 00:00:10,080
Então, este é um pouco de revisão do resto para a unidade, onde fizemos esse blog com UI

4
00:00:10,740 --> 00:00:13,460
semântica, mas também vamos adicionar alguns conceitos novos.

5
00:00:13,470 --> 00:00:19,050
particular, quando chegarmos a comentários para começar, ainda estamos trabalhando na edição de campgrounds para que, quando eu

6
00:00:19,050 --> 00:00:22,320
vou para o acampamento, mostre a página primeiro para iniciar

7
00:00:25,320 --> 00:00:32,610
o servidor, eu poderia poder ver um botão que diz editar. Posso clicar nesse botão de edição leva-me a um formulário, preencho-os que

8
00:00:32,610 --> 00:00:38,490
os formulários enviam para a rota de campground de atualização e depois reencaminam-me de volta para a página de exibição.

9
00:00:38,490 --> 00:00:38,900
Em

10
00:00:38,910 --> 00:00:40,340
E devemos ver essas mudanças.

11
00:00:40,500 --> 00:00:42,220
E qualquer um pode fazer isso para começar.

12
00:00:42,300 --> 00:00:44,410
Sem permissões sem autorização.

13
00:00:44,430 --> 00:00:46,740
Falaremos sobre o que isso significa em apenas alguns vídeos.

14
00:00:46,770 --> 00:00:49,360
Uma vez que cobrimos os principais campgrounds também.

15
00:00:49,380 --> 00:00:49,620
Ótimo.

16
00:00:49,620 --> 00:00:51,030
Então vamos começar.

17
00:00:51,060 --> 00:00:54,800
A primeira coisa que precisamos fazer é adicionar a substituição do método.

18
00:00:54,810 --> 00:01:02,220
E vou abrir o excelente gráfico de roteamento que fiz para que possamos nos lembrar as

19
00:01:03,360 --> 00:01:04,890
rotas que precisamos.

20
00:01:04,890 --> 00:01:08,860
Então, deixe-me apenas adicionar isso como outro arquivo na mesma janela.

21
00:01:09,270 --> 00:01:18,510
Lembre-se de que é cortar a barra de identificação do acampamento da barra-ônibus e a atualização é a identificação da barra acamada do acampamento como um

22
00:01:18,570 --> 00:01:19,630
pedido de colocação.

23
00:01:19,740 --> 00:01:28,800
Então, precisamos de substituição de método para esse pedido de colocação, para que possamos começar o método de instalação do NPM, sobrecarga do Dasch.

24
00:01:29,160 --> 00:01:30,760
E eu mencionei isso no último vídeo.

25
00:01:30,810 --> 00:01:33,930
Mas apenas para lembrá-lo, estou trabalhando na V 10.

26
00:01:34,140 --> 00:01:35,540
Então, é uma nova versão.

27
00:01:35,910 --> 00:01:36,370
ESTÁ BEM.

28
00:01:36,540 --> 00:01:40,800
Método sobre o que eu jogaria dash save, certifique-se de que funciona.

29
00:01:40,860 --> 00:01:44,800
Enquanto isso está encerrado e vai abrir.

30
00:01:44,800 --> 00:01:55,350
Na verdade, sim e também abrirei as conexões de J e vamos adicionar um local depois do show

31
00:01:56,130 --> 00:01:58,750
para a linha do acampamento.

32
00:01:59,880 --> 00:02:03,440
E outro para o acampamento de atualização.

33
00:02:04,260 --> 00:02:09,640
E se você está esquecendo por que nós precisamos de ambos, você pode revisar o vídeo da

34
00:02:09,640 --> 00:02:16,110
rota restante dessa unidade, nós entramos em muitos detalhes, mas, novamente, precisamos de um formulário e o formulário deve enviar

35
00:02:16,110 --> 00:02:17,870
algum lugar que seja atualizado.

36
00:02:18,300 --> 00:02:23,580
OK então, dentro da atriz, vamos agora configurá-lo para usar as despesas gerais do método.

37
00:02:23,730 --> 00:02:26,630
Então, primeiro precisamos exigi-lo.

38
00:02:26,640 --> 00:02:30,300
Então, essa será a substituição do método.

39
00:02:30,300 --> 00:02:35,690
Podemos chamá-lo do que queremos, é claro, mas isso importa o método de substituição do Dasch.

40
00:02:36,660 --> 00:02:47,010
que fazer um método de uso usar substituição e, então, temos que dizer o que procurar e queremos método de sublinhado.

41
00:02:47,010 --> 00:02:48,590
E, então, temos

42
00:02:48,960 --> 00:02:51,260
Essa é a coisa convencional que você verá o tempo todo.

43
00:02:51,270 --> 00:02:54,900
Eu acho que é realmente o que eles recomendam no método para substituir a documentação.

44
00:02:55,140 --> 00:02:56,400
Então método de sublinhado.

45
00:02:56,400 --> 00:02:57,250
Ótimo.

46
00:02:57,330 --> 00:03:02,160
Agora, vamos realmente dar um passo para trás e trabalhar no Edit Raben para que possamos obter o

47
00:03:02,160 --> 00:03:02,900
formulário para mostrar.

48
00:03:03,300 --> 00:03:06,500
Então vamos começar lá em nosso acampamento J. S. rotas.

49
00:03:06,900 --> 00:03:12,890
A rota é uma solicitação de obtenção e, em vez de um aplicativo, estamos realmente trabalhando no roteador.

50
00:03:12,990 --> 00:03:17,760
Você pode ver o roteador obter barra.

51
00:03:17,760 --> 00:03:25,860
E nós não precisamos dizer que os acampamentos reduzem a barra de identificação porque lembre-se de interromper Sim, estamos

52
00:03:25,860 --> 00:03:27,520
exigindo a rota aqui.

53
00:03:27,960 --> 00:03:31,830
Estamos adicionando todas as rotas do acampamento após campgrounds sosh.

54
00:03:31,890 --> 00:03:32,940
Então não precisamos disso.

55
00:03:33,030 --> 00:03:41,770
Então, precisamos apenas de slash ID slash e, em seguida, nossos pedidos e nossa resposta e o retorno de chamada.

56
00:03:42,000 --> 00:03:48,820
E como sempre é para prender-nos e na rota do acampamento e apenas certifique-se de ver isso.

57
00:03:49,610 --> 00:03:51,520
OK, mas comece tudo.

58
00:03:51,720 --> 00:03:54,100
Certifique-se de que não temos problemas.

59
00:03:55,230 --> 00:03:59,960
Vamos atualizar e, em seguida, basta adicionar a barra.

60
00:04:00,180 --> 00:04:00,740
Ótimo.

61
00:04:00,810 --> 00:04:02,740
Nós o vemos no acampamento direito.

62
00:04:02,880 --> 00:04:04,370
Era tudo o que precisávamos.

63
00:04:04,380 --> 00:04:07,230
Agora vamos voltar e realmente renderizar um formulário.

64
00:04:07,230 --> 00:04:15,510
Então, rez renderizar precisa ser campgrounds que é nosso diretório de visualizações aqui.

65
00:04:15,510 --> 00:04:19,080
Slash no que ainda não existe.

66
00:04:19,440 --> 00:04:21,600
Então, vamos fazer esse arquivo agora.

67
00:04:21,600 --> 00:04:26,440
Então, queremos fazer uma barra de corte de fusíveis de toque acústica.

68
00:04:26,460 --> 00:04:26,730
E. J. Sim.

69
00:04:26,730 --> 00:04:27,480
E, em seguida, C9 esse arquivo novamente.

70
00:04:27,810 --> 00:04:32,090
A conclusão da guia é o seu amigo e vamos começar simples com apenas editar o

71
00:04:32,130 --> 00:04:39,840
formulário e, em seguida, vamos adicionar em uma outra linha, apenas o formulário do parágrafo vai aqui apenas para que possamos saber com certeza que estamos obtendo a idade certa.

72
00:04:40,140 --> 00:04:45,550
Tim Vou iniciar o servidor novamente atualizar e receber o seu modelo.

73
00:04:45,580 --> 00:04:51,920
Ótimo.

74
00:04:52,110 --> 00:04:52,860
Então, agora, vamos

75
00:04:52,920 --> 00:04:59,100
adicionar um formulário aqui e, ao invés de criar nosso próprio formulário a partir do zero, vou tomar o novo formulário para o acampamento

76
00:04:59,100 --> 00:05:06,480
aqui e copiar isso porque é realmente semelhante ao que precisamos, então realmente o único A diferença entre o novo e o editar é onde o formulário está indo.

77
00:05:06,480 --> 00:05:14,530
Essa é uma diferença e o tipo de pedidos que estamos fazendo.

78
00:05:14,530 --> 00:05:18,100
Então, comecemos por especificar a ação e

79
00:05:18,490 --> 00:05:24,430
podemos fazer o que precisamos fazer ainda porque precisa ser campgrounds.

80
00:05:24,430 --> 00:05:25,200
Slash e Id gostam de algo assim, mas precisamos obter essa identificação.

81
00:05:25,270 --> 00:05:31,500
E agora não temos esse acampamento particular que estamos editando.

82
00:05:31,660 --> 00:05:35,550
Então, dentro dessa rota de edição, não só

83
00:05:35,770 --> 00:05:42,160
renderizamos um modelo, mas precisamos passar em um acampamento que estamos editando.

84
00:05:42,160 --> 00:05:43,280
Ainda não encontramos

85
00:05:43,300 --> 00:05:47,950
esse acampamento, mas vou dar um nome de variável encontrado no acampamento que não existe.

86
00:05:47,950 --> 00:05:48,860
Você vê que estamos recebendo queixas da nuvem nove.

87
00:05:48,920 --> 00:05:52,050
Agora, precisamos fazer uma pesquisa de acampamento por identificação e, em

88
00:05:52,120 --> 00:06:02,080
seguida, o ID está aqui, solicite a identificação do Harams e, em seguida, o nosso erro de retorno de chamada e caso contrário chamaremos isso de acampamento encontrado assim, se houver um erro.

89
00:06:02,080 --> 00:06:12,310
Vamos descansar.

90
00:06:12,820 --> 00:06:14,340
Redirecione e nós vamos voltar para acampar acampamentos.

91
00:06:14,830 --> 00:06:19,040
Caso contrário, vamos renderizar o formulário de edição e passar no acampamento encontrado sob o nome do acampamento.

92
00:06:19,300 --> 00:06:27,540
Ótimo.

93
00:06:28,000 --> 00:06:28,810
Agora, em vez de nosso modelo, usaremos o acampamento para configurar o link para a rota de atualização.

94
00:06:28,810 --> 00:06:34,990
Então, é campgrounds slash campground down underscore ID Ejay Sim.

95
00:06:35,020 --> 00:06:40,870
Então, este é o valor do acampamento para

96
00:06:40,990 --> 00:06:47,170
identificar o acampamento que estamos passando para esse modelo.

97
00:06:47,170 --> 00:06:48,250
E então, a

98
00:06:48,850 --> 00:06:54,640
outra coisa complicada é que lembre-se que isso precisa ser uma solicitação que estamos fazendo e para

99
00:06:54,640 --> 00:07:02,350
fazer isso, nós realmente temos que enviar um método de sublinhado de pergunta, igual a ser colocado e depois deixamos o método como publicação.

100
00:07:02,470 --> 00:07:03,510
Então, essa é uma mudança que faremos.

101
00:07:03,940 --> 00:07:05,490
Também atualizaremos o que dizemos aqui.

102
00:07:05,500 --> 00:07:07,240
Então vou fazer isso e depois o nome do nome do acampamento do acampamento e ver o que recebemos.

103
00:07:07,360 --> 00:07:15,180
Então, se vamos reiniciar atualizar a página, vamos editar

104
00:07:15,190 --> 00:07:24,040
o deserto alto, que é nomeado no acampamento e estamos perto.

105
00:07:24,040 --> 00:07:25,090
Nós temos um formulário que

106
00:07:25,210 --> 00:07:30,850
enviará se eu, se eu clicar em enviar, não temos as rotas configuradas, então está me dizendo que não posso colocar acampamentos de barraca.

107
00:07:30,850 --> 00:07:34,000
Mas para começar, preencha os dados aqui para que, quando

108
00:07:34,740 --> 00:07:40,570
editei um acampamento, vejo os dados que estou editando ou tenho que digitar tudo a partir do zero.

109
00:07:40,600 --> 00:07:43,050
Então, é simples se você se

110
00:07:43,240 --> 00:07:50,020
lembra do primeiro vídeo e atualiza com o site do blog em vez de dar-lhe um espaço reservado.

111
00:07:50,020 --> 00:07:51,530
Nós vamos dar-lhe um valor e o

112
00:07:51,880 --> 00:07:57,820
valor só precisa ser acampamento e qualquer que seja a propriedade é um nome de campground e eu vou copiar isso para a imagem que você joga.

113
00:07:57,850 --> 00:08:03,130
Então acampa essa imagem.

114
00:08:03,190 --> 00:08:05,740
E então, finalmente, acampar essa descrição, fico certo de que eu escrevi isso direito.

115
00:08:06,520 --> 00:08:14,130
Então lembre-se do que estamos fazendo é procurar um acampamento na

116
00:08:14,410 --> 00:08:21,100
rota com base na ID, em seguida, renderizando esse modelo.

117
00:08:21,100 --> 00:08:22,210
E se eu atualizar, você

118
00:08:22,210 --> 00:08:28,760
verá que estamos levando os dados que encontramos a partir do nosso achado por id passando esse acampamento para o modelo e exibindo as informações como valores de entrada.

119
00:08:28,760 --> 00:08:33,010
Então nós fizemos isso agora.

120
00:08:33,310 --> 00:08:34,700
Agora precisamos trabalhar quando eu realmente enviar isso.

121
00:08:34,930 --> 00:08:37,570
Então vamos mudar isso.

122
00:08:37,570 --> 00:08:39,070
Então, vemos algumas alterações adicionar alguns símbolos extras e acertar enviar.

123
00:08:39,340 --> 00:08:44,180
E é claro que eu tenho esse problema onde não temos a rota de atualização.

124
00:08:44,290 --> 00:08:47,490
Então vamos fazer isso depois.

125
00:08:47,800 --> 00:08:49,410
Podemos fechar o nosso novo, vou

126
00:08:49,960 --> 00:08:55,300
continuar abrindo um pouco, mas precisamos adicionar na nossa rota de atualização que será apenas um ponto de roteador colocado.

127
00:08:56,080 --> 00:08:59,550
E se você esquecer o que é atualizado, é uma solicitação para reduzir a barra do acampamento.

128
00:09:00,570 --> 00:09:06,550
Id apenas como a página de exibição, exceto para colocar solicitação sem um pedido de get.

129
00:09:06,550 --> 00:09:12,130
Portanto, corte a identificação do ponto e é isso.

130
00:09:12,610 --> 00:09:16,850
Solicitar em resposta e depois salvar.

131
00:09:17,540 --> 00:09:20,760
E, dentro de aqui, o que precisamos lembrar é

132
00:09:20,960 --> 00:09:30,010
que precisamos encontrar e atualizar o acampamento correto e, em seguida, redirecionar algum lugar, geralmente, a página do show é o que faz sentido quando

133
00:09:31,120 --> 00:09:36,790
você atualiza um item que não quer apenas voltar para toda a lista de acampamentos,

134
00:09:36,790 --> 00:09:40,900
mas você quer ver suas mudanças realmente na página do show.

135
00:09:40,900 --> 00:09:42,000
Então, começaremos a encontrar uma atualização que poderíamos fazer separadamente.

136
00:09:42,040 --> 00:09:46,330
Você poderia fazer uma pesquisa por identificação e depois fazer uma atualização depois.

137
00:09:46,360 --> 00:09:51,000
Mas lembre-se de lembrar que o mangusto tem essa combinação agradável, que é o acampamento.

138
00:09:51,270 --> 00:09:58,510
Encontre por identificação e atualização e leva alguns argumentos.

139
00:09:58,770 --> 00:10:05,160
O primeiro é o que estamos descobrindo o que a

140
00:10:05,160 --> 00:10:12,710
ID procura, que é apenas o pedido de identificação da Harams aqui.

141
00:10:12,720 --> 00:10:13,880
Em seguida, os dados que queremos atualizar e se analisarmos a nossa forma, nossos dados são a imagem e a descrição do nome.

142
00:10:14,430 --> 00:10:22,650
Então, o que podemos fazer é construir um novo objeto aqui que se pareça com varos de dados de var e,

143
00:10:23,520 --> 00:10:32,820
em seguida, diriamos que o nome é pedido que o corpo que a imagem do nome seja a imagem do corpo da solicitação.

144
00:10:32,940 --> 00:10:41,060
Mas isso é um pouco de dor.

145
00:10:41,280 --> 00:10:42,810
E eu mostrei isso para você antes.

146
00:10:43,110 --> 00:10:44,620
O que podemos fazer é envolvê-los todos juntos dentro do acampamento ou o que quer que você queira chamá-lo.

147
00:10:44,750 --> 00:10:52,350
Mas vou fazer acampamento.

148
00:10:52,530 --> 00:10:53,580
Vou copiar isso aqui e aqui no suporte de fechamento.

149
00:10:53,730 --> 00:10:59,460
Agora, se agrupe estas três coisas juntas.

150
00:10:59,630 --> 00:11:01,820
Então, se o meu pedido de acesso

151
00:11:01,880 --> 00:11:08,250
ao acampamento bodycam, agora recebo uma imagem e uma descrição do nome, todas aninhadas dentro de um único objeto.

152
00:11:08,250 --> 00:11:10,170
Então, tudo o que tenho a fazer agora é passar no pedido de acampamento corporal assim.

153
00:11:10,170 --> 00:11:16,750
E, em seguida, meu retorno de chamada com erro e depois chamaremos de campground atualizado.

154
00:11:16,880 --> 00:11:25,030
Por enquanto, se houver um erro, faremos o nosso padrão.

155
00:11:26,750 --> 00:11:30,780
Não é muito útil, mas uma solução fácil para agora é apenas para redirecionar de volta para campgrounds.

156
00:11:30,840 --> 00:11:35,400
Uma vez que implementamos mensagens instantâneas, poderemos especificar qual é o problema e

157
00:11:35,430 --> 00:11:40,300
podemos redirecionar para outro lado, o que faz um pouco mais de sentido.

158
00:11:40,320 --> 00:11:42,150
Mas ainda não teremos nenhum motivo para um erro, a menos que nosso banco de dados esteja desativado ou algo assim.

159
00:11:42,420 --> 00:11:47,880
E então, se funcionar, o que faremos é redistribuir o redirecionamento para a página de exibição que precisa ser campground sosh.

160
00:11:48,600 --> 00:11:57,760
pedidos de ID de parâmetros de ponto de acesso que é o que temos aqui neste envoltório e vontade Salve .

161
00:11:58,170 --> 00:12:05,250
E a idéia aqui que precisamos adicionar no sinal de mais e nós temos algumas maneiras

162
00:12:05,250 --> 00:12:12,960
de obter essa ID, poderíamos fazer um número de campainha de ponto de acesso atualizado ou podemos fazer

163
00:12:12,960 --> 00:12:17,400
Agora vamos ver o que acontece se eu reiniciar o servidor voltar para

164
00:12:17,390 --> 00:12:19,650
a atualização do formulário de edição.

165
00:12:22,880 --> 00:12:26,710
Adicione alguns dados visíveis aqui enviados e temos

166
00:12:27,050 --> 00:12:35,360
uma pequena questão, a qual nossa rota ainda não está funcionando e, na verdade, nossa rota funciona bem.

167
00:12:35,370 --> 00:12:38,210
É o formulário que se submete ao lugar errado.

168
00:12:38,220 --> 00:12:41,000
Observe nosso pedido é a barra de identificação do acampamento.

169
00:12:41,070 --> 00:12:45,200
Nós não queremos que isso ocorra.

170
00:12:45,330 --> 00:12:47,010
Isso é suposto ser a forma

171
00:12:47,190 --> 00:12:52,680
que ele tem, mas onde o formulário enviar é suposto ser ID de barramento de campground como um pedido.

172
00:12:52,680 --> 00:12:55,070
Então precisamos nos livrar disso.

173
00:12:55,920 --> 00:12:58,210
Agora, se tentarmos isso novamente, atualize, adicione alguns dados e envie-os.

174
00:12:58,620 --> 00:13:09,470
Atualizou o acampamento que achou primeiro e atualizou-o e, em seguida, redirecionou-me de volta à

175
00:13:09,630 --> 00:13:14,850
página de exibição e vejo minhas mudanças.

176
00:13:14,890 --> 00:13:16,890
A última coisa que vai fazer neste vídeo é adicionar um botão que diz editar.

177
00:13:16,880 --> 00:13:20,810
Então eu posso clicar nesse botão e ir para essa página de edição sem ter que digitar a barra diagonal de forma manual.

178
00:13:20,970 --> 00:13:27,290
Então, isso é simples.

179
00:13:27,660 --> 00:13:28,410
É apenas um link que precisa seguir esta rota e faremos isso na página do show.

180
00:13:28,410 --> 00:13:33,220
Então, o show de acampamento o fará logo abaixo de tudo para começar.

181
00:13:33,360 --> 00:13:39,000
Então, dentro da legenda de resposta da imagem para

182
00:13:39,210 --> 00:13:48,050
não na seção de comentários, mas dentro do meio da coluna nove dentro da miniatura.

183
00:13:48,060 --> 00:13:50,200
então, precisamos de uma barra

184
00:13:50,550 --> 00:14:01,460
e então vamos ter um texto. adicionado, mas também precisamos de uma classe para que pareça um pouco melhor com o bootstrap e nós faremos o PTEN ETN.

185
00:14:02,340 --> 00:14:14,070
Depois são enviados por todos estes add em um botão que será uma referência de referência de âncora, precisa ser barra de acampamentos de barra e, em seguida, a

186
00:14:14,070 --> 00:14:19,250
ID com o Núcleo de Núcleo de ponto de acampamento do Aegeus e,

187
00:14:20,150 --> 00:14:23,540
E eu acho que uma cor que possa

188
00:14:23,550 --> 00:14:31,350
ter sentido pode ser um aviso, em vez de um perigo irá reservar perigo para esse botão de exclusão.

189
00:14:31,350 --> 00:14:32,660
Então vamos dar uma olhada agora.

190
00:14:32,660 --> 00:14:34,340
Volto, atualizo.

191
00:14:35,140 --> 00:14:37,680
Nós temos um botão de edição que é realmente um link que eu clicar e chego ao formulário de edição.

192
00:14:37,980 --> 00:14:43,050
Então, vamos levar isso de volta ao envio normal.

193
00:14:43,230 --> 00:14:47,710
Ótimo.

194
00:14:47,850 --> 00:14:48,180
Então está funcionando.

195
00:14:48,240 --> 00:14:49,080
Vamos voltar e apenas atualizar um outro.

196
00:14:49,130 --> 00:14:51,410
Então, vamos voltar para recortar acampamentos.

197
00:14:51,480 --> 00:14:53,300
Certifique-se de que ele funciona bem.

198
00:14:53,430 --> 00:14:55,420
Atualize o granito ou o riacho humilde.

199
00:14:55,440 --> 00:14:57,960
Como é que isso mudou a imagem para ser essa imagem aqui?

200
00:14:58,450 --> 00:15:04,590
Pay set in submit e add up is perfect in the next video.

201
00:15:05,110 --> 00:15:10,420
Vamos nos concentrar em excluir campgrounds

202
00:15:10,440 --> 00:15:12,210