Dar una buena acogida.
En este video, vamos a guiarlo paso a paso para crear una aplicación simple muy
simple y el objetivo aquí es mostrarle cómo funcionan las solicitudes POST y expresar cómo creamos rutas que
están escuchando solicitudes posteriores, y cómo podemos probar. ellos con el cartero y luego ver cómo podemos escribir un formulario en
una plantilla expresa diferente y hacer que ese formulario haga una solicitud POST a nuestra aplicación expresa.
Entonces, como mencioné, vamos a hacer una aplicación simple y comenzaré desde
cero e instalaré e incluiré Express.
Y luego nos pondremos en marcha en la lógica de la aplicación real.
Así que voy a comenzar ahora y simplemente crear un nuevo directorio al que llamaré CD
de demostración post solicitud y ejecutaremos NPM en él y solo haremos clic en ingresar algunas veces para cambiar el punto de entrada.
DE ACUERDO.
Aquí vamos.
Tenemos nuestro paquete que Jason ahora instale el ahorro de tablero de tablero expreso.
Y mientras estamos aquí, vamos a instalar NPM E. J. s también y guarda eso.
DE ACUERDO.
Ahora vamos a crear nuestra aplicación.
Sí.
Y luego abriremos eso y agregaremos nuestro código expresado básico que necesitamos.
Así que vamos a importarlo con require y luego crearemos una variable de aplicación donde ejecutaremos.
EXPRESS Y mientras estemos aquí también haremos que la aplicación configure tu motor para que sea Ejay Yes y lo guardaré.
Y luego también hacemos nuestro esfuerzo para escuchar en la parte inferior, en lugar de hacerlo procesar eso.
Y lo conseguimos
Y para procesar ENFP IP y nuestra función de devolución de llamada.
Y, por último, haré un simple y simple inicio de sesión en el servidor de registro.
DE ACUERDO.
Así que tenemos esa configuración.
Ahora vamos a crear
nuestra ruta bruta así y simplemente renderizaremos una plantilla para el restaurante renderizado llamado home así como así
y guardamos.
Ahora hagamos esa plantilla.
Por lo tanto, necesitamos un directorio usado para hacer vistas de directorios y usted necesita tocar las vistas de archivos en su página principal.
Sí.
Y luego abra ese archivo y dentro de allí haremos un simple H-1 que dice página de inicio así y nos
aseguraremos de que funcione.
Entonces, ejecutemos el nodo Apalachee. Vuelve aquí, actualiza y accedemos a la página de inicio.
De acuerdo, tenemos el armazón básico configurado, tenemos el expreso incluido, tenemos Ejaz incluido.
Hemos configurado el motor de vista predeterminado y tenemos nuestra ruta de ruta.
La aplicación que vamos a hacer es básicamente una lista de amigos o amigos que luego puede
ingresar y mediante un formulario puede agregar un nuevo amigo a su lista.
simplemente algo de lo que vamos a tener una lista de eso, entonces podemos crear uno nuevo usando un formulario.
Y esto podría ser cualquier cosa de amigos o para hacer o contactos o perros
Así que haremos amigos y vamos a agregar una aplicación y obtener amigos de corte y esta será la página de
la plantilla que muestra una lista de amigos.
Y en lugar de aquí vamos a hacer un render de colirrojo y lo llamaremos amigos y ahora tenemos
que crear esa plantilla.
Así que haremos visitas táctiles para reducir el tamaño del amigo que nos usa y luego abriremos ese archivo así.
Y dentro de aquí agregaremos otra H-1, la lista de amigos correcta aquí y ejecutaremos nuestro servidor para asegurarnos
de que funcione.
Si vamos a recortar amigos conseguimos que la lista de amigos vaya aquí.
DE ACUERDO.
Entonces, lo que vamos a hacer es mostrar una lista de amigos.
Y entonces tenemos que crear esa lista.
Necesitamos los datos.
Así que voy a crear una serie de nombres de amigos y va
a ser muy simple, solo amigos lejanos igualarán y solo agregaremos algunos nombres aquí, como Tony y Justin Pierre y Lilly.
DE ACUERDO.
Así que tenemos una serie de amigos y luego vamos a pasar ese conjunto de amigos a través de
la plantilla de nuestros amigos, donde luego recorreremos y mostraremos a cada amigo como un elemento de la lista.
Entonces tenemos que pasar eso.
Recuerda que es un objeto y tenemos dos cosas que hacer.
Necesitamos darle un nombre o una propiedad que usaremos para buscarlo en la vista que simplemente llamaría amigos
y nuestros datos que estamos pasando como también amigos, lo cual es confuso cuando recién estás
empezando. .
lo que verá con más frecuencia donde solo usa el mismo nombre, pero recuerde que esto puede ser cualquier cosa.
Pero esto es
Y esto se refiere a nuestro conjunto de amigos aquí mismo.
Bien, ahora vamos al genio de estudio de amigos de plantilla y agreguemos en nuestro ciclo y voy a hacer un para
cada uno.
Así que solo escribiré el javascript normal primero sin los corchetes sin el Ejay us.
Así que tenemos amigos para cada función y nuestra función tomará el parámetro de amigo allí y luego tendremos nuestras llaves
de cierre de apertura así como así.
Y en lugar de aquí, lo que haremos será crear un aliado para cada uno que diga que tengo un amigo así.
Ahora regresemos y agreguemos en las frases que no necesitamos ningún signo igual o recuerde que esto es solo por lógica.
No queremos que aparezca nada en estas dos líneas.
Así que tenemos eso hecho y si guardamos y renovamos deberíamos ver a un aliado que dice que tengo un
amigo para cada amigo en esa lista y probémoslo para asegurarnos de que no tengamos ningún error.
Actualiza la página y obtenemos 5 elementos de la lista que dicen que tengo un amigo.
Ahora volveremos y, en lugar de solo decir que tengo un amigo, realmente imprimiremos el nombre de
un amigo.
sí necesitamos el signo de igual porque queremos que el valor que se evaluó se agregue al equipo mismo aquí.
Así que esta vez
Queremos que sea reemplazado con el valor de un amigo que viene de aquí en nuestro para cada uno.
De nuevo, esto puede ser cualquier cosa.
Nómbralo como quieras x.
Y si pone X aquí, funcionará.
Así que déjame mostrarte esa actualización y obtenemos a nuestros cinco amigos, y como X es
un nombre de variable terrible, muchos vuelven a ser amigos para reiniciar el servidor.
Una vez más y puedes ver que nada cambia.
OK, entonces tenemos esta lista de amigos.
Ahora lo que vamos a hacer es hablar sobre la configuración de la ruta postal.
El objetivo final es tener un formulario en la parte inferior de esta página y podemos escribir un nombre en
ese formulario y presionar el botón de enviar y luego agregará un nuevo amigo a nuestra lista.
Por lo tanto, introduciremos un nuevo nombre en la matriz Amigos y luego volveremos a mostrar esta plantilla, que luego agregará un
nuevo punto de viñeta y un nuevo elemento de lista para ese amigo recién agregado.
datos y queremos agregarlo a la base de datos ya sea que estemos registrando un usuario o estamos creando un
nuevo comentario o creando una nueva publicación o, en este caso, un nuevo amigo una ruta postal.
Necesitamos comenzar configurando un post-road y recordar que utilizamos un Strout de publicación cada vez que estamos agregando datos a algo
cuando estamos enviando
Es lo que tiene más sentido, aunque no es la única opción.
Por ahora vamos a tratarlo como si fuera la única opción.
Así que es solo para recuperar información y una publicación es para enviar datos nuevos que se agregarán o se
usarán de alguna manera en el lado del servidor.
Y todo lo que tenemos que escribir es apto para publicación y el nombre de la ruta vamos a
llamarlo agregar amigo así y se ve igual con la solicitud y respuesta y lo dejaremos así por ahora.
Y dentro haremos un descanso envíenos No haremos una plantilla simplemente RES dot enviar.
Usted ha llegado a la ruta de correos así como así.
Entonces, veamos si podemos desencadenar esto si podemos presionar agregar amigo como una solicitud posterior usando cartero.
Así que voy a tomar esta URL y copiar esto al cartero y donde queremos hacer una solicitud.
Podemos comenzar simplemente haciendo amigos sosh como una solicitud de obtención y verá que recuperamos cada equipo
con los cinco amigos.
Pero ahora hagamos una solicitud por correo postal y lo estamos haciendo para agregar un amigo.
Y ahora, si enviamos una solicitud postal, recibimos un mensaje que no permite publicar y agrega un amigo por una razón tonta.
Necesitamos reiniciar el servidor cada vez que agreguemos una nueva ruta.
Y ahora, si volvemos y enviamos la solicitud nuevamente, recibimos un mensaje.
Has llegado a la ruta postal.
Por lo tanto, enviamos una solicitud postal y lo hacemos a través de un cartero en lugar de utilizar
un formulario, pero es la misma idea.
Funciona de la misma manera.
Enviamos una solicitud posterior y este código se está ejecutando aquí.
OK, entonces lo siguiente que queremos hacer es usar un formulario para enviar esa solicitud de publicación.
Así que voy a ir a los amigos a estudiar cada página y en la parte inferior un montón de formularios
y este formulario se enviará a esa ruta.
Entonces recuerda que hay dos atributos importantes.
Hay acción y luego método.
Así que comencemos con el método.
Queremos enviar una solicitud de publicación y la acción es que usted es un todo que es barra y amigo.
Y de nuevo, eso tiene que coincidir con esta tasa aquí.
Slash agregar amigo como una publicación.
Todo bien.
Y en lugar de aquí vamos a tener un solo tipo de entrada igual a texto y luego también queremos tener un marcador de posición
que diga nombre o lo que sea que queramos poner ahí.
Es solo el texto del marcador de posición y luego también agregaremos un botón al
final y esto solo indicará que hice un nuevo amigo y lo guardaré.
Y entonces esto creará una forma para nosotros ahora mismo.
el servidor y vuelvo y actualizo la página, ahora tengo un formulario aquí y si lo inspeccionamos
tiene esos dos atributos en los que tenemos acción, el método ADD friend es post y tiene una sola entrada.
Si reinicio
Y si escribo algo aquí hice un nuevo amigo hoy llamado Bob y hacen clic.
Hice un nuevo amigo.
Puedes ver que estamos obteniendo esa respuesta.
Has llegado a la ruta postal, lo que significa que estamos enviando una solicitud postal y que la estamos
enviando al lugar correcto.
Slash agrega amigo pero no estamos haciendo nada en esa ruta.
este mensaje y lo que realmente queremos hacer es tomar los datos del formulario que desea tomar Bob.
Además de responder con
Y luego queremos agregarlo a la matriz de amigos y luego queremos que el usuario regrese a esta página donde
pueden ver a Bob como un nuevo punto