[JAVA] Développement d'applications Web Spring Boot2 avec création de Visual Studio Code Hello World
introduction
Nous développerons une application Web pour Spring Boot 2 avec Visual Studio Code. Il s'agit de la version Spring Boot de Hello World créée précédemment ici.
Construction d'environnement de développement
Veuillez créer l'environnement de développement en vous référant à here.
Maven et Tomcat ne sont pas nécessaires.
Ajoutez l'extension "Spring Boot Extension Pack".
environnement
OS:Windows 10 Pro 64bit Editor:Visual Studio Code 1.44.2 JDK:AdoptOpenJDK 11.0.6+10 x64
Création de modèle
Vous pouvez le faire sur Visual Studio Code, mais vous pouvez également le créer avec spring initializr (https://start.spring.io/).
Cette fois, je l'ai fait comme ça.
Développez le modèle créé vers "D: \ JAVA \ Project".
Créer un contrôleur
Créez-le dans "D: \ JAVA \ Project \ bootSample1 \ src \ main \ java \ com \ example \ bootSample1 \ web \ controller". Si le dossier n'existe pas, créez-le.
RootController.java
RootController.java
package com.example.bootSample1.web.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class RootController {
@GetMapping("/")
public String root() {
// "redirect:"Préfixe à rediriger
return "redirect:hello/index";
}
}
HelloController.java
HelloController.java
package com.example.bootSample1.web.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
@RequestMapping("/hello")
public class HelloController {
@GetMapping("/index")
public String indexGet() {
return "hello/index";
}
}
Créer une vue
Créez-le dans "D: \ JAVA \ Project \ bootSample1 \ src \ main \ resources \ templates \ hello". Si le dossier n'existe pas, créez-le.
index.html
index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hello World</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
Contrôle de fonctionnement
Appuyez sur la touche "F5" pour exécuter. http://localhost:8080/ Veuillez accéder. Assurez-vous que vous êtes automatiquement redirigé vers [http: // localhost: 8080 / hello / index](http: // localhost: 8080 / hello / index).
C'est OK si la page suivante est affichée.
Résumé
Le contrôleur et la vue sont exactement les mêmes que l'exemple précédent non-Boot. L'avantage de Boot est qu'il ne nécessite aucune préparation.
Recommended Posts