Motif triangulaire JSP | Tutoriel de développement web

Introduction

Dans ce projet, vous allez apprendre à utiliser l'objet out et une boucle for dans les JSP (Java Server Pages) pour afficher un motif triangulaire sur une page web.

👀 Aperçu

🎯 Tâches

Dans ce projet, vous allez apprendre :

Comment utiliser l'objet out pour imprimer une sortie sur la page web
Comment implémenter une boucle for pour itérer et générer le motif triangulaire
Comment utiliser la balise <br> pour commencer une nouvelle ligne après chaque ligne du triangle

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

Générer une sortie dynamique sur une page web à l'aide des JSP
Comprendre les bases de l'utilisation de boucles dans les JSP pour créer des motifs répétitifs
Reconnaître l'importance d'utiliser les balises HTML appropriées, telles que <br>, pour formater la sortie

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{{"Affichage d'un triangle avec l'objet Out"}} java/output -.-> lab-300388{{"Affichage d'un triangle avec l'objet Out"}} java/working -.-> lab-300388{{"Affichage d'un triangle avec l'objet Out"}} end

Affichage du triangle

Dans cette étape, vous allez apprendre à utiliser l'objet out et une boucle for pour afficher un triangle avec 10 lignes dans le fichier index.jsp.

Ouvrez le fichier index.jsp situé dans le répertoire /home/labex/project/TriangleProject.
Dans la section <body>, ajoutez le code suivant :

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

Ce code utilisera une boucle for imbriquée pour afficher le triangle. La boucle externe itérera 10 fois, représentant les 10 lignes du triangle. La boucle interne itérera de 0 jusqu'à l'index de la ligne actuelle i, en imprimant un astérisque (*) pour chaque itération.

Après l'affichage de chaque ligne, la balise <br> est utilisée pour commencer une nouvelle ligne.

Enregistrez le fichier index.jsp.

✨ Vérifier la solution et pratiquer

Vérification de la sortie

Pour vérifier la sortie, suivez ces étapes :

Ouvrez un terminal et accédez au répertoire Tomcat :

cd /opt/apache-tomcat-8.5.54/bin

Copiez le projet TriangleProject dans le répertoire webapps de Tomcat.

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

Démarrez le serveur Tomcat :

./startup.sh

Ouvrez un navigateur web et accédez à l'URL suivante :

http://localhost:8080/TriangleProject/

Vous devriez voir le motif triangulaire imprimé sur la page, comme montré dans l'écran de capture d'écran de l'exemple dans le défi original.

Félicitations! Vous avez réussi à terminer le projet en utilisant l'objet out et une boucle for pour afficher un triangle dans le fichier index.jsp.

✨ Vérifier la solution et pratiquer

Sommaire

Félicitations! Vous avez terminé ce projet. Vous pouvez pratiquer plus de laboratoires dans LabEx pour améliorer vos compétences.