samedi 8 juin 2019

Comment utiliser Spring boot sur vscode

Prérequis

Configurer un projet de Spring boot

Nous pouvons utiliser start.spring.io pour configurer un projet de Spring boot. Je l'ai configuré comme ça:

Remarquer que j'ai ajouté "Web" et "Thymeleaf" dans le "Dependencies". Pour ajouter une dépendance, rechercher la dépendance dans le "Search for dependencies" et cliquer sur la suggestion. Après configurer le tout, cliquer sur "Generate Project".

VScode

Après nous cliquons sur "Generate Project", nous allons obtenir un fichier zip. Extraire le fichier zip, et nous obtenons un dossier. Le nom de mon dossier était "demo".

Glisser-poser le dossier "demo" sur VScode. 


Ouvrir pom.xml par double-cliquer sur le nom "pom.xml".

Appuyer F5 et cliquer sur "Java". Le projet sera compilé. 

Hello World

Controller

Créer un dossier "controller" dans le dossier "demo". Et créer un fichier "HelloController.java" dans le dossier "controller". 

Écrire comme ceci dans le fichier "HelloController.java". Et enregistrer le fichier par appuyer "ctrl + s".
package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HelloController{
    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String get(){
        return "hello";
    }
}

Template

Créer un fichier "hello.html" dans le dossier "templates" comme ceci: 

Écrire comme ceci dans le fichier "hello.html" et l'enregistrer.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
Hello World!
</body>
</html>

Voir sur le navigateur

Arrêter le mode de debug (si le mode de debug est activé).

Et appuyer sur F5. Le mode de debug est re-activé âpre compiler le projet. Ouvrir http://localhost:8080  sur un navigateur. Si le tour est OK, nous allons voir "Hello World!".


Automatique importation des bibliothèques sur VScode

Appuyer sur "ctrl + ." et nous pouvons importer bibliothèques sur VScode:
Appuyer sur "ctrl + ." sur "FetchType" du code


Aucun commentaire:

Enregistrer un commentaire