Spring Boot - Mise en pratique

Projet avec Front (JS ou Vue ou React)

Détail du projet à réaliser

Les vidéos sur Youtube possèdent un id, par exemple pour la vidéo https://www.youtube.com/watch?v=bvwOFdUiTvY, l’id est : bvwOFdUiTvY.

Attention ! Cette vidéo peut faire peur !)

Une vidéo peut être décrite par :

• Id
• Titre
• Catégorie.

Une catégorie peut posséder :

• Id (auto-généré ou pas)

• Intitulé (Fun, Sport, Tutoriel,…).

• Créez le diagramme UML ou le MCD correspondant (juste pour le fun !).
• Implémentez les classes de votre modèle (Vidéo et Catégorie).
• Utilisez Springboot pour connecter ce modèle avec une base MySQL ou PostGres (au choix) et créez les méthodes CRUD en utilsant les JPA

Exemple de structure

Dans mon exemple, il y a 2 index.html car l’un est du HTML/JS et l’autre du Vue 3. De votre côté, un seul suffit !

Fonctionnalités à développer :

1. Afficher la liste des vidéos (tableau HTML) présentes en base de données (dans une page HTML grâce à JavaScript, ça peut être du Vue 3, du React).
2. Ajouter une vidéo (Formulaire en fournissant un Id, un Titre et en sélectionnant la Catégorie parmi les 3 disponibles)
3. Lire une vidéo (à vous de trouver l’information ;) ) … une balise HTML5 suffit.

Conseil

Utilisez les différents modules de ressources et cours pour faire ce TP.

Il n’y a pas de difficulté, sauf la partie asynchrone côté front avec JS.

Il vous permet de faire le lien entre la partie Back-end et Front-end, cependant, vous pouvez en même temps ajouter Swagger pour tester dès le début.