[JAVA] Les débutants créent un environnement Spring Tools Suite avec VS Code

Objectif

Pour étudier parce que je suis susceptible de me lier d'amitié avec l'API WEB en utilisant Spring Boot Création d'un environnement de développement pour Spring tool suite 4 dans l'environnement Windows10. Faisons un exemple de site pour le moment.

Nous allons donc créer le dernier environnement actuel (2019/12/24) "Spring Tools Suite 4". Les IDE officiellement supportés sont "Eclipse", "VSCode" et "Atom", et cette fois nous allons construire avec VSCode.

Construction d'environnement de développement

Installation

Installez JDK / MAVEN / VSCode. SpringToolsSuite (STS) semble devoir être JDK 1.8 ou supérieur, donc Java 8 est installé. Pour MAVEN et JDK, vous aurez besoin du chemin d'installation plus tard, je vous recommande donc personnellement de déposer le fichier compressé et de l'étendre à un endroit facile à comprendre.

JDK

• Olacle-Java SE Download
• Download Red Hat Open JDK MAVEN
• Apache Maven Project VSCode
• Visual Studio Code-Code Editor | Microsoft Azure

Cette fois, c'est arrangé comme ça

D:/
├── JDK
|   └── jdk-8.0.232.09-hotspot
└── maven
    └── apache-maven-3.6.3

Paramètres des variables d'environnement

Transmettez le chemin d'accès au dossier dans lequel vous avez extrait JDK et MAVEN. Dans le Panneau de configuration ⇒ Système ⇒ Paramètres système avancés ⇒ Paramètres des variables d'environnement

1. Ajoutez les éléments "JAVA_HOME" et "MAVEN_HOME" aux variables d'environnement système (le chemin du dossier que vous avez décompressé précédemment).
2. Ajoutez «% JAVA_HOME% \ bin» et «% MAVEN_HOME% \ bin» à l'élément «Path» de la variable d'environnement système.

• Si vous comprenez, c'est bien

JAVA_HOME="D:/openjdk/jdk-8.0.232.09-hotspot"
MAVEN_HOME="D:/apache-maven-3.6.3"
Path=%JAVA_HOME%\bin;%MAVEN_HOME%\bin;%Path%

Introduction du plug-in

Installez ce qui suit sur l'écran de recherche du module complémentaire VS Code. Spring Boot Extension Pack Java Extension Pack

Variables d'environnement dans VS Code

Les plug-ins VS Code commencent à se fâcher, "Où est Java?", Donc je vais vous dire le chemin que vous avez installé là aussi. Fichier ⇒ Paramètres de base ⇒ Paramètres ⇒ Ajoutez la description suivante au fichier de paramètres ouvert avec l'icône (Ouvrir les paramètres (JSON)) en haut à droite.

{
  "java.home": "D:\\openjdk\\jdk-8.0.232.09-hotspot",
  "maven.executable.path": "D:\\apache-maven-3.6.3\\bin\\mvn", //Je veux savoir où se trouve également le fichier exécutable maven
  "maven.terminal.useJavaHome": true //Demandez à maven de regarder le chemin Java
}

* Si vous êtes dans un environnement proxy

L'installation est terminée jusqu'à présent, mais si vous utilisez un proxy en interne, vous pouvez obtenir les bibliothèques nécessaires lors de la création d'un projet et une erreur peut se produire. Dans ce cas, effectuez la procédure suivante. ** Ajout à setting.json **

{
  "http.proxy": "{URL du serveur proxy}:{numéro de port}",
  //Si vous êtes dans un environnement proxy, je spécifierai où VS Code téléchargera la bibliothèque.
}

** Création de settings.xml ** Créez un fichier "settings.xml" dans "C: /Users/{username}/.m2" pour permettre à maven d'utiliser le proxy.

settings.xml

<settings xmlns="http://maven.apache.org/SETTINGS/1.0.0"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0
                          http://maven.apache.org/xsd/settings-1.0.0.xsd">
  <localRepository/>
  <interactiveMode/>
  <usePluginRegistry/>
  <offline/>
  <pluginGroups/>
  <servers/>
  <mirrors/>
  <proxies>
   <proxy>
      <id>{Une chaîne qui vous donne un identifiant unique}</id>
      <active>true</active>
      <protocol>http</protocol>
      <host>{URL du serveur proxy}</host>
      <port>{Port}</port>
    </proxy>
  </proxies>
  <profiles/>
  <activeProfiles/>
</settings>

Comment faire un projet

1. Ouvrez le dossier dans lequel vous souhaitez créer un projet sur VS Code
2. Ouvrez la commande avec "Shift + Ctrl + p" et sélectionnez "Spring Initializr: Generate a Maven Project"
3. "Java" ⇒ "" ⇒ "" ⇒ " (2.2.2 cette fois)" ⇒ "sélection (s) de dépendance"
4. Sélectionnez un dossier de création de projet

Sélectionnez les trois dépendances suivantes

1. Spring Boot Dev Tools (fonction Hot Reload)
2. Spring Web (modèle de création de services WEB avec Spring)
3. Thymeleaf (moteur de modèle HTML)

Essayez de courir

Ouvrez le projet dans VS Code (ou incluez-le dans l'espace de travail)

Lorsque vous ouvrez à nouveau VS Code dans le dossier de projet créé, Vous pouvez voir qu'ils reconnaissent les projets créés par Java, Maven et Spring Boot.

• Si vous ne le reconnaissez pas ici, il semble qu'il manque quelque chose. Il est recommandé de vérifier les paramètres ci-dessus et de redémarrer VS Code.

Ajouter une page d'exemple

Ajoutez le fichier au chemin ci-dessous.

\src\main\resources\templates\hogehoge.html(HTML à afficher)
\src\main\java\com\hogehoge\test_project\controller\HogehogeController.java(Contrôleur pour le routage)

HogehogeController.java

package com.hogehoge.test_project.controller;

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

@Controller
public class HogehogeController {

    @RequestMapping("/hogehoge") //Spécifiez l'URL ici.
    public String hogehoge() {
        return "hogehoge"; //Le code HTML portant le même nom que le caractère renvoyé ici est appelé.
    }
}

hogehoge.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>hogehoge</title>
</head>

<body>
    <h1>HelloWorld</h1>
</body>

</html>

Peut être exécuté avec "SPRING-BOOT DASH BOARD" en bas à gauche