.png)
Aplicación Web Micro Front End MicroElectrónica implementando React, Html5, Scss, Highcharts, Bootstrap, Spring Boot, Spring MVC, Spring Data JPA, SpringFox, Swagger UI, Maven, Lombok, Postman, Log4j, Git, SQLDeveloper, Oracle XE 21c y Otras Tecnologías.
Ver
1.0) Descripción 🔝
Ver
- Esta aplicación ha sido desarrollada para la gestión de microcomponentes ( transistores, capacitores, placas, etc). También se ha pensado originalmente desarrollar una sección para la gestión de compras, pedidos, etc. Queda pendiente de implementar.
- Todos los formularios aplican validaciones de carácteres, longitudes, tamaños, valores numéricos, valores mal formados, email, contraseña, url de imágenes, etc.
- Se implementa Paginación Completa.
- Se aplican varios filtros de búsqueda, como por ej: Búsqueda de microcomponentes de forma genérica, según tipo, clase, según el campo deseado, etc... permitiendo coincidencias de carácteres, números y palabras.
- Para la experiencia de usuario se utiliza Popupts, Loaders, etc.
- Es posible descargar el Listado de microcomponentes Paginado en formato xlsx (excel), csv y pdf.
- Entre Otros Recursos Disponibles.
- Aclaración : Este Microfrontend no es responsive. El enfoque es la funcionalidad de la aplicación, la maquetación es totalmente aplicable en relación al tiempo de disponibilidad que se emplee.
1.1) Ejecución del Proyecto 🔝
Ver
- Descargamos y levantamos Oracle XE para ejecutar los servicios de base de datos.
- Abrimos una terminal y clonamos el repo de base de datos.
- Creamos y configuramos una conexión de oracle para la ejcución de los archivos de db.
- Para más info. consultar repositorio respectivo
- Descargamos Spring tool suite 4
- Desde sts u otro ide abrimos una terminal y creamos un entorno de trabajo o workspace.
- Clonar el Proyecto
git clone https://github.com/andresWeitzel/ApiRest_Microcomponentes_SpringBoot
- Click der sobre el proyecto --> Run as --> Spring Boot App
- Ya tenemos corriendo nuestra api desde tomcat. El url de la app para la ejecución de los endpoint's lo visualizamos desde consola.
- Pendiente
1.2) Tecnologías 🔝
Ver
| Tecnologías FRONTEND | Versión | Finalidad |
|---|---|---|
| HTML | 5.0 | Lenguaje de Hipertexto |
| Css | 3.0 | Lenguaje de hojas de estilo para presentación de documentos. |
| Scss | 1.57 | Preprocesador de css. |
| React | 18.2.0 | Librería js |
| React CLI | 0.3.1 | Herramienta de Angular para depurar, crear, publicar, etc Apps |
| Axios | 0.27.2 | Cliente HTTP Basado en Promesas para el navegador |
| Bootstrap | 5.1 | FrameWork Web Diseño y Desarrollo de Apps |
| Visual Studio Code | 1.51.1 | Entorno de Desarrollo |
| Otros | - | - |
| Tecnologías BACKEND | Versión | Finalidad |
|---|---|---|
| Java | 12.0.2 | JDK |
| Spring Tool Suite 4 | 4.9.0 | IDE |
| Spring Boot | 2.6.4 | Framework |
| Spring Boot Data JPA | 2.6.3 | Mapeo de objetos y persistencia en la db |
| Spring Security | 2.6.7 | Servicios de Seguridad |
| JSON Web Token | 0.9.1 | Creación de tokens de acceso |
| Maven | 4.0.0 | Gestor de Proyectos |
| Postman | 9.4.1 | Test de Apis |
| Lombok | 1.18.22 | Automatización de Código |
| Open-Api | 1.6.4 | Documentación de la Api |
| UI Swagger | 1.6.4 | Visualización y Gestión de la Api |
| GNU bash / Terminal | 4.4.23 | Bash / Terminal para el manejo e implementación de Git integrado al Spring Tool Suite |
| Git | 2.29.1 | Control de Versiones |
| Otros | - | - |
| Tecnologías DATABASE | Versión | Finalidad |
|---|---|---|
| OracleXE21c | 21.0 | SGDB |
| SqlDeveloper | 22.2.1 | Gestor para el SGDB Oracle |
| Otros | - | - |
2.0) EndPoints 🔝
Ver
2.1) Recursos y Servicios 🔝
Ver
3.0) Prueba de Funcionalidad 🔝
Ver
.png)
.png)