Différences

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

--- web:framework:spring:td4 [2023/03/07 02:07] – [SPA VueJS] jcheron
+++ web:framework:spring:td4 [2023/03/07 16:18] (Version actuelle) – jcheron
@@ Ligne 110: / Ligne 110: @@
             <groupId>io.github.jeemv.springboot.vuejs</groupId>
             <artifactId>springboot-vuejs</artifactId>
-            <version>1.1.7</version>
+            <version>1.1.11</version>
         </dependency>
 </sxh>
@@ Ligne 176: / Ligne 176: @@
     @GetMapping(path = ["/","","/index"])
     fun index(): String {
-        vue.adddataRaw("masters", "[]")
+        vue.addDataRaw("masters", "[]")
         vue.onMounted(
                     Http.get("/masters",
@@ Ligne 299: / Ligne 299: @@
 </sxh>
+Ajout de méthodes à l'instance de vue pour faciliter l'affichage des messages :
+<sxh kotlin;title:SPAController>
+vue.addDataRaw("message","{title:'',content:''}")
+vue.addMethod("showMessage",
+    "this.message={error: error,title: title, content: content, display: true};"+
+    "setTimeout(function(){this.message.display=false;}.bind(this),5000);",
+"title","content","error")
+vue.addMethod("successMessage",
+            "this.showMessage(title,content,false);",
+            "title","content")
+vue.addMethod("errorsMessage",
+            "this.showMessage(title,content,true);",
+            "title","content")
+</sxh>
+==== A faire ====
+<WRAP TODO>
+Implémenter le comportement de l'interface du TD précédent (Dogs ou Stories) dans le contrôleur Spring:
+</WRAP>
+=== Data ===
+^Data ^Rôle ^Initial value ^
+|**masters** | Liste des maîtres (Developers) | <nowiki>[]</nowiki> |
+|**dogs** | Liste des chiens SPA (Stories sans dev) | loaded with repository |
+|**master** | Le maître (dev) à ajouter | nouvelle instance |
+|**masterId** | L'id de master sélectionné dans la liste d'affectation SPA | |
+|**dogNames** | Liste des noms de chiens à adopter | [] |
+|**dog** | Le chien à ajouter | nouvelle instance |
+|**message** | Le message à afficher après une opération | nouvelle instance |
+=== Methods ===
+^Method ^Rôle ^Opérations ^
+|**addMaster(master)** | Ajoute le maître passé en paramètre | <html><ul><li>Si formulaire ok, effectue un </html>''POST''<html> de master</li><li>Affiche un message en cas de succès</li></ul></html> |
+|**remove(master)** | Supprime le maître passé en paramètre | ''DELETE'' vers **<nowiki>/masters/{id}</nowiki>** |
+|**addDog(master,dogName,index)** | Le maître adopte un chien | ''POST'' une instance de dog vers **<nowiki>/dogs</nowiki>** |
+|**giveup(master,dogName)** | Le maître Abandonne le chien dont le nom est passé en paramètre | ''PUT'' vers **<nowiki>/dogs/{id}</nowiki>** |
+|**removeDog(dog)** | Supprime le chien SPA passé en paramètre | ''DELETE'' vers **<nowiki>/dogs/{id}</nowiki>** |
+|**adopt(gog,masterId)** | Le chien est adopté par le maître dont l'id est passé en paramètre | ''PUT'' vers **<nowiki>/dogs/{id}</nowiki>** |