[JAVA] Anfänger erstellen eine Spring Tools Suite-Umgebung mit VS Code

Zweck

Zum Lernen, weil ich mich wahrscheinlich mit der WEB-API mit Spring Boot im Geschäft anfreunden werde Erstellt eine Entwicklungsumgebung für Spring Tool Suite 4 in der Windows 10-Umgebung. Lassen Sie uns vorerst eine Beispielseite erstellen.

Daher werden wir die aktuellste (24.12.2019) "Spring Tools Suite 4" -Umgebung erstellen. Die offiziell unterstützten IDEs sind "Eclipse", "VSCode" und "Atom". Dieses Mal werden wir mit VSCode erstellen.

Bau der Entwicklungsumgebung

Installation

Installieren Sie JDK / MAVEN / VSCode. SpringToolsSuite (STS) muss JDK 1.8 oder höher sein, daher ist Java 8 installiert. Für MAVEN und JDK benötigen Sie den Installationspfad später. Ich persönlich empfehle daher, die komprimierte Datei zu löschen und an einem leicht verständlichen Ort zu extrahieren.

JDK

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

Diesmal ist es so angeordnet

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

Einstellungen für Umgebungsvariablen

Übergeben Sie den Pfad an den Ordner, in den Sie JDK und MAVEN extrahiert haben. In der Systemsteuerung ⇒ System ⇒ Erweiterte Systemeinstellungen ⇒ Umgebungsvariableneinstellungen

1. Fügen Sie die Elemente "JAVA_HOME" und "MAVEN_HOME" zu den Systemumgebungsvariablen hinzu (den Pfad des Ordners, den Sie zuvor entpackt haben).
2. Fügen Sie "% JAVA_HOME% \ bin" und "% MAVEN_HOME% \ bin" zum Element "Pfad" der Systemumgebungsvariablen hinzu.

• Wenn Sie verstehen, ist das in Ordnung

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%

Einführung des Plugins

Installieren Sie Folgendes auf dem VS Code Add-On-Suchbildschirm. Spring Boot Extension Pack Java Extension Pack

Umgebungsvariablen in VS Code

Die VS-Code-Plug-Ins werden langsam wütend: "Wo ist Java?". Ich werde Ihnen also auch den Pfad mitteilen, den Sie dort installiert haben. Datei ⇒ Grundeinstellungen ⇒ Einstellungen ⇒ Fügen Sie der Einstellungsdatei, die mit dem Symbol (Open Settings (JSON)) oben rechts geöffnet wurde, die folgende Beschreibung hinzu.

{
  "java.home": "D:\\openjdk\\jdk-8.0.232.09-hotspot",
  "maven.executable.path": "D:\\apache-maven-3.6.3\\bin\\mvn", //Ich möchte wissen, wo sich auch die ausführbare Maven-Datei befindet
  "maven.terminal.useJavaHome": true //Weisen Sie maven an, sich den Java-Pfad anzusehen
}

* Wenn Sie sich in einer Proxy-Umgebung befinden

Die Installation wurde bisher abgeschlossen. Wenn Sie jedoch einen internen Proxy verwenden, erhalten Sie möglicherweise beim Erstellen eines Projekts die erforderlichen Bibliotheken, und es kann ein Fehler auftreten. Führen Sie in diesem Fall das folgende Verfahren aus. ** Ergänzung zu settings.json **

{
  "http.proxy": "{Proxyserver-URL}:{Port-Nummer}",
  //Wenn Sie sich in einer Proxy-Umgebung befinden, geben Sie an, wo VS Code die Bibliothek herunterladen soll.
}

** Einstellungen.xml erstellen ** Erstellen Sie eine Datei "settings.xml" in "C: /Users/{username}/.m2", damit maven den Proxy verwenden kann.

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>{Eine Zeichenfolge, die Ihnen eine eindeutige ID gibt}</id>
      <active>true</active>
      <protocol>http</protocol>
      <host>{Proxy-Server-URL}</host>
      <port>{Hafen}</port>
    </proxy>
  </proxies>
  <profiles/>
  <activeProfiles/>
</settings>

Wie erstelle ich ein Projekt?

1. Öffnen Sie den Ordner, in dem Sie ein Projekt in VS Code erstellen möchten
2. Öffnen Sie den Befehl mit "Shift + Ctrl + p" und wählen Sie "Spring Initializr: Generate a Maven Project".
3. "Java" ⇒ "" ⇒ "" ⇒ " (diesmal 2.2.2)" ⇒ "Abhängigkeitsauswahl (en)"
4. Wählen Sie einen Projekterstellungsordner aus

Wählen Sie die folgenden drei Abhängigkeiten aus

1. Spring Boot Dev Tools (Hot-Reload-Funktion)
2. Spring Web (Vorlage zum Erstellen von WEB-Diensten mit Spring)
3. Thymeleaf (HTML-Vorlagen-Engine)

Versuche zu rennen

Öffnen Sie das Projekt in VS Code (oder fügen Sie es in den Arbeitsbereich ein).

Wenn Sie VS Code im erstellten Projektordner erneut öffnen, Sie können sehen, dass sie die von Java, Maven und Spring Boot erstellten Projekte erkennen.

• Wenn Sie es hier nicht erkennen, scheint etwas zu fehlen. Es wird empfohlen, die obigen Einstellungen zu überprüfen und VS Code neu zu starten.

Beispielseite hinzufügen

Fügen Sie die Datei dem folgenden Pfad hinzu.

\src\main\resources\templates\hogehoge.html(HTML zum Anzeigen)
\src\main\java\com\hogehoge\test_project\controller\HogehogeController.java(Controller für das Routing)

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") //Geben Sie hier die URL an.
    public String hogehoge() {
        return "hogehoge"; //HTML mit demselben Namen wie das hier zurückgegebene Zeichen wird aufgerufen.
    }
}

hogehoge.html

<!DOCTYPE html>
<html>

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

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

</html>

Kann mit "SPRING-BOOT DASH BOARD" unten links ausgeführt werden