Bienvenidos en esta clase, vamos a ver Swett Alert 2.
Una librería JavaScript que nos permite agregar mensajes al usuario.
Mensaje de alerta mucho más robustos y más bonitos, por ejemplo, que tenemos la página Swett ALER
2 Punto hija, punto y yo ya tenemos una comparativa.
Un típico mensaje normal con ALER de JavaScript y bastante plano, sin ningún tipo de diseño.
Y acá tenemos con Swift Alert, que bastante más bonito, mucho más robusto y con mucho mejor Lucan
Phil.
Entonces la idea es instalar esta librería en nuestro proyecto y poder implementar estos mensajes de
alerta.
Acá en la página tenemos varios ejemplos de distinto tipo.
Lo pueden revisar?
Se fijan, es bien completo acá para eliminar, para eliminar con los botones con diferente color,
con diferente estilo.
Por ejemplo usando vostra, btn, btn, succés, btn, danger, en fin.
Entonces lo vamos a instalar acá arriba en Download hacemos un click y acá tenemos para descargar con
Not рамках manager con npm install sweet alert 2.
Lo vamos a copiar.
Vamos a ir al auto.
Vamos a la consola y copiamos el npm install swett alert 2 y vamos a agregar la bandera menos menos
menoscabe que nos permite crear en el pack Jetson la entrada a la dependencia.
Acá nos crea la dependencia.
Entonces con un enter vamos a instalar.
Si se fijan, una vez que finalice la instalación, acá va a aparecer el Switch Alert 2.
Acá lo tenemos, ya te instalado.
Bastante simple.
Nos vamos al App Clientes y fore componentes para implementar.
Entonces lo primero es importar esta librería import sual from y acá el nombre sería Sweet Alert 2.
Listo.
Ahí lo tenemos implementado.
Entonces la idea es en el método Create.
Una vez que se crea el usuario en el piquen y retorne la respuesta, recuerden que va a retornar acá
al cliente.
Al nuevo cliente o al cliente que se modificó entonces era justo después de redirigir, mostrar el mensaje
de que el usuario se ha creado con éxito.
Cómo sería más de una línea?
Acá tenemos una línea y acá vamos a tener otra.
Como sería más de una línea, habría que agregar las llaves.
Entonces acá agregamos la llave y acá vamos a tener el alert sual, el nombre con el cual lo importamos.
Iba a recibir tres parámetros.
El primero sería un título, por ejemplo, nuevo cliente o cliente guardado.
Luego vamos a tener otro string con el mensaje.
Por ejemplo, el cliente se crea con éxito, pero vamos a usar las comillas de interpolación de string,
que sería con el acento invertido, con el acento da vuelta y la idea es concatenar con una variable
con el nombre del cliente cliente, sino peso.
Acá para agregar las variables usamos sino peso las llaves líente que sería esta variable de la respuesta
punto nombre.
Podemos colocar punto nombre y también el apellido, pero con el nombre suficiente.
Entonces cliente el nombre creado con éxito y como tercer argumento sería el tipo de mensaje.
Puede ser por ejemplo error success warning info acá sería del tipo success.
Se ha creado con éxito Success y vamos a guardar.
Vamos a levantar nuestro proyecto backend de Spring, así que nos vamos a Eclipse con clic derecho como
siempre.
Spring putadón.
Esperamos que levante.
Volvemos a Atto para levantar nuestro proyecto.
Entonces quedan en Yser menos o levantamos nuestro.
Nuestra aplicación desarrollo F12 Para habilitar la consola íbamos a crear un nuevo cliente,
Bilbo Baggins y el correo.
Vamos a crear.
Entonces que tenemos nuevo cliente?
Cliente Bilbo creado con éxito, perfecto.
Ahí tenemos nuestro mensaje de alerta.
Mucho mejor.
Y para poder notificar con cierta cosa al usuario.
Ok.
Y que también se creó el cliente.
Bueno, acá tienen la página.
La pueden revisar.
Hay un montón de ejemplos que pueden implementar en la aplicación.
Y acá tenemos también la página en Jirka.
Bien, quedamos hasta acá y cualquier duda que tengan la revisamos en el foro.
Hasta la próxima.