Skip to content

gerardpuigl/M13-Spring-REST-HTTP-Service-Client-JavaScript-Jquery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple HTTP Service (M13)

spring-long java mysql javascript jquery html-5 css-3 bootstrap mysql postman eclipse visual-studio-code

Introduction

Backend of Rest API CRUD with H2 Persistence Database. Developed with Spring boot and applying design pattern MVC.

Frontend with Javascript & Jquery to consume & send Jsons to the Rest API and HTML, CSS with libraries Bootstrap & Datatables to show & interact with the user.

link: https://employee-it.herokuapp.com/

CRUD employees

Exercise Description [in Catalan]

Exercici per aprofundir en peticions HTTP (GET, POST, PUT DELETE). Projecte realitzat amb Spring i amb patró MVC aplicat.

- Nivell 1 - (Rest API Spring)

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 memòria.

S'ha utilitzat Spring (Java) construït amb Maven amb les implementacions:

  • Spring Boot DevTools.
  • Spring Web.
  • Thymeleaf
  • Spring Data JPA.

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.

Comprovació de peticions amb Postman.

- Nivell 2 - (Estructura HTTP i lògica JavaScript)

Creació d'una web amb http/javascript/ajax per crear un formulari per poder provar les crides API de la Rest API anterior. La web ha de poder fer el CRUD complet (Create, Read, Update, Delete)

S'ha realitat la maqueta:

  • Maqueta en HTML de la web.
  • Creació del JavaScript e importa'l al índex.html.
  • Importació de jQuery per poder fer les crides API.
  • Creació funcions de JavaScript per fer les crides API.
  • No cal que sigui visualment atractiu. Només ha de ser funcional.

- Nivell 3 - (Disseny web amb CSS, Bootstrap i DataTable)

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.

Implementació de base de dades persistent MySQL i creació de dos perfils de propietats per alternar entre MySQL i H2 (BD en memòria)