JSP-Dreiecksmuster | Webdesign-Tutorial

Einführung

In diesem Projekt lernst du, wie du das out-Objekt und eine for-Schleife in JSP (Java Server Pages) verwendest, um ein Dreiecksmuster auf einer Webseite auszugeben.

👀 Vorschau

🎯 Aufgaben

In diesem Projekt wirst du lernen:

Wie du das out-Objekt verwendest, um Ausgabe auf die Webseite zu drucken
Wie du eine for-Schleife implementierst, um zu iterieren und das Dreiecksmuster zu generieren
Wie du das <br>-Tag nutzt, um eine neue Zeile nach jeder Zeile des Dreiecks zu starten

🏆 Errungenschaften

Nach Abschluss dieses Projekts wirst du in der Lage sein:

Dynamische Ausgabe auf einer Webseite mit JSP zu generieren
Die Grundlagen des Gebrauchs von Schleifen in JSP zur Erstellung von wiederkehrenden Mustern zu verstehen
Die Wichtigkeit der Verwendung geeigneter HTML-Tags, wie <br>, zur Formatierung der Ausgabe zu erkennen

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL java(("Java")) -.-> java/BasicSyntaxGroup(["Basic Syntax"]) java(("Java")) -.-> java/ConcurrentandNetworkProgrammingGroup(["Concurrent and Network Programming"]) java/BasicSyntaxGroup -.-> java/for_loop("For Loop") java/BasicSyntaxGroup -.-> java/output("Output") java/ConcurrentandNetworkProgrammingGroup -.-> java/working("Working") subgraph Lab Skills java/for_loop -.-> lab-300388{{"Dreieck mit Out-Objekt ausgeben"}} java/output -.-> lab-300388{{"Dreieck mit Out-Objekt ausgeben"}} java/working -.-> lab-300388{{"Dreieck mit Out-Objekt ausgeben"}} end

Ausgabe des Dreiecks

In diesem Schritt lernst du, wie du das out-Objekt und eine for-Schleife verwendest, um ein Dreieck mit 10 Zeilen in der index.jsp-Datei auszugeben.

Öffne die index.jsp-Datei im Verzeichnis /home/labex/project/TriangleProject.
Füge im <body>-Abschnitt folgenden Code hinzu:

<%
    for(int i = 0;i < 10; i++){
        for(int j = 0 ; j <= i ; j++){
            out.print("*");
        }
        out.print("<br>");
    }
%>

Dieser Code wird eine geschachtelte for-Schleife verwenden, um das Dreieck auszugeben. Die äußere Schleife wird 10 Mal iterieren, was den 10 Zeilen des Dreiecks entspricht. Die innere Schleife wird von 0 bis zum aktuellen Zeilenindex i iterieren und für jede Iteration ein Sternchen (*) ausgeben.

Nachdem jede Zeile ausgegeben wurde, wird das <br>-Tag verwendet, um eine neue Zeile zu starten.

Speichere die index.jsp-Datei.

✨ Lösung prüfen und üben

Überprüfung der Ausgabe

Um die Ausgabe zu überprüfen, folge diesen Schritten:

Öffne ein Terminal und navigiere zum Tomcat-Verzeichnis:

cd /opt/apache-tomcat-8.5.54/bin

Kopiere das TriangleProject-Projekt in das webapps-Verzeichnis von Tomcat.

cp -r ~/project/TriangleProject/ /opt/apache-tomcat-8.5.54/webapps/

Starte den Tomcat-Server:

./startup.sh

Öffne einen Webbrowser und navigiere zu der folgenden URL:

http://localhost:8080/TriangleProject/

Du solltest das Dreiecksmuster auf der Seite sehen, wie es in dem Beispielbildschirm im ursprünglichen Challenge gezeigt wird.

Herzlichen Glückwunsch! Du hast das Projekt erfolgreich abgeschlossen, indem du das out-Objekt und eine for-Schleife verwendet hast, um ein Dreieck in der index.jsp-Datei auszugeben.

✨ Lösung prüfen und üben

Zusammenfassung

Herzlichen Glückwunsch! Du hast dieses Projekt abgeschlossen. Du kannst in LabEx weitere Labs absolvieren, um deine Fähigkeiten zu verbessern.