El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Ionic práctico: App con REST

Aplicación del servicio de añadir registro

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
En este vídeo vamos a conectar el formulario con el servicio POST que envía los datos para crear el nuevo registro. Veremos que, una vez creado un servicio, el resto de ellos es muy simple, y utilizaremos el componente Alert para avisar de que se ha añadido correctamente.

Transcripción

Tengo que asociar ahora un método que sirva para enviar los datos, así que me voy a ir al botón y dentro de este botón le voy a añadir el clic. Para evitar equivocaciones y sabiendo que tengo un clic funfional, este Home.html, puedo copiar ese clic - he cerrado el archivo que no era - vale... me vuelvo al html, selecciono este botón, pego, y aquí, por ejemplo, pulso en enviar. Voy a quitarle esa i porque no la necesita para nada, y ahora voy a crear esta función Enviar, así que me voy un poco más abajo y de nuevo puedo reutilizar los datos, este enviar en realidad va a utilizar servicios que he creado previamente, o por lo menos, muy parecidos. Voy un poco más abajo, este de aquí es el que me gusta, entonces lo voy a copiar, lo voy a pegar y voy a trabajar sobre él. En principio, no voy a recuperar los datos de ningún sitio, lo que voy es a crear un nuevo objeto, sobre el cual voy a ir creando los distintos datos. Por ejemplo, veces, cuantas veces se ha visto, pues está claro que una, porque es la primera, de todas formas suele ser preferible ponerlo entre llaves o entre comillas. Pero hay muchos otros datos que tengo que enviar, tengo que enviar el título, el pájaro, la latitud, longitud y la fecha, para hacer cada una de estas tareas puedo copiar y pegar, porque de hecho tengo la latitud, que va a ser igual a This.latitud que es la que he recuperado mediante la geolocalización, tengo la longitud y puedo hacer exactamente lo mismo This.longitud, por otro lado tengo el título que estoy recibiendo mediante el ngmodel??? que lo puedo poner aquí que es igual a This.título, y por último el nombre del pájaro que va a ser igual a This.pájaro. Bien, hasta aquí correcto. Y me queda todavía una última cosa, como decía, que es el LastView con uve mayúscula, aquí le tengo que asociar una fecha, así que voy a crear una variable Now, y dentro de esa variable Now, voy a meterle una instancia del objeto Date, y ahora utilizando ese Now puedo crear los datos que voy a necesitar, que es, por ejemplo: now.getFullYear() + "-" (now.getMonth + 1) + "_" + now.getDate(); pero que viene montado en base Cero, lo que significa que el primer mes es el cero, así que para que me devuelva el mes correcto, tengo que sumarle 1 y luego + _" + now.getDate(); todo esto son funciones, así que le tengo que poner paréntesis a todos ellos, este ya lo tenía... y tengo los datos listos, aquí tengo los datos listos para enviarlos y me queda sustituir el nombre del método, que va a ser simplemente Add, sin el AddVeces, se van a enviar los datos, se van a recibir, voy a recibir un aviso en caso de que sean correctos, y aquí, en vez de "Avistamiento añadido" pues voy a poner "Registro Añadido" pulso en guardar... parece que hay algún problema, claro, estoy utilizando una alerta y necesito añadir esa alerta, así que también puedo copiarla de aquí, puedo venirme a las importaciones, copiar... aquí no necesito los Slides, así que puedo borrarlos, y luego, por otro lado, necesito también añadirlo al controlador. Bueno, pues lo añado como un parámetro al controlador, guardo de nuevo, me voy al servidor, ahora sí lo acepta, y en un momento me va a recargar esta aplicación sobre el navegador y vamos a poder verlo en funcionamiento. Pulso en Añadir, me pide que comparta la ubicación, pongo el nombre del pájaro, Test... Test... pulso en enviar. Aquí tenemos el envío de los datos con todos los datos correctamente enviados y eso significa que si yo vuelvo a la home, debería de aparecerme un último... aquí lo tenemos, tengo el Test, Test, con la geolocalización y sale todo perfectamente. Bien, pues ya tenemos nuestro formulario de inserción.

Ionic práctico: App con REST

Practica creando una aplicación con Ionic, gracias a la combinación de AngularJS, HTML5 y un back-end basado en PHP para servir datos a tu app así como modificar registros.

3:00 horas (38 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.