|
| 1 | +## Exercici Simple HTTP Service (M13) |
| 2 | +<br> |
| 3 | + |
| 4 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/visual-studio-code.svg" alt="visual-studio-code" align="right" height="35px"></img> |
| 5 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/eclipse.svg" alt="eclipse" align="right" height="35px"></img> |
| 6 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/postman.svg" alt="postman" align="right" height="35px"></img> |
| 7 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/datatables.png" alt="mysql" align="right" height="35px"></img> |
| 8 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/bootstrap.svg" alt="bootstrap" align="right" height="35px"></img> |
| 9 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/css-3.svg" alt="css-3" align="right" height="35px"></img> |
| 10 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/html-5.svg" alt="html-5" align="right" height="35px"></img> |
| 11 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/jquery.svg" alt="jquery" align="right" height="35px"></img> |
| 12 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/javascript.svg" alt="javascript" align="right" height="35px"></img> |
| 13 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/java.svg" alt="java" align="right" height="35px"></img> |
| 14 | +<img src="https://github.com/GerardPuigl/TechnologyStackIcons/blob/main/Logos/spring-long.svg" alt="spring-long" align="right" height="35px"></img> |
| 15 | + |
| 16 | +<br> |
| 17 | + |
| 18 | +## Descripció |
| 19 | + |
| 20 | +Exercici per aprofundir en peticions HTTP (GET, POST, PUT DELETE). Projecte realitzat amb Spring i amb patrò MVC aplicat. |
| 21 | +<br> |
| 22 | + |
| 23 | + |
| 24 | +### - Nivell 1 - (Rest API Spring) |
| 25 | + |
| 26 | +Realització d'una Rest API per fer peticions HTTP amb un CRUD (Create, Read, Update, Delete) al complet. Per això s'ha implementat un patró d'arquitectura MVC amb repositori en memoria. |
| 27 | + |
| 28 | +S'ha utilitzat Spring (Java) contruit amb Maven amb les implementacions: |
| 29 | +- Spring Boot DevTools. |
| 30 | +- Spring Web. |
| 31 | +- Thymeleaf |
| 32 | +- Spring Data JPA. |
| 33 | + |
| 34 | +Crearem un programa de gestió d'empleats on depenent de la feina de l'empleat se li assignarà un salari automàticament. D'un treballador identifiquem el nom i la seva feina, estaria bé tenir un identificador únic per aquest treballador. Les feines són fixes, és a dir ja estan definits en un ENUMERABLE. Depenent de la feina s'assignarà un salari a l'empleat un cop es crea. |
| 35 | + |
| 36 | +Comprovació de peticions amb Postman. |
| 37 | +<br> |
| 38 | + |
| 39 | +### - Nivell 2 - (Estructura HTTP i lògica JavaScript) |
| 40 | + |
| 41 | +Creació d'una web amb http/javascript/ajax per crear un formulari per poder probar les crides API de la Rest API anterior. |
| 42 | +La web ha de poder fer el CRUD complet (Create, Read, Update, Delete) |
| 43 | + |
| 44 | +S'ha realitat la maqueta: |
| 45 | +- Maqueta en HTML de la web. |
| 46 | +- Creació del JavaScript e importa'l al índex.html. |
| 47 | +- Importació de jQuery per poder fer les crides API. |
| 48 | +- Creació funcions de JavaScript per fer les crides API. |
| 49 | +- No cal que sigui visualment atractiu. Només ha de ser funcional. |
| 50 | + |
| 51 | + |
| 52 | +### - Nivell 3 - (Disseny web amb CSS, Bootstrap i DataTable) |
| 53 | + |
| 54 | +Realització del disseny estètic de la web mitjançant CSS, Bootstrap. S'ha implementat la llibreria DataTables per poder afegir funcionalitats a la taula d'empleats. |
0 commit comments