Agregando CRUD a nuestro bakend en spring boot

-
Para este articulo necesitaras haber realizado nuestro backend en spring boot, ahí te muestro como crear un proyecto rápido con este hermoso Framework. Ahora agregaremos las típicas funcionalidades: crear, leer, actualizar y borrar, también conocidas como CRUD

Que necesitaras:

  1.    haber realizado el articulo backend apirest con spring boot 
  2.    Instalar postman
  3.    ganas de aprender y 10 minutos de vida

 
 


en el articulo anterior ya asentamos las bases para la estructura de nuestro proyecto, debiésemos tener algo similar a esto:

Como puedes ver , nuestro código se encuentra separado en packages, cada uno representa una sección diferente de la aplicación. Por ejemplo en el package controller encontraremos las clases que controlan los 'Request' a la aplicación. si estas familiarizado con el estilo MVC, entenderás lo que digo, de lo contrario recomiendo revisar este estilo de arquitectura, ya que es muy común en el mundo del desarrollo de software.


Definimos las nuevas funciones a agregar a nuestra interfaz, IPeliculaService.java, recordemos que una interfaz representa un contrato,de esta forma las funciones deben ser implementadas en la clase que implementa la interfaz



Ahora agregamos las funciones a la clase PeliculaServiceImple.java, de no hacerlo tendremos un error
para hacerlo mas rápido nuestro IDE nos permite definir los métodos faltantes con "click derecho", de esta forma se crearan las funciones faltantes.


Luego agregamos las rutas para ejecutar las funciones creadas,esto lo hacemos en el archivo cinema/app/cinema/controller/PeliculaRestController.java




*Recordatorio:
para definir el puerto donde se ejecuta el proyecto, debemos ingresar en src/main/resources/application.properties y  ahí debes definir el puerto:



Ahora podemos descargar postman,instalarlo y ejecutamos las siguientes URL:

Listar todas las películas con GET: http://localhost:8888/api/peliculas



seleccionar una película en particular con GET, en este caso con id=3: http://localhost:8888/api/peliculas/3




Agregar una nueva película con POST:
URL: http://localhost:8888/api/peliculas





Actualizar película con PUT
URL:http://localhost:8888/api/peliculas



Bueno ya con eso podremos hacer un CRUD en nuestro backend, si te fue útil házmelo saber en los comentarios.

Comentarios

Publicar un comentario

Entradas populares de este blog

¿Como llamar una función del componente padre desde un componente hijo, en angular 8?

-
Lo mas común es utilizar funciones de los componentes hijos en el componente padre, sin embargo aveces es necesario realizar la acción contraria, o sea ejecutar funciones del componente padre en los componentes hijos. Es un poco enredado, mejor veamos un ejemplo: padre.component.ts: Tenemos la función que deseamos llamar desde nuestro componente hijo: padre.component.html: Al momento de instanciar el componente hijo en el HTML del padre: HijoComponent.ts Finalmente en el componente hijo obtenemos la función del padre y la podemos utilizar: Y Walaa ya podemos utilizar desde el componente hijo la función definida en el componente padre. Si te sirvió o te pareció interesante hacérmelo saber con algún comentario :)
Leer más

Frontend: Suscripciones y Observables con Angular 8

-
Imagen
Bueno antes que empezar, aclaro que este ejemplo pretende ser una inducción rápida y sencilla para implementar y entender el funcionamiento básico de los observables y suscripciones en angular. En este articulo utilizaremos un archivo json como fuente de datos, en un ambiente productivo sera una petición a un servidor...esta peticiones la haremos con un observable y la respuesta la obtendremos a través de una suscripción.....aaaa usaremos una lista de películas para hacerlo mas amigable. Requisitos:  conocimientos mínimos de HTML, algo de javaScript, css y una noción de POO   Tener instalado angular y un editor de código, yo utilizo visual studio code  15 minutos de tu vida  ser mayor de edad....no, no es necesario. Solo quise darle un aire de exclusividad Primero creamos nuestro proyecto angular, con nuestra terminal nos posicionamos en el directorio donde guardaremos nuestro proyecto y escribimos: ng new observable-app Luego dentro de la carpeta de nuestro pro...
Leer más

Enrutado con lazy loading en angular 8

-
¿Que es lazy loading? Tambien conocida como carga perezosa, es una técnica para cargar los datos solo en el momento que serán utilizados, por ejemplo imaginemos que tenemos una grilla paginada con un montón de datos, utilizando la lógica de carga perezosa cargaremos los datos a medida que el usuario vaya navegando por las paginas.... Otro ejemplo y es el que vamos a ver acá, es cuando tenemos un menú para navegar por nuestro sistema angular. Si no utilizamos esta tecnica todas nuestras paginas se cargaran al momento de cargar el sitio, esto obviamente es muuuuuuuuy negativo para la experiencia de usuario.... usando lazy loading cargaremos las paginas según donde vamos navegando....... bueno mucho bla bla, mejor vayamos a lo nuestro.. ¿Que haremos? Crearemos un pequeño sitio con un menú de navegación que tendrá los siguientes módulos. Usaremos el enfoque un modulo por componente , que es la forma recomendada por angular: inicio donde_estamos:    Esta sección la...
Leer más