Taller 4: Crear, Editar y Eliminar Sports
Nota
URL: | https://github.com/Uniandes-isis2603/sportcenter.git |
---|---|
Release: | git checkout -f taller-4 |
Objetivos
Se espera que al final de este taller el estudiante esté en capacidad de:
- Explicar el desarrollo del CRUD de la entidad Sports desde el Backend hasta el Frontend para desarrollar las aplicaciones web.
- Implementar requerimientos básicos de despliegue de información en una aplicación Web, utilizando angularJS como Frontend y Java con servicios REST como Backend.
- Implementar vista dentro de detalle de sports.
Conocimientos previos
- Conocer el desarrollo de backstepbystep.
- Desarrollar los 3 talleres de aplicación Club Deportivo.
Taller 4
- Crear backend para Crear, Editar y Eliminar Sports.
- Crear frontend para Crear, Editar y Eliminar Sports.
- Subir cambios y hacer release.
Nota:
Para este paso descargue el release 4.
1. Crear backend para Crear, Editar y Eliminar Sports.
Una vez descargue el proyecto para el taller usted observará que ya tiene una estructura para poder trabajar sobre ella. Por ejemplo: la clase SportEntity ya esta creada.
Crear los métodos asociados a la persistencia en sportcenter-back/src/main/java/co/edu/uniandes/csw/sportcenter/persistence/SportPersistence.java los métodos comunes son:
create, update, delete , find y findAll
. Este último recuerde que requiere una TypedQuery para consultar todos los sportsCrear los métodos asociados a la persistencia que serán invocados desde la lógica en back/src/main/java/co/edu/uniandes/csw/sportcenter/ejb/SportLogic.java Recuerde usar el
LOGGER.info
para mostrar el log de las transacciones realizadas.Crear los métodos en el recurso que responderá a las peticiones hechas desde el Frontend. En sportcenter-web/src/main/java/co/edu/uniandes/csw/sportcenter/resources/SportResource.java los metodos que usted debe implementar son
@POST, @GET (findAll y find(id)), @PUT, @DELETE.
Nota Tenga en cuenta que las clases de SportDTO y SportDetailDTO ya están creadas con las propiedades que se declararon en el SportEntity-
- Verificar el correcto funcionamiento de los métodos del recurso que usted desarrollo. Haga uso de Postman, y una vez este seguro puede seguir con Crear frontend para Sport.
2. Crear frontend para Crear, Editar y Eliminar Sports.
Construir los estados asociados a Crear, Editar y Eliminar un Sport en sportcenter-web/src/main/webapp/src/modules/sports/sports.mod.js
Construir el método
createSport()
en sportcenter-web/src/main/webapp/src/modules/sports/new/sports.new.ctrl.js para crear un nuevo sport. Recuerde hacer uso del$http.post()
Construir el método
deleteSport()
en sportcenter-web/src/main/webapp/src/modules/sports/new/sports.delete.ctrl.js para eliminar un sport. Recuerde hacer uso del$http.delete()
Construir el método
createSport()
en sportcenter-web/src/main/webapp/src/modules/sports/new/sports.update.ctrl.js para actualizar un sport. Recuerde hacer uso del$http.put()
3. Subir cambios y hacer release.
En este último paso debe subir los cambios al repositorio, el nombre del commit y release debe ser "taller-4".