Différences

Ci-dessous, les différences entre deux révisions de la page.

--- framework-web:spring:td0 [2019/02/01 11:25] – [Redirection] jcheron
+++ framework-web:spring:td0 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-====== TD0 & TD1 ======
+====== TD n°0 & TD n°1 ======
 Notions abordées :
@@ Ligne 7: / Ligne 7: @@
   * Session et contexte
+==== - Création du repository git ====
+  - Créer un dossier **springboot-tds** ;
+  - Publier **springboot-tds** sur github en tant que nouveau repository ;
+  - Ajouter **jcheron** à la liste des **colaborators** de ce projet ;
+  - Publier (commit and push) régulièrement sur github.
 ===== Création =====
 Créer le projet td0 :
@@ Ligne 17: / Ligne 23: @@
 Configurer le projet dans **application.properties**, pour que le contextPath soit **td0/**, configurer Mustache
+==== Vues ====
+On utilisera [[https://semantic-ui.com|Semantic-UI]] pour la partie présentation.
+Créer un template **header.html** :
+<sxh html;title:resources/templates/header.html>
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>Gestion d'items</title>
+<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
+</head>
+<body>
+	<div class="ui container">
+</sxh>
+Créer un template **footer.html** :
+<sxh html;title:resources/templates/footer.html>
+</div><!-- Fermeture de la div ui-container -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
+</body>
+</html>
+</sxh>
 ===== Objet métier =====
@@ Ligne 63: / Ligne 99: @@
 	}
 </sxh>
+==== Ajouts/modifications ====
+  * Ajouter la route **items/delete/{index}** pour supprimer un item par son index
+  * Restructurer l'application :
+    * Ajouter une classe **s4.spring.models.Categorie** ayant un **libelle** et pouvant comporter une liste d'**items**
+    * Modifier la classe **Categorie** pour qu'elle puisse gère ses items (accès, ajout, suppression...)
+    * Mettre en session la liste des catégories, initialisée par défaut avec les catégories Amis, Famille, Professionnels
+    * Afficher sur la route **/** les catégories et les items contenus (on pourra utiliser le composant [[https://semantic-ui.com/modules/tab.html|Tab]])