Dar una buena acogida.
Entonces, este video es una continuación del último video donde hicimos una descripción conceptual de esta aplicación de demostración de
perros y hablamos sobre las rutas de solicitud TO GET.
Así que de nuevo reiteramos la misma expectativa de aplicar.
No necesita comprender el 99 por ciento de este código si puede tratar las cosas como bloques conceptuales y
puede entender que este código aquí es responsable de que los perros obtengan la ruta y de alguna manera le devuelve una página que
tiene un montón de perros en eso.
Eso es todo lo que necesita saber por ahora.
Lo mismo aplica para los nuevos conceptos.
Vamos a aprender en este video.
El foco no es la sintaxis en los conceptos.
Entonces hay una tercera ruta aquí que no mencioné en el primer video y es ligeramente diferente
en que es una ruta posterior.
Entonces, este código aquí solo se ejecutará cuando un usuario haga una solicitud POST para crear un perro.
Y solo para refrescar su memoria, un usuario no puede hacer una solicitud POST escribiendo algo en usted o en Albar.
punto nueve nueve nueve por ciento del tiempo que van a hacer una solicitud POST es a través de un formulario.
Noventa y nueve
Así que vamos a ver eso en acción en un momento.
Pero también puedo demostrar haciendo una solicitud POST a través del cartero.
Así que publique las solicitudes para crear un perro.
Y lo que hará es tomar el nombre en la raza que enviamos en la solicitud, que es
lo que está sucediendo aquí. Nombre es solicitud hasta nombre del cuerpo solicitud de raza hasta excrecencia del cuerpo.
Entonces, de alguna manera, en la solicitud hay un nombre y una raza en esta cosa llamada cuerpo y estamos usando eso
para hacer un perro nuevo.
Y luego estamos redireccionando al usuario de nuevo a perros granizados como una solicitud de obtención que luego ejecutará
todo este código, que encontrará todos los perros y renderizará la página de perros.
Así que suceden muchas cosas.
Comencemos desde el principio enviando una simple solicitud de publicación para crear un perro.
Así que vamos a cartero y voy a cambiar esto a la publicación y luego tenemos que cambiar
la ruta para que sea localhost 3000 slash create dog y tenemos que asegurarnos de que el servidor siga funcionando bien
cuando sea.
enviar, donde no vamos a enviar un nombre y una lectura, y veremos qué sucede.
Y luego podemos comenzar simplemente presionando
Entonces, si nos fijamos en lo que obtuvimos, es la misma página de perros donde tiene Rustie por qué es Daisy Sitka.
Y luego también hay un perro vacío sin nombre y sin raza.
Y si voy a mi navegador aquí y renuevo, hago otra solicitud para recortar perros que activará el código que recupera
todos los perros de la base de datos y hace un poco de vida para cada uno.
De hecho, puede ver que tenemos un perro vacío en la base de datos y eso se debe a que no enviamos ningún dato.
No enviamos un nombre y una raza para hacer nuestro nuevo perro.
Entonces estaban vacíos y nuestro código acaba de hacer un perro vacío y lo guardó en la base de datos.
Entonces, para enviar la información con el cartero, podemos pasar al cuerpo y luego podemos escribir algunas cosas para agregar
al cuerpo.
Entonces queremos que un nombre sea Charlie y que lo lea, y el valor para Breede será laboratorio así.
Esto es todo lo que tenemos que hacer a través del cartero para hacer una solicitud posterior que tenga nombre y raza dentro de
su cuerpo.
Y presionaré enviar.
Ahora verás la respuesta que obtenemos.
Son todos los perros otra vez esta vez al final.
Tenemos a Charlie como laboratorio.
Y si renuevo aquí hago otra petición, obtengo todos los perros.
Charlie ha sido agregado.
Repasemos todo eso en 30 segundos aquí.
Entonces solicito una solicitud por correo para crear otro tipo de solicitud.
Y en la solicitud del cuerpo que está aquí, estoy agregando nombre y criando a Charlie y al laboratorio.
Y luego presiono enviar y luego en mi código en el servidor está escuchando una solicitud de publicación para cortar el perro.
alguien no nombra y solicita a alguien que se exceda, que son esas dos cosas que enviamos con el cartero.
Y crea un perro con la petición que
Y luego, después de que crea el perro, nos redirige a cortar perros para que no nos envíe una página ni ninguna
edad para él.
En realidad, ejecuta el código en barras diagonales justo aquí, que luego encuentra todos los perros, incluido el nuevo
que acabamos de crear.
Charlie o en el caso anterior era un perro vacío sin nombre y sin raza.
Los recupera a todos y luego renderiza la plantilla de ese perro que vimos.
Y para cada uno nos hace poco aliados.
Así que suceden muchas cosas.
Está escuchando una solicitud POST.
Está agregando un nuevo perro a una base de datos y nos está redirigiendo a perros de corte.
Ahora hablemos de cómo podríamos hacer esto con un formulario.
Recuerde que no podemos hacer una solicitud POST presionando Enter en la barra, pero podemos hacer una utilizando un formulario.
Así que voy a agregar un formulario solo a mis perros.
Sí.
En la parte inferior.
Solo vamos a hacer una etiqueta de formulario y hay dos partes para un formulario que ahora tiene más sentido. Hablamos de
ellas cuando introduje los formularios originalmente pero no tenía mucho contexto para entender lo
que significaban.
Entonces esos dos atributos son acción y método.
Entonces comenzaré con Method.
Estamos haciendo una solicitud posterior y a menudo también se ve esto en mayúsculas.
No importa.
Y luego, la acción es donde estamos haciendo una solicitud de publicación que es simplemente crear perro.
Entonces, cuando se envía este formulario, enviaremos una solicitud de envío para crear un perro, que es lo que esperamos
aquí.
La solicitud POST crear perro ejecutará este código.
Luego tenemos que agregar nuestras entradas.
Entonces vamos a tener dos entradas.
Escriba igual a texto en ambos igual que ese y el titular fuera de lugar para este que solo
diga nombre.
Y luego el próximo será para la raza.
Y lo último que haremos es hacer que un tipo de entrada se llame enviar, que será nuestro botón
y si actualizamos la página, ahora tenemos un formulario, pero hay un problema.
Si llené esto.
Así que agregamos otro perro aquí Skittles, que puede ser un poodle cuando presiono Enviar, enviará una solicitud de publicación
para crear un perro.
Pero cuidado cuando lo hago, terminamos con un perro vacío.
Y eso es porque aunque tengo dos entradas, no le he dicho al navegador cuál es el nombre de
esas entradas.
Y este debe llamarse nombre, que es un nombre un poco confuso, porque el nombre y este deben
criarse, y también lo hace un marcador de posición.
Entonces, ahora lo que hemos hecho es agregar este atributo de nombre que le dijimos al navegador cuando el
usuario envió este formulario, enviar una solicitud de publicación para crear un perro con dos datos.
El nombre debe ser igual a lo que esté en esta entrada y la raza es igual a lo que esté en esta entrada también.
Pasaremos toneladas de tiempo escribiendo formularios y tratando con los diferentes atributos.
Así que no te pongas demasiado atrapado en eso.
Pero lo importante ahora es que estamos agregando datos al cuerpo.
Y si actualizo y agrego Skittles, que es un poodle y ahora tuve el envío, puede ver que envió una solicitud
de publicación y puede ver que aquí mismo se publica para crear un perro.
Y luego, lo que sucedió es que en lugar de crear perro aquí creó un perro con los datos de la
forma, el nombre y la raza.
Y luego de crear ese perro y guardar la base de datos en realidad no importa cómo funciona.
Pero solo funciona.
Luego redireccionamos para cortar perros, razón por la cual en realidad hay una segunda pequeña cosa impresa que dice que
se hizo una solicitud para cortar perros a pesar de que en realidad no presioné enter.
Lo que sucedió es que cuando hice una solicitud para crear un perro como una publicación al final de
eso, en realidad me pide otra vez que corte perros.
Y luego eso encuentra a todos los perros y luego representa la plantilla de perros que vemos aquí y luego obtenemos la
forma en la parte inferior y todo el perro miente.
Y es por eso que vemos esto aquí.
Entonces, si prestas mucha atención a este ícono aquí mismo, lo verás en otro perro llamado
Snicker, que sigue el tema de los caramelos y los snickers también pueden ser un laboratorio.
Cuando presiono enviar.
Mire esto muy de cerca.
Va a ser realmente rápido.
Pero cambió por solo un instante.
Y eso es importante porque muestra que cuando realizo una solicitud, en realidad me aleja
de esta página y luego nos redireccionan aquí de nuevo, así que no solo nos quedamos en
esta página todo el tiempo que realmente nos aleja. por un instante y luego nos redirecciona y nos muestra este
contenido y eso es lo que está sucediendo aquí.
Cuando haces una solicitud para crear un perro, entonces nos redirige para cortar perros.
Y luego dentro de los perros nos da la plantilla del perro, que es la forma en que vemos todo esto en el navegador.
DE ACUERDO.
Así que cubrimos mucho allí.
Permítanme señalar las partes importantes.
Una es que dentro de nuestro código de servidor podemos distinguir entre una solicitud de obtención y una solicitud de publicación
y podemos hacer un código diferente dependiendo de lo que sucedió cuando y recordar que un obtener es recuperar
información y una publicación es agregar o enviar información, que es lo que estamos usando para.
Slash crear perro como una publicación es cómo puedes crear un nuevo perro.
Y hay dos cosas que deben estar en el cuerpo de la solicitud, el nombre y la raza.
Y si no están allí, será un perro vacío.
Pero sea cual sea el tipo de perro que lo haga, entonces nos redirige para cortar perros, que luego ejecuta todo este código.
Y la otra cosa importante es que cuando enviamos esto, hay una actualización instantánea.
Es realmente muy rápido, pero sigue siendo una actualización en la que hacemos una solicitud en otro lugar.
Al igual que si hiciera esto y presioné Enter, en realidad estamos haciendo otra solicitud.
La misma idea aquí.
Cuando presiono enviar.
Sigue mirando aquí hace una solicitud cada vez.
Así que eso es todo de lo que quiero hablar en torno a esta introducción de dos servidores y dos rutas y HTP.
Hemos terminado por ahora.
Entonces, vamos a centrarnos en configurar nuestro entorno de desarrollador e instalar todas las herramientas que necesita
para que podamos comenzar a escribir código como este.