So konfigurieren Sie Tomcat und führen Ihr erstes Java-Webprojekt auf IntelliJ IDEA 2018 aus

So konfigurieren Sie Tomcat und führen Ihr erstes Java-Webprojekt auf IntelliJ IDEA 2018 aus

1 Tomcat herunterladen und starten

Gehen Sie auf die offizielle Website http://tomcat.apache.org/ und laden Sie die neueste Version von Tomcat 9 herunter

Bildbeschreibung hier einfügen

Laden Sie entsprechend Ihrer Computerversion herunter. Ich verwende Windows 64-Bit

Bildbeschreibung hier einfügen

Nach dem Download einfach entpacken.
Suchen Sie das entpackte Verzeichnis und öffnen Sie das Verzeichnis /bin unter dem Ordner, in dem startup.bat Tomcat startet und shutdown.bat Tomcat herunterfährt.

Bildbeschreibung hier einfügen

Doppelklicken Sie auf startup.bat, um Tomcat zu starten, und öffnen Sie http://localhost:8080. Wenn Sie die folgende Schnittstelle aufrufen, bedeutet dies, dass der Start erfolgreich war.

Bildbeschreibung hier einfügen

2 Konfigurieren Sie Umgebungsvariablen für Tomcat 9 in Win10

Klicken Sie mit der rechten Maustaste auf „Arbeitsplatz“, klicken Sie auf „Eigenschaften“ und wählen Sie „Erweiterte Systemvariablen“

Bildbeschreibung hier einfügen

Wählen Sie die Registerkarte Erweitert -> Umgebungsvariablen

Bildbeschreibung hier einfügen

Fügen Sie unter „Systemvariablen“ Systemvariablen hinzu und ergänzen Sie Folgendes:
Erstellen Sie einen neuen Variablennamen: CATALINA_BASE
Variablenwert: E:\SoftWares\tomcat9\apache-tomcat-9.0.8 //Kopieren Sie das Tomcat-Dekomprimierungsverzeichnis auf Ihrem eigenen Computer

Erstellen Sie einen neuen Variablennamen: CATALINA_HOME
Variablenwert: E:\SoftWares\tomcat9\apache-tomcat-9.0.8 //Kopieren Sie das Tomcat-Dekomprimierungsverzeichnis auf Ihrem eigenen Computer

Klicken Sie auf „OK“.
Bearbeiten und ändern Sie anschließend die Variablenwerte von CLASSPATH und Path.
Fügen Sie dem Wert der ClassPath-Variable Folgendes hinzu: %CATALINA_HOME%\lib\servlet-api.jar; (beachten Sie, dass Sie nach dem ursprünglichen Variablenwert das englische „;“ hinzufügen müssen)
Fügen Sie dem Wert der Pfadvariable Folgendes hinzu: %CATALINA_HOME%\bin;%CATALINA_HOME%\lib (beachten Sie, dass Sie nach dem ursprünglichen Variablenwert das englische „;“ hinzufügen müssen)
Klicken Sie einfach auf OK.

Bildbeschreibung hier einfügen

Überprüfen Sie abschließend, ob die Konfiguration erfolgreich war.
Geben Sie mit der Tastatur Win+R cmd ein und geben Sie den Startbefehl ein. Wenn das folgende Bild angezeigt wird, war die Konfiguration erfolgreich.

Bildbeschreibung hier einfügen

3 Erstellen Sie das erste JavaWeb-Projekt in IDEA

Klicken Sie auf Datei -> Neu -> Projekt…

Bildbeschreibung hier einfügen

Wählen Sie „Java“ -> „Webanwendung“ und klicken Sie dann auf „Weiter“.

Bildbeschreibung hier einfügen

Geben Sie einen Projektnamen ein (hier nehmen wir JavaWebTest als Beispiel) und klicken Sie dann auf „Fertig“.

Bildbeschreibung hier einfügen

Die Projektverzeichnisstruktur ist wie folgt:

Bildbeschreibung hier einfügen

Ändern Sie den Code in index.jsp, um spätere Tests zu erleichtern. Der Code lautet wie folgt:

<%@ Seite contentType="text/html;charset=UTF-8" Sprache="java" %>
<html>
 <Kopf>
 <title>$Titel$</title>
 </Kopf>
 <Text>
 Hallo Welt!
 </body>
</html>

4 Konfigurieren Sie Tomcat und führen Sie das Projekt auf IntelliJ IDEA 2018 aus

Öffnen Sie IDEA und klicken Sie auf „Ausführen – Konfigurationen bearbeiten …“

Bildbeschreibung hier einfügen

Klicken Sie auf das „+“-Zeichen, suchen Sie dann nach Tomcat Server und wählen Sie „Lokal“

Bildbeschreibung hier einfügen

Klicken Sie unter dem Projekt „Tomcat-Server -> Unbenannt -> Server -> Anwendungsserver“ auf „Konfiguration“, suchen Sie den lokalen Tomcat-Server (d. h. den oben angegebenen Dekomprimierungspfad) und klicken Sie dann auf die Schaltfläche „OK“. Sie können Unbenannt in einen anderen Namen ändern, z. B. Tomcat 9

Bildbeschreibung hier einfügen

Gehen Sie dann zur Registerkarte Bereitstellung daneben, klicken Sie auf das "+"-Zeichen, wählen Sie Artefakt und wählen Sie den Projektnamen

Bildbeschreibung hier einfügen

Wie in der folgenden Abbildung gezeigt, können Sie auch den Namen des Anwendungskontextpfads ändern, um ihn einfacher zu gestalten, und dann auf „OK“ klicken.

Bildbeschreibung hier einfügen

Nach der Konfiguration können Sie das folgende Bild auf der Projektoberfläche sehen und auf „Ausführen“ klicken.

Bildbeschreibung hier einfügen

Ergebnisse der Operation

Bildbeschreibung hier einfügen

Zusammenfassen

Dies ist das Ende dieses Artikels über die Konfiguration von Tomcat auf IntelliJ IDEA 2018 und das Ausführen des ersten JavaWeb-Projekts. Weitere Informationen zur Konfiguration von Tomcat auf IntelliJ IDEA 2018 und zum Ausführen des ersten JavaWeb-Projekts finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • JavaWeb Erste Schritte: Erstellen eines Webprojekts, Konfigurieren von Tomcat mit Idea
  • Java-Webentwicklung [Konfiguration der Tomcat-Umgebung] MyEclipse+IDEA-Konfigurations-Tutorial
  • Erstellen Sie ein Maven Javaweb-Projekt in Idea und konfigurieren Sie es (grafisches Tutorial)
  • Lösen Sie das mysql8.0.15-Konfigurationsproblem von Javaweb in der Idee
  • IDEA 2021 Konfiguration JavaWeb Projekt super detailliertes Tutorial

<<:  js realisiert die nicht auswählbare Dropdown-Box-Version der dreistufigen Verknüpfung von Provinzen, Städten und Bezirken

>>:  Detaillierte Schritte zum Konfigurieren von mysql8.0.20 mit binlog2sql und einfacher Sicherung und Wiederherstellung

Artikel empfehlen

Nginx implementiert ein Codebeispiel für die https-Websitekonfiguration

https-Basisport 443. Er wird für etwas verwendet,...

Beispiele für Clearfix und Clear

In diesem Artikel wird hauptsächlich die Verwendun...

Beispielcode für die programmgesteuerte Verarbeitung von CSS-Stilen

Vorteile eines programmatischen Ansatzes 1. Globa...

Tutorial zum schnellen Bereitstellen von Clickhouse mit Docker-Compose

ClickHouse ist ein spaltenorientiertes Open-Sourc...

So installieren Sie MySQL in Docker

Ich habe kürzlich Django bereitgestellt und wollt...

mysql5.7.22 Download-Prozessdiagramm

1. Gehen Sie auf die offizielle Website www.mysql...

Vue implementiert Tab-Tab-Umschaltung

In diesem Artikelbeispiel wird der spezifische Co...

Wie verfolgt Vue Datenänderungen?

Inhaltsverzeichnis Hintergrund Beispiel Missverst...

Detaillierte Erklärung des Integer-Datentyps tinyint in MySQL

Inhaltsverzeichnis 1.1Tinyint-Typbeschreibung 1.2...

Standardmäßige Stilanordnung von HTML4.0-Elementen

Code kopieren Der Code lautet wie folgt: html, Ad...

Vue Virtual DOM – Schnellstart

Inhaltsverzeichnis Virtueller DOM Was ist virtuel...

Detailliertes Beispiel für JavaScript-Array-Methoden

Inhaltsverzeichnis Einführung Erstellen eines Arr...