Detaillierte Schritte zum Bereitstellen eines Tomcat-Servers basierend auf IDEA

Detaillierte Schritte zum Bereitstellen eines Tomcat-Servers basierend auf IDEA

Einführung

Stellen Sie den Tomcat-Server basierend auf IDEA bereit und erstellen Sie darauf das erste Servlet-Programm, um die Front-End- und Back-End-Interaktion zu realisieren. Dann bauen Sie einen einfachen Rechenrechner.

Dieses Programm basiert auf der neuesten Version von IDEA im Jahr 2021 und löst verschiedene Konfigurationsprobleme der alten Version

Neuestes Jihuo-Tutorial von idea2021 (drahtlose Remake-Nutzung)

Schritt 1

Installieren Sie Tomcat (JDK ist bereits installiert)

1. Tomcat ist ein kostenloser Server, Sie können ihn direkt von der offiziellen Website herunterladen

2. Nachdem das komprimierte Paket heruntergeladen wurde, dekomprimieren Sie es direkt in den angegebenen Pfad

3. Unter dem Installationspfad befindet sich ein Bin-Ordner. Suchen Sie darin die Datei startup.bat und doppelklicken Sie darauf, um sie auszuführen. Die folgenden Ausführungsergebnisse werden angezeigt:

Bildbeschreibung hier einfügen

4. Geben Sie die URL http://localhost:8080 in den Browser ein. Die folgende Schnittstelle wird angezeigt und zeigt an, dass der Tomcat-Server erfolgreich bereitgestellt wurde.

Bildbeschreibung hier einfügen

Schritt 2: Erstellen Sie ein dynamisches Webprojekt in Idea

In der alten Version hat IDEA direkt einen JAVA Enterprice im Projekt erstellt, in der neuesten Version gibt es diese Option jedoch nicht mehr.

Bildbeschreibung hier einfügen

Wir lösen es also folgendermaßen:

1. Erstellen Sie zuerst ein normales Java-Projekt

Bildbeschreibung hier einfügen

2. Klicken Sie mit der rechten Maustaste auf das Projekt und wählen Sie „Framework-Unterstützung hinzufügen…“

Bildbeschreibung hier einfügen

3. Aktivieren Sie im sich öffnenden Fenster Web Application (4.0) und klicken Sie dann auf OK. IDEA generiert automatisch die Javaweb-Verzeichnisstruktur und die erforderlichen Ressourcen.

Bildbeschreibung hier einfügen

(Hinweis: Dies ist die Verzeichnisstruktur, nachdem ich sie einmal geschrieben und ausgeführt habe. Die beim ersten Mal generierte Verzeichnisstruktur enthält nur .idea-, src-, web- und die folgenden iml-Dateien.)

Zu diesem Zeitpunkt wurde das auf IDEA basierende Javaweb-Projekt erfolgreich erstellt

Schritt 3: Stellen Sie den Tomcat-Server im Javaweb-Projekt bereit

1. Zuerst erstellen wir zwei Ordner im Verzeichnis web/WEB_INF und nennen sie classes und lib

​ classes wird zum Speichern kompilierter Klassendateien verwendet, und lib wird zum Speichern von JAR-Paketen von Drittanbietern verwendet

Bildbeschreibung hier einfügen

2. Pfad der Konfigurationsdatei

Datei -> Projektstruktur, das folgende Fenster wird geöffnet. Wählen Sie dann Module – Pfade – aktivieren Sie „Modul-Kompilierungspfad verwenden“ und legen Sie sowohl den Ausgabepfad als auch den Testausgabepfad auf den soeben erstellten Klassenordner fest.
Bildbeschreibung hier einfügen

3. Fahren Sie mit der Auswahl von Abhängigkeiten im aktuellen Fenster fort – wählen Sie Modul-SDK als 1.6 aus, klicken Sie dann rechts auf das +-Zeichen – wählen Sie „1 JARS oder Verzeichnisse …“

Bildbeschreibung hier einfügen

4. Wählen Sie im sich öffnenden Fenster den Pfad zum soeben erstellten lib-Ordner aus und klicken Sie dann auf OK

Bildbeschreibung hier einfügen

5. Wählen Sie im angezeigten Fenster Jar Directory – OK

Bildbeschreibung hier einfügen

6. Wählen Sie dann im äußersten Fenster „Projektstruktur“ Übernehmen–OK

7. Dann beginnen wir offiziell mit der Konfiguration des Tomcat-Containers. Öffnen Sie zunächst das Menü Ausführen -> Konfigurationen bearbeiten…

Bildbeschreibung hier einfügen

8. Klicken Sie auf das +-Zeichen und wählen Sie „Tomcat-Server“ – „Lokal“

Bildbeschreibung hier einfügen

9. Geben Sie dann den Servernamen, den Sie anpassen möchten, in Name ein, klicken Sie hinter „Anwendungsserver“ auf „Konfigurieren …“, das Fenster „Anwendungsserver“ wird angezeigt, wählen Sie im Textfeld hinter Tomcat Home das Verzeichnis aus, in dem Tomcat lokal installiert ist – OK

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

10. Geben Sie in der Spalte Name des Fensters „Run/Debug Configurations“ den Namen des Servers ein. Deaktivieren Sie im Fenster „Server“ die Option „After Launch“, legen Sie den „HTTP-Port“ und den „JMX-Port“ fest (der Standardwert 8080 ist ausreichend) und klicken Sie auf „Apply“ -> „OK“.

Bildbeschreibung hier einfügen

An diesem Punkt ist Tomcat konfiguriert. Das kleine rote Kreuz auf dem Tomcat-Symbol in der Liste links erinnert daran, dass das Projekt nicht bereitgestellt ist. Das kleine rote Kreuz verschwindet, nachdem das Projekt bereitgestellt wurde.

Schritt 4: Bereitstellung auf Tomcat

1. Nachdem Sie Tomcat erstellt haben, können Sie die Konfigurationsseite von Tomcat schnell über die Symbolleiste öffnen

Bildbeschreibung hier einfügen

2. Wählen Sie Bereitstellung - klicken Sie rechts auf das "+"-Zeichen - wählen Sie Artefakt - wählen Sie dann das Webprojekt - füllen Sie den Anwendungskontext nach Bedarf aus (Sie können ihn auch leer lassen) - Übernehmen

Bildbeschreibung hier einfügen

3. Ändern Sie im Server-Panel den Wert von Bei 'Update'-Aktion und Bei Frame-Deaktivierung, um Klassen und Ressourcen zu aktualisieren – Übernehmen

Hinweis: Diese beiden Optionen sind erst verfügbar, nachdem Tomcat das Projekt erfolgreich konfiguriert hat.

Bildbeschreibung hier einfügen

An diesem Punkt ist die Konfiguration von Tomcat abgeschlossen

Schritt 5: Schreiben Sie ein einfaches Rechenprogramm, um die Front-End- und Back-End-Interaktion zu realisieren

1. Schreiben Sie die Datei index.jsp und schreiben Sie die Front-End-Seite (mein Code ist hier angehängt)

Bildbeschreibung hier einfügen

 <html> <head> <title>My First Page</title> </head> <body> <h3>I can do a arithmetic.</h3> <div class="_from"> <form action="login" method="get"> <input type="text" name="firstNum" class="firstNum" placeholder="The First Number"> <input typr="text" name="operation" class="operation" placeholder="Arithmetic"> <input type="text" name="secondNum" placeholder="The Second Number"> <input type="submit" name="submit" value="Go"> </form> </div> </body></html>

2. Schreiben Sie ein Backend-Java-Programm, um einfache Rechenoperationen auf dem Backend zu implementieren (Code beigefügt)

Bildbeschreibung hier einfügen

 package com.mycalc.servlet;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;/** * @author Milo * @creat 2021-04-09 8:27 * @function * @versions */@WebServlet("/login")public class Calc extends HttpServlet{ int firstNum; char operation; int secondNum; String submit; protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("------已進入Get程序-------"); resp.setContentType("text/html;charset = utf-8"); req.setCharacterEncoding("utf-8"); this.firstNum = Integer.parseInt(req.getParameter("firstNum")); this.operation = (req.getParameter("operation")).charAt(0); this.secondNum = Integer.parseInt(req.getParameter("secondNum")); this.submit = req.getParameter("submit"); resp.getWriter().write("計算結果為:"+this.arithmetic()); } protected int arithmetic(){ int opResult = 0; if (this.operation == '+') { opResult = this.firstNum + this.secondNum; System.out.println(opResult); } else if(this.operation == '-'){ opResult = this.firstNum-this.secondNum; System.out.println(opResult); } else if(this.operation == '*') { opResult = this.firstNum*this.secondNum; System.out.println(opResult); } else if(this.operation == '/'){ opResult = this.firstNum/this.secondNum; System.out.println(opResult); } return opResult; }

3. Schreiben Sie die Datei web.xml und verbinden Sie das Zwischenservlet

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

<Das Web-App-Framework existiert bereits. Schreiben Sie einfach den mittleren Inhalt gemäß dem obigen Bild

Schritt 6: Ausführen des Codes und Anzeigen der Ergebnisse

Klicken Sie auf „Ausführen“ und wählen Sie dann den Browser aus, um die Seite „index.jsp“ zu öffnen.

Bildbeschreibung hier einfügen

Die Ergebnisse sind wie folgt

Bildbeschreibung hier einfügen

prüfen

Geben Sie den ersten Operanden in das erste Eingabefeld ein, geben Sie die vier Rechenoperatoren (+, -, *, /) in das zweite Feld ein, geben Sie den zweiten Operanden in das dritte Feld ein, klicken Sie auf „Los“, und das Berechnungsergebnis wird zurückgegeben.

wie:
Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Der Vorgang war erfolgreich!

Dies ist das Ende dieses Artikels über die detaillierten Schritte zur Bereitstellung eines Tomcat-Servers basierend auf IDEA. Weitere verwandte Inhalte zur Bereitstellung eines Tomcat-Servers mit Idea finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Grafisches IDEA-Tutorial zum Konfigurieren des Tomcat-Servers und Veröffentlichen von Webprojekten
  • Nachdem Idea das Webprojekt veröffentlicht hat, kann der Tomcat-Server das Projekt und seine Lösung nicht finden
  • Detaillierte Schritte zum Konfigurieren des Tomcat-Servers in IDEA 2020
  • So konfigurieren Sie den Tomcat-Server für Eclipse und IDEA
  • Detaillierte Erklärung der Serverpfadmethode zum Kompilieren von Maven-Projekten mit verschiedenen Tomcats in Intellij Idea
  • So stellen Sie ein JavaWeb-Projekt auf einem Tomcat-Server in IDEA bereit

<<:  Ein IE-Absturzfehler

>>:  CSS fügt Scroll zu Div hinzu und verbirgt die Bildlaufleiste

Artikel empfehlen

CSS3-Mauszeiger-Übergangszoomeffekt

Das Folgende ist ein Bild-Zoom-Effekt, der in rei...

Unterschied zwischen den Methoden querySelector und getElementById in JS

Inhaltsverzeichnis 1. Übersicht 1.1 Verwendung vo...

Beispiel für das Hinzufügen eines Musikvideos zu einer HTML-Seite

1. Video-Tag Unterstützt die automatische Wiederg...

Vue.js verwaltet die Kapselung von Hintergrundtabellenkomponenten

Inhaltsverzeichnis Problemanalyse Warum Kapselung...

Detaillierte Erklärung zum Lay-Loading von JavaScript

Inhaltsverzeichnis Lazy Loading CSS-Stile: HTML-T...

Detaillierte Erklärung dreier häufig verwendeter Webeffekte in JavaScript

Inhaltsverzeichnis 1 Element Offset-Serie 1.1 Off...

Zusammenfassung der @-Verwendung in CSS (mit Beispielen und Erklärungen)

Eine At-Regel ist eine Deklaration, die Anweisung...

Detaillierte Erläuterung gängiger Methoden von JavaScript-Arrays

Inhaltsverzeichnis Gängige Array-Methoden Pop() u...

Schreiben Sie Ihr HTML so, um Ihren Code kompatibler zu machen

Beispielsweise Benutzer, die eine Bildschirmleseso...

Die Einhandregel von WEB 2.0

<br />Mein vorheriger Artikel über CSS wurde...