De regreso a esta lección, vamos a continuar con la aplicación de campamento y vamos a agregar
la función o la posibilidad de que un usuario presente un nuevo campamento.
Entonces hay algunas cosas que debemos hacer.
El primero es configurar la ruta postal que realmente creamos el nuevo campamento añadido
al conjunto.
Luego, debemos agregar un analizador corporal y asegurarnos de que se importa y configura correctamente,
y luego tenemos otros dos pasos para crear el formulario y crear la ruta para
que el usuario pueda enviar esa solicitud POST.
Así que llegaremos a eso.
Vamos a comenzar configurando la ruta postal.
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
la parte inferior y voy a saltar la publicación y en lugar de hacer algo como el nuevo campamento de Slash o
añadir el campamento, en realidad voy a hacer slash campgrounds.
Así que eso es exactamente lo mismo que tu RL Como tenemos para nuestra ruta Obtener pero hay rutas totalmente diferentes porque
una es un GED y una es una publicación y no solo estoy haciendo esto para mostrarte que de hecho podemos
tener la misma oficina con un método de solicitud diferente y en realidad hay diferentes rutas.
Sí, eso es parte de eso.
En realidad, esto es parte de una convención sobre cómo denominamos rutas.
Tenemos mucha libertad en cómo nombramos salir.
Pero en realidad hay una convención llamada el resto y volveremos sobre esto en
futuros videos.
Pero todo lo que quiero decir ahora mismo es que nuestras rutas sigan esta convención
llamada descanso cuando tengamos una página que muestre que todos los campamentos que usted es deben ser campamentos.
una ruta en la que podemos crear un nuevo campamento, debe ser exactamente el mismo camping de tala.
Cuando tenemos una página o
Pero debe ser una solicitud posterior.
Entonces, esa es una convención, es un formato que seguiremos si hacemos esto por un amigo.
Tendríamos amigos de Slash, ya que mostraría a todos los amigos y reduciría a amigos, ya que una publicación es
donde enviamos una solicitud para hacer un nuevo amigo.
Así que tendremos mucha más práctica con eso.
Esta es solo la primera introducción a ella.
siete rutas diferentes que son tranquilas y siguen esta convención de descanso que veremos más adelante.
Pero en realidad hay
Entonces, dentro de esto, lo que queremos hacer son dos cosas de las cuales queremos obtener datos del
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.
Así que tenemos la publicación ACT UP configurada y siempre podemos hacer un punto rojo aquí, cuando aciertes en la ruta posterior,
podemos probarla con el cartero.
Así que simplemente copiaré el euro aquí, volvemos al cartero y la ruta que estamos probando es slash campgrounds como una
publicación, no una obtención, si lo hicimos como una solicitud de obtención.
nuestros servidores no iniciaron el H Tim L y el SS que vemos aquí es la página de error.
En realidad, no importa porque
Esta página de error que nos da la nube 9.
Entonces, necesitamos comenzar el servidor.
Ahora, si volvemos y hacemos la misma solicitud GET, veremos la lista con las imágenes y las H.
Y si hacemos una solicitud posterior, deberíamos obtener un pequeño mensaje que diga que tocas el post-draft.
De acuerdo, eso es todo lo que haremos con el cartero que nos demuestra que está funcionando como una ruta posterior y lo que
haremos a continuación es el analizador del cuerpo de la instalación.
guión guardar y luego lo importaremos aquí con nuestras partes del cuerpo son iguales requieren el analizador de Desch de cuerpo y guardar.
Así que tenemos que hacer la instalación de NPM cuerpo del guionista guión gráfico
Y luego necesitamos decirle a express que use el analizador de poddy.
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
objeto y todo lo que tenemos que hacer es agregar Colan extendido verdadero.
Recuerde que esta es una línea que solo verá todo el tiempo, puede acostumbrarse a
memorizarla o simplemente copiarla y pegarla, y se guardará.
Y ahora tenemos las partes del cuerpo configuradas y podemos decir si funciona simplemente corriendo tras nosotros y, si
no obtenemos un error, estamos listos para continuar.
Ahora centrémonos en la forma.
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
amigos, pero ese no es el enfoque que vamos a tomar aquí.
Más bien, tendremos una página y una ruta separadas que mostrarán el formulario.
Será la forma de hacer un nuevo campamento.
Y luego envía el formulario que envía una solicitud posterior para recortar el camping como una publicación y
luego se nos redirige a los campamentos.
separada y podemos hacer eso en la parte inferior aquí o en el medio, realmente no importa.
Así que vamos a hacer una página separada, para hacer eso necesitamos una ruta
Y esto se reducirá radicalmente campgrounds slash nuevo.
Y de nuevo, esto podría ser lo que queramos, pero esta es la convención de descanso.
Entonces este es el tercero de esos nombres convencionales.
debería mostrarle todos los campamentos de slash campgrounds, ya que una entrada es la ruta donde puede
crear un nuevo campamento y luego recortar la barra de nuevo debería mostrar el formulario que enviará
los datos a esta ruta de envío Vamos a desarrollar esto y todo lo que tiene que hacer es presentar un formulario
que no necesitemos pasar en ningún dato ni nada, así que haremos un renderizado en rez y el formulario simplemente llamará eso.
El primero fue un campamento de tala como un get
Sí solo así.
Y seguro.
Ahora, de vuelta aquí en nuestro directorio de vistas vamos a hacer esa plantilla.
Entonces, las vistas táctiles tienen una barra nueva.
Sí.
Y luego abriremos esa plantilla y dentro de la plantilla agregaremos.
y recordar que el método debe ser publicado y la acción debe ser un campamento de tala, que es la ruta aquí.
Y cada uno que dice Crear un nuevo campamento y luego agregaremos una etiqueta de formulario en esta etiqueta
de formulario necesitamos acción y necesitamos tener un método
Apt up post slash campgrounds.
Así que aquí es donde obtendremos los datos del formulario y los agregaremos a la matriz de campgrounds.
Y dentro necesitamos dos entradas diferentes.
Entonces, el primero es tipo porque el texto y el marcador de posición solo serán nombre.
Y el segundo hará placeholder is image you rl.
nombre en ambos, así que nombre y esto lo hará ser igual a solo nombre.
Y simplemente hagamos eso y lo guardaremos como Typee ir a texto y luego necesitamos nuestro botón en la parte inferior y
aquí para decir enviar y guardar y luego también necesitamos el atributo de
Y aquí tendremos el nombre igual a la imagen y usaremos este atributo de nombre en lugar de nuestra ruta para captar
los datos de la solicitud de Abati.
Antes de hacer eso.
Asegurémonos de que este formulario se muestre correctamente.
Así que vamos a iniciar el servidor y visitar esta ruta que debemos ir para reducir radicalmente los
campamentos, y conseguimos que nuestro formulario sea excelente.
No estamos obteniendo nada de ese estilo de arranque.
No es que parezca mucho, pero no lo conseguimos porque no tenemos nuestros diseños incluidos.
No tenemos el encabezado y el pie de página, así que también podemos.
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
página con barra inclinada de Parshall.
Reinicie el servidor regrese.
Ahora tenemos el hermoso bootstrap y tenemos el archivo de encabezado y luego nuestro pie de página aquí también.
que significa que nuestro código está enviando una solicitud de publicación para recortar los campamentos.
Y podemos probar esto para ver si va por la ruta correcta o simplemente escribir algo aquí y presionar enviar, y conseguimos que
aciertes en la ruta de envío, lo
Y estamos solucionando este enrojecimiento.
Pero en lugar de enviar esto, queremos agregar la lógica para que esto funcione.
Y recuerde obtener los datos del formulario que usamos request of body y luego solicitamos
el nombre de bodycam y solicitemos una imagen corporal y los guardaremos en una variable.
Hasta ahora el nombre y la imagen var.
Y luego lo que queremos hacer es empujar un nuevo campamento en nuestra matriz aquí.
Y para que eso funcione debemos moverlo para que no esté dentro del apt.
Vamos, lo pondremos arriba y no es donde va a quedar.
Recuerde que nos estamos mudando a una base de datos muy pronto.
Pero por ahora lo estamos poniendo arriba para que tengamos acceso a él dentro de esta ruta postal.
En la función de devolución de llamada.
Así que vamos a empujar un nuevo campamento en el campo de campamento.
Así que el campamento establece push y necesitamos insertar un objeto.
Así que voy a hacer ese nuevo objeto con una variable.
Así que voy a llamarlo un nuevo campamento.
Es un objeto y tenemos un nombre igual al nombre y la imagen es igual a la imagen solo para que coincidamos con
este formato aquí o tenemos nombre e imagen y luego lo último que tenemos que hacer es empujar un
nuevo campamento así como guardar.
Y luego volvamos a la página del camping.
Entonces eso será.
RAZ redirige a los campamentos y sí tenemos que recortar campamentos.
Pero cuando hacemos una redirección, el valor predeterminado es redirigir como una solicitud de obtención.
Así que ahorraremos y lo
probaremos. Vuelve a actualizar. Agreguemos un nuevo campamento.
Llamaremos a esta montaña de margaritas y necesitamos una imagen. Solo copiaré esta aquí.
Regresa.
Hit submit.
Y para decir si funcionó necesitamos desplazarnos hacia abajo y ahí vamos.
Hermosa montaña Daisy.
Bastante impresionante vista.
Regresemos y repasemos algunas cosas.
Hay mucho que hicimos
Lo primero que quiero mencionar son las rutas que creamos.
Así que ahora tenemos un campamento cortado que nos muestra todos los campamentos que tenemos en el campamento de slash
post en la misma oficina.
Y ahí es donde realmente hacemos la lógica de hacer un nuevo campamento y luego redirigir el campamento slash.
Y luego tenemos a Amtrak reducido a recortes en los campamentos.
Y eso muestra la forma.
Así que recuerde que los campamentos recortan nuevos espectáculos que envían una solicitud para recortar los campamentos, lo que a
su vez nos redirige a recortar los campamentos, que luego nos mostrarán todos los campamentos
usando la plantilla del campamento.
Definitivamente es un flujo un poco complicado.
Hay muchas piezas en movimiento, pero esta es una receta que seguiremos mucho.
Así que tenemos un formulario de envío para enviar solicitudes a alguna parte.
Y luego, dentro de esa ruta postal, tomamos los datos del formulario.
Hacemos algo con eso y luego lo redireccionamos a otro lugar.
Por lo tanto, es muy típico que una ruta postal lo redireccione a otra ruta.
Lo último que debemos hacer es abrir la plantilla de campings.
Así que haremos C9. Usaremos Slash Campground y simplemente agregaremos un enlace simple arriba. Lo haremos una
etiqueta anclada para comenzar un camping de slash idéntico a Tref, y el texto interno agregará un nuevo campamento así
como así. nosotros salvaremos
Y luego podemos reiniciar el servidor y volvamos aquí a la página de inicio o a la página de
campings discúlpeme y hemos agregado un nuevo campamento.
Haga clic en él y llegamos a la página de campings y luego podemos agregar nuestro nuevo campamento.
También deberíamos agregar un botón de retroceso para que podamos volver a ver todos los campamentos.
Entonces, en la nueva plantilla en la parte inferior, solo incluiremos nuestra propia etiqueta de ancla aquí.
Un borrador debería ser igual a los slash campgrounds y esto simplemente dirá atrás o volverá a reiniciar el servidor.
Una última vez, ella vuelve a un nuevo campamento.
OK, así que ahora tenemos el enlace configurado correctamente en el siguiente video.
Nos enfocaremos en un estilo básico.