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

Aperçu du motif triangulaire

🎯 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

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é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.

Résumé

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

Affichage d'un triangle avec l'objet Out