Estás viendo una versión antigua de esta página. Ve a la versión actual.

Comparar con el actual Ver el historial de la página

« Anterior Versión 22 Siguiente »

Formación autónoma

Para la formación inicial en FundeWebJS, se plantea ir siguiendo las guías disponibles en la documentación, e ir aplicando lo que se vaya viendo en un proyecto de prueba. Si queremos, podemos mirar como proyecto de ejemplo los proyectos de Consulta de Expedientes:

Un guión orientativo a seguir sería el siguiente:

INTRODUCCIÓN

  1. Presentación y arquitectura de aplicaciones FundeWebJS
  2. Instalación de los entornos de desarrollo

SPRING BOOT

Seguimos las siguientes guías, implementando cada cosa para nuestro proyecto. La aplicación de ejemplo que tenemos es una en la que tratamos diplomas de alumnos, y para ello en el esquema PORTALFUNDEWEB tenemos las tablas CURSO_FDWJS_ALUMNO, CURSO_FDWJS_DIPLOMA y CURSO_FDWJS_TITULACION. En este proyecto tenemos un servicio REST que permite obtener un alumno por dni, la descripción de una titulación, las titulaciones con paginación, los diplomas (todos o los correspondientes a un alumno), persistir una titulación, y obtener un pdf de un diploma. Con esto, cubrimos todas las operaciones básicas y lo que se explica en las siguientes guías. El proyecto completo lo podemos descargar aquí: Proyecto Spring de ejemplo completo.

Para la formación, en función de las necesidades de cada grupo, se puede implementar este mismo ejemplo, o uno que sirva de cara a algún proyecto propio, pero en el que se cubran todos los apartados.

El guión a seguir es:

  1. Creación y estructura de proyecto SpringBoot
  2. Confiugración del proyecto
  3. Creación de Entidades JPA a partir de tabla de Base de Datos
  4. JPA: Acceso a base de datos
  5. Servicios REST con Spring Boot

Para estos apartados, aparte de la documentación, podemos ver los vídeos del curso anterior al que se referencia en "Otros recursos", más abajo. Aunque se hayan actualizado cosas en la documentación, nos pueden servir los siguientes vídeos como explicación adicional:

VUE

Recientemente se ha cambiado la manera de hacer el front-end de los servicios. Todos van a ir al Portal de Servicios, e irán unificados en un único proyecto. Los servicios que ya existían se están migrando a este proyecto unificado. Las formaciones anteriores se dieron cuando cada servicio tenía un proyecto independiente, por lo que hay cosas que ahora son diferentes, como la configuración del proyecto. Por ello, lo primero que debemos hacer es ponernos el proyecto Portal UI:

  • Proyectos en POSE: Guía inicial - Se redirige a otras guías. Si es sólo por aprendizaje, podemos descargar el proyecto Portal UI directamente y arrancarlo en local.

Para trabajar en local, debemos tener VS Code configurado y configurar el proyecto:

A partir de aquí, podemos ir viendo las diferentes guías para aprender y familiarizarnos con la forma de trabajar en Vue:

Puede sernos de utilidad este vídeo, parte de la sesión en la que se explica Vue, del curso anterior, el que se referencia en "Otros recursos", más abajo. Puede ser también un buen complemento a la documentación:


Cursos realizados

Curso ACADE (abril 2022)

Este es el único curso que se ha impartido con la estructura del Portal de Servicios actual (frontend unificado).

1) Introducción y arquitectura de aplicaciones FundeWebJS

2) Spring Boot - Creación y configuración del proyecto

3) Spring Boot - DTOs

4) Spring Boot - JPA Repository, servicios REST

5) Spring Boot - Autenticación back, discusión de implementación

6) Vue - Proyecto Portal de Servicios, descarga y explicación de su estructura

7) Vue - Desarrollo del servicio

8) Vue - Última sesión, breves explicaciones de detalles y trabajo autónomo


Curso ACADE (febrero 2021)

Sesión 1 (01/03): Spring Boot

En esta sesión vamos a empezar con el back-end del servicio Baja de matrícula. Podemos ver documentación en estos enlaces:

Vamos a hacer las siguientes tareas:

  1. Creación de proyecto
  2. Configuración
  3. Servicio Rest con llamada a funciónes de base de datos

Además, es importante controlar el acceso a datos y los JPA Repository, pero como en esta aplicación no son necesarios, podemos utilizar este proyecto como base: Formación-acceso-datos. Es el proyecto de los cursos anteriores, que contiene las entidades y los DTOs ya creados, y con el que para ver cómo hacer el acceso a datos podemos implementar, al menos, los siguientes métodos:

  • /diplomas: obtener los diplomas correspondientes a un alumno, pasando su dni como parámetro.
  • /titulacionespg: titulaciones con paginación, y con reordenación.
  • /titulaciones/{codigo}/descripcion: obtener la descripción de una titulación.
  • /nuevaTitulacion: persistir una nueva titulación.

Vídeo de la sesión:

Sesión 2 (04/03): Vue

En esta sesión empezamos a desarrollar el front-end de Baja de matrícula. Para ello voy a utilizar este backend: baja-matricula-api. Tiene pasos simulados, el proceso real conllevará alguna llamada más a base de datos, y pasar por pasarela de firmas, pero para centrarnos en el desarrollo con Vue y utilizarlo como ejemplo nos vale.

Vídeo de la sesión

Sesión 3 (05/03): trabajo autónomo y continuar servicios

Para esta sesión dejo los dos proyectos de los que voy a partir:

La parte Vue contiene todo lo que hemos ido haciendo en la sesión 2, incluida la última página, que aunque no la hemos llegado a hacer, sólo contiene un enlace con el que descargar un pdf.

Las tareas de hoy son completar el servicio, cambiando las llamadas simuladas por el proceso real, que aunque haya que hacer alguna cosa intermedia más, los pasos principales son:

  1. Obtener el pdf de la solicitud con la llamada a pq_control_eacade_proc.f_resguardo_tramite.
  2. Subir el pdf al archivo electrónico.
  3. Ir a pasarela de firmas con el pid de ese archivo, firmar, y volver a nuestra aplicación con el documento firmado.

Además, también adaptaremos la parte vue para persistir el estado de la aplicación sólo si volvemos atrás en el formulario y si volvemos de la pasarela de firmas.

Como necesitaremos consumir servicios SOAP, este enlace nos puede guiar para hacerlo en Spring Boot: https://www.baeldung.com/spring-soap-web-service

Vídeo de la sesión

Ha habido errores en la grabación y sólo se ha grabado mi voz, el sonido de los alumnos no.

Sesión 4 (17/03): completar servicios

Proyectos:

Vídeo de la sesión

Sesión 5 (18/03): completar servicios (2)

Vídeo de la sesión

Primer curso realizado (desactualizado)

Se han cambiado muchas cosas desde que se realizó este curso, no se debe tomar de referencia.

Página de la primera formación FundeWebJS, que se impartió al grupo CURIE. En este curso se utilizan recursos desactualizados, hay partes que se han revisado y se hacen mejor en la documentación actual, al igual que los proyectos de referencia. Aún así, por si puede ser de interés, se incluyen los vídeos de las sesiones y las presentaciones utilizadas.



  • Sin etiquetas