Ionic práctico: App con REST

Añadir nuevos registros y Eliminar registros

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Y para terminar la parte de back-end, reutilizaremos el código ya creado para generar un servicio que añada registros con POST y un segundo servicio para eliminar los registros a través de su ID. Con ello dejamos lista la parte REST.

Transcripción

La parte del Backend ya la tengo prácticamente solucionada Voy por último a añadir, por un lado el método que sirve para añadir registros o sea un Post y por último también un Delete, en el caso del Post la ruta va a ser un simple Add y obviamente el método voy a tener que cambiarlo de Put a Post, la conexión de la base de datos va a ser la misma, solo que tendremos que cambiar, este Update por un insertinto avistamientos y luego aquí voy a sustituir voy a hacerlo en otra línea para que se vea un poco más fácil, como digo voy, a sustituir lo necesario Para hacer un update por los campos que voy a modificar que van a ser título, pájaro, last, view, veces, latitud y longitud. Por otro lado necesitaré pasar todos estos parámetros, voy a pasarlos exactamente igual que hacía antes, voy a recuperar los parámetros enviados desde el request y luego los voy a reutilizar así que, voy a necesitar añadir primero un título, por cierto aquí, es título, por otro lado, pájaro, last, view, veces, latitud y por último longitud. y aquí falta todavía los valores que tenemos que pasar, dentro de esta consulta de SQL, así que añado values y añado tantas interrogaciones como parámetros tenemos, que son 6 así que 1, 2, 3 , 4, 5, 6. Bueno, la consulta estaría lista y terminada, esto lo tendré que guardar y de nuevo tengo aquí un formulario que es Test Add con método post que va a llamar a este método Add así que me voy a ir hasta el navegador. Voy a añadir la ruta de este formulario y aquí pues por ejemplo, voy a poner Castrelos, pajaro test, avistado una sola vez y aquí bueno voy a poner una latitud y una longitud, pulsaré en enviar me devuelve un error, voy a comprobar que error puede ser. En principio parece que el código está correcto, por otro lado la forma de generar el error, si hubiera sido un error error por culpa de Put o Post hubiera puesto un mensaje, si hubiera sido algún tipo de error hubiera funcionado el Dry así que lo normal es que este tipo de error sea debido a que haya algún problema de sintaxis, así que la forma ideal de depurar este error, pues va a ser irme a los logs, el apache, aquí tengo una carpeta logs y dentro de ella tengo el PH error donde puedo ver... que efectivamente aquí tengo en la linea 126, bien pues vuelvo de nuevo al subline text en la linea 126, he cometido algún tipo de error, aquí está falta una coma, pulso en guardar, vuelvo de nuevo al navegador. Voy a hacer que recargue la página, que envíe de nuevo los datos y aquí vemos como efectivamente, error correcto y si vuelvo otra vez a cargar los datos aquí aparece este nuevo pájaro. O sea que ya tenemos hecha la página de inserción de registros y la página de borrar registros es todavía más fácil, voy a copiar, por ejemplo, este método que va a ser un poco más fácil. En este caso voy a llamar a delete, por otro lado voy a utilizar el metodo delete, en este caso los argumentos los voy a pasar dentro de la URL así que pasaré este ID en vez de un update, necesito utilizar delete, front avistamientos, where ID es igual a, y aquí bueno puedo ponerlo de la misma manera, o por ejemplo, puedo volver a utilizar este dos puntos. En este caso necesito recuperar de nuevo los argumentos que vienen construidos dentro de la ruta, así que añadiré este parámetro args y luego de este parámetro args es de donde voy a recuperar ese identificador, de hecho ya he hecho esto previamente, aquí con este BindParam así que puedo copiar esa misma línea puedo pegarla, así que aquí ya estoy sustituyendo este dos puntos ID por el ID recuperado desde los argumentos y luego por último voy a quitar todo el array que está sirviendo para pasar los parámetros en los otros ejemplos. Puedo quitar también este Data porque realmente no estoy recibiendo parámetros ya tengo preparado todos los servicios que voy a necesitar, como último repaso de todos ellos es interesante que realmente de lo que se trata de utilizar los métodos Get... Put, Post y por último Delete. En realidad debería haber una puerta de entrada para todos ellos igual, quiero decir, si yo trabajase sobre una sola tabla debería de tener una ruta que fuese por ejemplo, avistamientos y en esa ruta avistamiento utilizaría el Get, el Post, el Put y el Delete para añadir, hacer modificaciones, eliminar o para ver Registros, lo que pasa es que en realidad yo también voy a necesitar varios métodos distintos porque por ejemplo, voy a tener un Get para recuperar todo los elementos y otro Get para recuperar un elemento en concreto o por ejemplo, voy a utilizar un update o sea un Put para hacer un cambio sobre el número de veces que se ha visto un pájaro y otro Put para hacer una modificación sobre los datos de texto relacionados con un avistamiento de pájaros en concreto. Y es por eso que he utilizado diferentes rutas, pero en realidad si es un sistema de red que funciona perfectamente, otra forma de plantear este archivo también hubiera sido hacer todas estas llamadas seguidas al principio de la aplicación, en la parte superior y luego hacer que llamase las funciones en las cuales habría metido todo estos contenidos, es otra forma distinta de ordenar el código dentro de este archivo Index, porque como buen microframework una de las cosas que tiene es que vamos a trabajar con un solo archivo y con relativamente poco código dentro del él, entonces si lo alargamos demasiado si que es cierto que bueno puede venir bien, hacer una estructura un poco mejor organizada, en este caso como es muy simple no necesitamos nada más que esto. Y con este sistema red ya organizado el siguiente paso es empezar a trabajar con la aplicación para que cargue ya estos datos.

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.