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:

  1. Explicar el desarrollo del CRUD de la entidad Sports desde el Backend hasta el Frontend para desarrollar las aplicaciones web.
  2. 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.
  3. Implementar vista dentro de detalle de sports.

Conocimientos previos

  1. Conocer el desarrollo de backstepbystep.
  2. Desarrollar los 3 talleres de aplicación Club Deportivo.

Taller 4

  1. Crear backend para Crear, Editar y Eliminar Sports.
  2. Crear frontend para Crear, Editar y Eliminar Sports.
  3. 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 sports

  • Crear 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".

results matching ""

    No results matching ""