| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| framework-web:spring:td3 [2019/03/01 04:08] – [SPA] jcheron | framework-web:spring:td3 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| |
| |
| <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> |
| <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 ==== | ==== Notions abordées ==== |
| |
| * SPA vueJS | * SPA vueJS |
| * Vuetify | * 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) ===== | ===== Application messagerie (suite) ===== |
| ^::: | <html><span class="variable">editedIndex</span></html>\\ index de l'orga sélectionnée |-1 | | ^::: | <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** | | **Defaut** | | ^**method** | | **Description** | |
| <html><span class="method">close()</span></html>\\ Ferme le dialogue |Réinitialise editedItem et editedIndex | | ^::: | <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">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]] |