Différences

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

--- framework-web:spring:td3 [2019/03/01 04:04] – [SPA] jcheron
+++ framework-web:spring:td3 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 4: / Ligne 4: @@
-<html><table border='0'><tr>
+<html><table border='0' style="width: 100%"><tr>
-<td><a href="https://spring.io" target="_new" title="spring.io"><img style="width:100px" src="https://spring.io/img/homepage/icon-spring-boot.svg"></a></td>
+<td><a href="https://spring.io" target="_new" title="spring.io"><img style="width:130px" src="https://spring.io/img/homepage/icon-spring-boot.svg"></a>&nbsp;
-<td><a href="https://spring.io/projects/spring-boot" target="_new" title="Spring Boot reference manual"><img style="width:100px" src="https://vuejs.org/images/logo.png"></a></td>
+<a href="https://spring.io/projects/spring-boot" target="_new" title="Spring Boot reference manual"><img style="width:130px" src="https://vuejs.org/images/logo.png"></a></td>
-</tr></table></html>
+<td></html>
 ==== Notions abordées ====
@@ Ligne 17: / Ligne 16: @@
     * SPA vueJS
     * Vuetify
+<html></td>
+</tr></table></html>
+  * [[https://github.com/jeeMv/SpringBoot-VueJS|SpringBoot-VueJS]]
+  * [[https://vuetifyjs.com/en/getting-started/quick-start|VuetifyJS]]
+  * [[https://vuejs.org/v2/guide/|VueJS]]
 ===== Application messagerie (suite) =====
@@ Ligne 101: / Ligne 109: @@
 ^::: | <html><span class="variable">editedItem</span></html>\\ orga sélectionnée |{} |
 ^::: | <html><span class="variable">editedIndex</span></html>\\ index de l'orga sélectionnée |-1 |
-^**computed** |<html><span class="variable">formTitle</span></html>\\ Titre du dialogue |Varie en fonction de editedIndex |
+^**computed** |<html><span class="variable">formTitle</span></html>\\ Titre du dialogue |Varie en fonction de **editedIndex** |
+^**method** | | **Description** |
+^::: | <html><span class="method">close()</span></html>\\ Ferme le dialogue |Réinitialise editedItem et editedIndex |
+^::: | <html><span class="method">save()</span></html>\\ Valide l'ajout ou la modification |POST/PUT vers REST + maj JS si succès |
+^::: | <html><span class="method">deleteItem(orga)</span></html>\\ Supprime l'organisation |DELETE vers REST + maj JS si succès |
+^::: | <html><span class="method">editItem(orga)</span></html>\\ Edite l'orga |maj JS + affichage dialogue |
+==== SPA (suite) ====
+Sur sélection d'une organisation, afficher :
+  * la liste des utilisateurs
+  * la liste des groupes
+dans un composant [[https://vuetifyjs.com/en/components/lists|List]]