Ceci est une ancienne révision du document !
TD n°3
SpringBoot - VueJS
 |
 |
Notions abordées
- Back-end :
- Service Rest
- Génération SPA
- Front-end :
- SPA vueJS
- Vuetify
Application messagerie (suite)
Rester sur le même projet :
- Ajouter la dépendance Maven SpringBoot-VueJS
<dependency>
<groupId>io.github.jeemv.springboot.vuejs</groupId>
<artifactId>springboot-vuejs</artifactId>
<version>[1.0,)</version>
</dependency>
Ajouter VueJS et Vuetify dans les templates du projet (Webjars déconseillés) :
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Messagerie</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.5.3/vuetify.min.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">
</head>
<body>
<v-app>
<v-content>
<v-container fluid>
</v-container> </v-content> </v-app> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.7/vue.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.5.3/vuetify.min.js"></script> </body> </html>
Service REST
Contrôleur RestOrgasController :
| Action | methode | datas | Route |
|---|---|---|---|
| read() | GET | /rest/orgas/ | |
| read(id) | GET | /rest/orgas/{id} | |
| create()* | POST | orga | /rest/orgas/create |
| update()* | PUT | orga | /rest/orgas/update |
| delete()* | DELETE | orga | /rest/orgas/delete |
| get(id,member) | GET | /rest/orgas/{member}/{id} |
N'implémenter dans un premier temps que les méthodes marquées d'une étoile*.