1
00:00:00,480 --> 00:00:05,460
De regreso a esta lección, vamos a continuar con la aplicación de campamento y vamos a agregar

2
00:00:05,460 --> 00:00:09,070
la función o la posibilidad de que un usuario presente un nuevo campamento.

3
00:00:09,270 --> 00:00:10,990
Entonces hay algunas cosas que debemos hacer.

4
00:00:11,010 --> 00:00:15,540
El primero es configurar la ruta postal que realmente creamos el nuevo campamento añadido

5
00:00:15,540 --> 00:00:16,130
al conjunto.

6
00:00:16,290 --> 00:00:21,600
Luego, debemos agregar un analizador corporal y asegurarnos de que se importa y configura correctamente,

7
00:00:21,600 --> 00:00:27,030
y luego tenemos otros dos pasos para crear el formulario y crear la ruta para

8
00:00:27,030 --> 00:00:29,760
que el usuario pueda enviar esa solicitud POST.

9
00:00:29,760 --> 00:00:30,840
Así que llegaremos a eso.

10
00:00:30,840 --> 00:00:32,720
Vamos a comenzar configurando la ruta postal.

11
00:00:32,760 --> 00:00:40,950
Así que todavía estoy en la V-1 y voy a abrir realmente un anuncio sí en nuestro post-draft y lo haré en

12
00:00:40,950 --> 00:00:49,350
la parte inferior y voy a saltar la publicación y en lugar de hacer algo como el nuevo campamento de Slash o

13
00:00:49,410 --> 00:00:53,380
añadir el campamento, en realidad voy a hacer slash campgrounds.

14
00:00:53,670 --> 00:00:59,550
Así que eso es exactamente lo mismo que tu RL Como tenemos para nuestra ruta Obtener pero hay rutas totalmente diferentes porque

15
00:00:59,580 --> 00:01:05,310
una es un GED y una es una publicación y no solo estoy haciendo esto para mostrarte que de hecho podemos

16
00:01:05,310 --> 00:01:09,800
tener la misma oficina con un método de solicitud diferente y en realidad hay diferentes rutas.

17
00:01:09,810 --> 00:01:10,920
Sí, eso es parte de eso.

18
00:01:10,920 --> 00:01:14,310
En realidad, esto es parte de una convención sobre cómo denominamos rutas.

19
00:01:14,360 --> 00:01:16,260
Tenemos mucha libertad en cómo nombramos salir.

20
00:01:16,380 --> 00:01:20,580
Pero en realidad hay una convención llamada el resto y volveremos sobre esto en

21
00:01:20,580 --> 00:01:21,200
futuros videos.

22
00:01:21,330 --> 00:01:26,370
Pero todo lo que quiero decir ahora mismo es que nuestras rutas sigan esta convención

23
00:01:27,180 --> 00:01:33,120
llamada descanso cuando tengamos una página que muestre que todos los campamentos que usted es deben ser campamentos.

24
00:01:33,120 --> 00:01:38,740
una ruta en la que podemos crear un nuevo campamento, debe ser exactamente el mismo camping de tala.

25
00:01:39,490 --> 00:01:40,990
Cuando tenemos una página o

26
00:01:41,340 --> 00:01:42,780
Pero debe ser una solicitud posterior.

27
00:01:42,780 --> 00:01:47,370
Entonces, esa es una convención, es un formato que seguiremos si hacemos esto por un amigo.

28
00:01:47,410 --> 00:01:53,460
Tendríamos amigos de Slash, ya que mostraría a todos los amigos y reduciría a amigos, ya que una publicación es

29
00:01:53,460 --> 00:01:56,170
donde enviamos una solicitud para hacer un nuevo amigo.

30
00:01:56,580 --> 00:01:58,470
Así que tendremos mucha más práctica con eso.

31
00:01:58,470 --> 00:02:01,040
Esta es solo la primera introducción a ella.

32
00:02:01,110 --> 00:02:05,940
siete rutas diferentes que son tranquilas y siguen esta convención de descanso que veremos más adelante.

33
00:02:05,940 --> 00:02:07,120
Pero en realidad hay

34
00:02:07,470 --> 00:02:16,710
Entonces, dentro de esto, lo que queremos hacer son dos cosas de las cuales queremos obtener datos del

35
00:02:16,770 --> 00:02:29,140
formulario y agregarlos a un conjunto de campamento y luego también queremos redirigir el acceso a la página de campings a esta ruta.

36
00:02:30,630 --> 00:02:38,400
Así que tenemos la publicación ACT UP configurada y siempre podemos hacer un punto rojo aquí, cuando aciertes en la ruta posterior,

37
00:02:38,850 --> 00:02:40,630
podemos probarla con el cartero.

38
00:02:40,770 --> 00:02:47,690
Así que simplemente copiaré el euro aquí, volvemos al cartero y la ruta que estamos probando es slash campgrounds como una

39
00:02:48,120 --> 00:02:52,220
publicación, no una obtención, si lo hicimos como una solicitud de obtención.

40
00:02:52,460 --> 00:02:57,780
nuestros servidores no iniciaron el H Tim L y el SS que vemos aquí es la página de error.

41
00:02:57,780 --> 00:02:59,300
En realidad, no importa porque

42
00:02:59,430 --> 00:03:02,460
Esta página de error que nos da la nube 9.

43
00:03:02,460 --> 00:03:04,800
Entonces, necesitamos comenzar el servidor.

44
00:03:05,530 --> 00:03:11,440
Ahora, si volvemos y hacemos la misma solicitud GET, veremos la lista con las imágenes y las H.

45
00:03:11,820 --> 00:03:17,130
Y si hacemos una solicitud posterior, deberíamos obtener un pequeño mensaje que diga que tocas el post-draft.

46
00:03:17,360 --> 00:03:22,800
De acuerdo, eso es todo lo que haremos con el cartero que nos demuestra que está funcionando como una ruta posterior y lo que

47
00:03:22,800 --> 00:03:25,140
haremos a continuación es el analizador del cuerpo de la instalación.

48
00:03:25,260 --> 00:03:36,600
guión guardar y luego lo importaremos aquí con nuestras partes del cuerpo son iguales requieren el analizador de Desch de cuerpo y guardar.

49
00:03:37,230 --> 00:03:43,910
Así que tenemos que hacer la instalación de NPM cuerpo del guionista guión gráfico

50
00:03:43,910 --> 00:03:46,190
Y luego necesitamos decirle a express que use el analizador de poddy.

51
00:03:46,260 --> 00:03:54,990
Así que haremos eso con el analizador de Oddy y luego también tendremos que hacer el punto euro sin recubrir y luego pasar un

52
00:03:54,990 --> 00:03:59,680
objeto y todo lo que tenemos que hacer es agregar Colan extendido verdadero.

53
00:03:59,980 --> 00:04:04,470
Recuerde que esta es una línea que solo verá todo el tiempo, puede acostumbrarse a

54
00:04:04,470 --> 00:04:07,290
memorizarla o simplemente copiarla y pegarla, y se guardará.

55
00:04:07,290 --> 00:04:13,050
Y ahora tenemos las partes del cuerpo configuradas y podemos decir si funciona simplemente corriendo tras nosotros y, si

56
00:04:13,050 --> 00:04:15,370
no obtenemos un error, estamos listos para continuar.

57
00:04:15,390 --> 00:04:17,490
Ahora centrémonos en la forma.

58
00:04:17,520 --> 00:04:24,180
Así que antes de lo que te había mostrado es la aplicación de amigos donde teníamos el formulario en la misma página que la lista de

59
00:04:24,180 --> 00:04:27,080
amigos, pero ese no es el enfoque que vamos a tomar aquí.

60
00:04:27,090 --> 00:04:31,530
Más bien, tendremos una página y una ruta separadas que mostrarán el formulario.

61
00:04:31,770 --> 00:04:34,610
Será la forma de hacer un nuevo campamento.

62
00:04:34,680 --> 00:04:41,280
Y luego envía el formulario que envía una solicitud posterior para recortar el camping como una publicación y

63
00:04:41,280 --> 00:04:44,070
luego se nos redirige a los campamentos.

64
00:04:44,070 --> 00:04:48,930
separada y podemos hacer eso en la parte inferior aquí o en el medio, realmente no importa.

65
00:04:49,440 --> 00:04:53,430
Así que vamos a hacer una página separada, para hacer eso necesitamos una ruta

66
00:04:53,670 --> 00:04:57,900
Y esto se reducirá radicalmente campgrounds slash nuevo.

67
00:04:58,260 --> 00:05:02,860
Y de nuevo, esto podría ser lo que queramos, pero esta es la convención de descanso.

68
00:05:02,880 --> 00:05:06,010
Entonces este es el tercero de esos nombres convencionales.

69
00:05:06,060 --> 00:05:12,120
debería mostrarle todos los campamentos de slash campgrounds, ya que una entrada es la ruta donde puede

70
00:05:12,120 --> 00:05:18,210
crear un nuevo campamento y luego recortar la barra de nuevo debería mostrar el formulario que enviará

71
00:05:18,210 --> 00:05:25,960
los datos a esta ruta de envío Vamos a desarrollar esto y todo lo que tiene que hacer es presentar un formulario

72
00:05:25,960 --> 00:05:33,400
que no necesitemos pasar en ningún dato ni nada, así que haremos un renderizado en rez y el formulario simplemente llamará eso.

73
00:05:33,400 --> 00:05:36,720
El primero fue un campamento de tala como un get

74
00:05:36,970 --> 00:05:38,460
Sí solo así.

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

76
00:05:40,360 --> 00:05:44,290
Ahora, de vuelta aquí en nuestro directorio de vistas vamos a hacer esa plantilla.

77
00:05:44,410 --> 00:05:47,760
Entonces, las vistas táctiles tienen una barra nueva.

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

79
00:05:48,730 --> 00:05:54,530
Y luego abriremos esa plantilla y dentro de la plantilla agregaremos.

80
00:05:54,540 --> 00:06:04,900
y recordar que el método debe ser publicado y la acción debe ser un campamento de tala, que es la ruta aquí.

81
00:06:04,900 --> 00:06:13,900
Y cada uno que dice Crear un nuevo campamento y luego agregaremos una etiqueta de formulario en esta etiqueta

82
00:06:13,900 --> 00:06:18,380
de formulario necesitamos acción y necesitamos tener un método

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

84
00:06:20,860 --> 00:06:24,850
Así que aquí es donde obtendremos los datos del formulario y los agregaremos a la matriz de campgrounds.

85
00:06:25,090 --> 00:06:27,540
Y dentro necesitamos dos entradas diferentes.

86
00:06:27,640 --> 00:06:34,570
Entonces, el primero es tipo porque el texto y el marcador de posición solo serán nombre.

87
00:06:35,290 --> 00:06:39,600
Y el segundo hará placeholder is image you rl.

88
00:06:39,710 --> 00:06:45,470
nombre en ambos, así que nombre y esto lo hará ser igual a solo nombre.

89
00:06:45,460 --> 00:06:54,280
Y simplemente hagamos eso y lo guardaremos como Typee ir a texto y luego necesitamos nuestro botón en la parte inferior y

90
00:06:54,280 --> 00:06:59,320
aquí para decir enviar y guardar y luego también necesitamos el atributo de

91
00:06:59,320 --> 00:07:07,180
Y aquí tendremos el nombre igual a la imagen y usaremos este atributo de nombre en lugar de nuestra ruta para captar

92
00:07:07,180 --> 00:07:09,580
los datos de la solicitud de Abati.

93
00:07:09,620 --> 00:07:10,370
Antes de hacer eso.

94
00:07:10,390 --> 00:07:12,760
Asegurémonos de que este formulario se muestre correctamente.

95
00:07:12,850 --> 00:07:21,880
Así que vamos a iniciar el servidor y visitar esta ruta que debemos ir para reducir radicalmente los

96
00:07:21,970 --> 00:07:25,870
campamentos, y conseguimos que nuestro formulario sea excelente.

97
00:07:25,880 --> 00:07:28,160
No estamos obteniendo nada de ese estilo de arranque.

98
00:07:28,390 --> 00:07:33,090
No es que parezca mucho, pero no lo conseguimos porque no tenemos nuestros diseños incluidos.

99
00:07:33,160 --> 00:07:36,990
No tenemos el encabezado y el pie de página, así que también podemos.

100
00:07:37,420 --> 00:07:47,680
Así que también agreguemos que incluya la barra inclinada de Parshall Hetter y luego copie esta línea aquí e incluya el pie de

101
00:07:47,680 --> 00:07:50,130
página con barra inclinada de Parshall.

102
00:07:51,040 --> 00:07:54,360
Reinicie el servidor regrese.

103
00:07:54,380 --> 00:07:59,290
Ahora tenemos el hermoso bootstrap y tenemos el archivo de encabezado y luego nuestro pie de página aquí también.

104
00:08:00,460 --> 00:08:04,870
que significa que nuestro código está enviando una solicitud de publicación para recortar los campamentos.

105
00:08:04,880 --> 00:08:11,440
Y podemos probar esto para ver si va por la ruta correcta o simplemente escribir algo aquí y presionar enviar, y conseguimos que

106
00:08:11,440 --> 00:08:13,430
aciertes en la ruta de envío, lo

107
00:08:13,570 --> 00:08:15,290
Y estamos solucionando este enrojecimiento.

108
00:08:15,580 --> 00:08:20,590
Pero en lugar de enviar esto, queremos agregar la lógica para que esto funcione.

109
00:08:20,750 --> 00:08:26,240
Y recuerde obtener los datos del formulario que usamos request of body y luego solicitamos

110
00:08:26,260 --> 00:08:31,550
el nombre de bodycam y solicitemos una imagen corporal y los guardaremos en una variable.

111
00:08:31,570 --> 00:08:36,060
Hasta ahora el nombre y la imagen var.

112
00:08:36,350 --> 00:08:41,830
Y luego lo que queremos hacer es empujar un nuevo campamento en nuestra matriz aquí.

113
00:08:42,040 --> 00:08:47,590
Y para que eso funcione debemos moverlo para que no esté dentro del apt.

114
00:08:47,600 --> 00:08:52,240
Vamos, lo pondremos arriba y no es donde va a quedar.

115
00:08:52,250 --> 00:08:54,690
Recuerde que nos estamos mudando a una base de datos muy pronto.

116
00:08:55,000 --> 00:08:59,790
Pero por ahora lo estamos poniendo arriba para que tengamos acceso a él dentro de esta ruta postal.

117
00:09:00,080 --> 00:09:01,460
En la función de devolución de llamada.

118
00:09:01,880 --> 00:09:05,130
Así que vamos a empujar un nuevo campamento en el campo de campamento.

119
00:09:05,430 --> 00:09:08,950
Así que el campamento establece push y necesitamos insertar un objeto.

120
00:09:09,080 --> 00:09:11,310
Así que voy a hacer ese nuevo objeto con una variable.

121
00:09:11,360 --> 00:09:15,570
Así que voy a llamarlo un nuevo campamento.

122
00:09:15,590 --> 00:09:24,350
Es un objeto y tenemos un nombre igual al nombre y la imagen es igual a la imagen solo para que coincidamos con

123
00:09:24,350 --> 00:09:31,550
este formato aquí o tenemos nombre e imagen y luego lo último que tenemos que hacer es empujar un

124
00:09:31,540 --> 00:09:33,580
nuevo campamento así como guardar.

125
00:09:33,740 --> 00:09:36,890
Y luego volvamos a la página del camping.

126
00:09:37,060 --> 00:09:37,960
Entonces eso será.

127
00:09:38,000 --> 00:09:47,270
RAZ redirige a los campamentos y sí tenemos que recortar campamentos.

128
00:09:47,380 --> 00:09:51,310
Pero cuando hacemos una redirección, el valor predeterminado es redirigir como una solicitud de obtención.

129
00:09:51,380 --> 00:09:53,630
Así que ahorraremos y lo

130
00:09:57,400 --> 00:10:01,140
probaremos. Vuelve a actualizar. Agreguemos un nuevo campamento.

131
00:10:01,210 --> 00:10:08,820
Llamaremos a esta montaña de margaritas y necesitamos una imagen. Solo copiaré esta aquí.

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

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

134
00:10:13,270 --> 00:10:17,060
Y para decir si funcionó necesitamos desplazarnos hacia abajo y ahí vamos.

135
00:10:17,090 --> 00:10:18,700
Hermosa montaña Daisy.

136
00:10:18,700 --> 00:10:20,240
Bastante impresionante vista.

137
00:10:20,230 --> 00:10:22,200
Regresemos y repasemos algunas cosas.

138
00:10:22,210 --> 00:10:23,620
Hay mucho que hicimos

139
00:10:23,620 --> 00:10:26,170
Lo primero que quiero mencionar son las rutas que creamos.

140
00:10:26,170 --> 00:10:33,790
Así que ahora tenemos un campamento cortado que nos muestra todos los campamentos que tenemos en el campamento de slash

141
00:10:33,790 --> 00:10:35,480
post en la misma oficina.

142
00:10:35,600 --> 00:10:40,370
Y ahí es donde realmente hacemos la lógica de hacer un nuevo campamento y luego redirigir el campamento slash.

143
00:10:40,900 --> 00:10:44,520
Y luego tenemos a Amtrak reducido a recortes en los campamentos.

144
00:10:44,650 --> 00:10:46,330
Y eso muestra la forma.

145
00:10:46,690 --> 00:10:55,070
Así que recuerde que los campamentos recortan nuevos espectáculos que envían una solicitud para recortar los campamentos, lo que a

146
00:10:55,070 --> 00:11:01,490
su vez nos redirige a recortar los campamentos, que luego nos mostrarán todos los campamentos

147
00:11:01,820 --> 00:11:03,930
usando la plantilla del campamento.

148
00:11:04,740 --> 00:11:07,490
Definitivamente es un flujo un poco complicado.

149
00:11:07,540 --> 00:11:11,360
Hay muchas piezas en movimiento, pero esta es una receta que seguiremos mucho.

150
00:11:11,410 --> 00:11:13,910
Así que tenemos un formulario de envío para enviar solicitudes a alguna parte.

151
00:11:14,050 --> 00:11:16,990
Y luego, dentro de esa ruta postal, tomamos los datos del formulario.

152
00:11:17,020 --> 00:11:20,530
Hacemos algo con eso y luego lo redireccionamos a otro lugar.

153
00:11:20,530 --> 00:11:24,570
Por lo tanto, es muy típico que una ruta postal lo redireccione a otra ruta.

154
00:11:25,070 --> 00:11:28,140
Lo último que debemos hacer es abrir la plantilla de campings.

155
00:11:28,610 --> 00:11:37,930
Así que haremos C9. Usaremos Slash Campground y simplemente agregaremos un enlace simple arriba. Lo haremos una

156
00:11:37,930 --> 00:11:48,790
etiqueta anclada para comenzar un camping de slash idéntico a Tref, y el texto interno agregará un nuevo campamento así

157
00:11:48,910 --> 00:11:51,250
como así. nosotros salvaremos

158
00:11:51,350 --> 00:11:59,300
Y luego podemos reiniciar el servidor y volvamos aquí a la página de inicio o a la página de

159
00:11:59,290 --> 00:12:02,390
campings discúlpeme y hemos agregado un nuevo campamento.

160
00:12:02,530 --> 00:12:07,040
Haga clic en él y llegamos a la página de campings y luego podemos agregar nuestro nuevo campamento.

161
00:12:07,270 --> 00:12:12,080
También deberíamos agregar un botón de retroceso para que podamos volver a ver todos los campamentos.

162
00:12:12,380 --> 00:12:17,980
Entonces, en la nueva plantilla en la parte inferior, solo incluiremos nuestra propia etiqueta de ancla aquí.

163
00:12:18,120 --> 00:12:26,650
Un borrador debería ser igual a los slash campgrounds y esto simplemente dirá atrás o volverá a reiniciar el servidor.

164
00:12:26,770 --> 00:12:32,320
Una última vez, ella vuelve a un nuevo campamento.

165
00:12:32,530 --> 00:12:35,900
OK, así que ahora tenemos el enlace configurado correctamente en el siguiente video.

166
00:12:35,920 --> 00:12:37,970
Nos enfocaremos en un estilo básico.