Patrón de triángulo en JSP | Tutorial de desarrollo web

Introducción

En este proyecto, aprenderá a usar el objeto out y un bucle for en JSP (Java Server Pages) para mostrar un patrón de triángulo en una página web.

👀 Vista previa

🎯 Tareas

En este proyecto, aprenderá:

Cómo usar el objeto out para imprimir salida en la página web
Cómo implementar un bucle for para iterar y generar el patrón de triángulo
Cómo utilizar la etiqueta <br> para comenzar una nueva línea después de cada fila del triángulo

🏆 Logros

Después de completar este proyecto, podrá:

Generar salida dinámica en una página web utilizando JSP
Comprender los conceptos básicos de uso de bucles en JSP para crear patrones repetitivos
Reconocer la importancia de usar etiquetas HTML adecuadas, como <br>, para formatear la salida

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{{"Mostrando un triángulo con el objeto Out"}} java/output -.-> lab-300388{{"Mostrando un triángulo con el objeto Out"}} java/working -.-> lab-300388{{"Mostrando un triángulo con el objeto Out"}} end

Mostrando el triángulo

En este paso, aprenderá a usar el objeto out y un bucle for para mostrar un triángulo con 10 filas en el archivo index.jsp.

Abra el archivo index.jsp ubicado en el directorio /home/labex/project/TriangleProject.
Dentro de la sección <body>, agregue el siguiente código:

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

Este código usará un bucle for anidado para mostrar el triángulo. El bucle externo iterará 10 veces, representando las 10 filas del triángulo. El bucle interno iterará desde 0 hasta el índice de la fila actual i, imprimiendo un asterisco (*) en cada iteración.

Después de que se muestre cada fila, se utiliza la etiqueta <br> para comenzar una nueva línea.

Guarde el archivo index.jsp.

✨ Revisar Solución y Practicar

Verificando la salida

Para verificar la salida, siga estos pasos:

Abra una terminal y navegue hasta el directorio de Tomcat:

cd /opt/apache-tomcat-8.5.54/bin

Copie el proyecto TriangleProject al directorio webapps de Tomcat.

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

Inicie el servidor de Tomcat:

./startup.sh

Abra un navegador web y navegue hasta la siguiente URL:

http://localhost:8080/TriangleProject/

Debería ver el patrón de triángulo impreso en la página, como se muestra en la captura de pantalla de ejemplo en el desafío original.

¡Felicitaciones! Ha completado con éxito el proyecto al usar el objeto out y un bucle for para mostrar un triángulo en el archivo index.jsp.

✨ Revisar Solución y Practicar

Resumen

¡Felicitaciones! Has completado este proyecto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.