Padrão de Triângulo em JSP | Tutorial de Desenvolvimento Web

Introdução

Neste projeto, você aprenderá como usar o objeto out e um loop for em JSP (Java Server Pages) para exibir um padrão de triângulo em uma página web.

👀 Pré-visualização

Pré-visualização do padrão de triângulo

🎯 Tarefas

Neste projeto, você aprenderá:

Como usar o objeto out para imprimir a saída na página web
Como implementar um loop for para iterar e gerar o padrão de triângulo
Como utilizar a tag <br> para iniciar uma nova linha após cada linha do triângulo

🏆 Conquistas

Após concluir este projeto, você será capaz de:

Gerar saída dinâmica em uma página web usando JSP
Compreender os fundamentos do uso de loops em JSP para criar padrões repetitivos
Reconhecer a importância de usar tags HTML apropriadas, como <br>, para formatar a saída

Exibindo o Triângulo

Nesta etapa, você aprenderá como usar o objeto out e um loop for para exibir um triângulo com 10 linhas no arquivo index.jsp.

Abra o arquivo index.jsp localizado no diretório /home/labex/project/TriangleProject.
Dentro da seção <body>, adicione o seguinte 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á um loop for aninhado para exibir o triângulo. O loop externo iterará 10 vezes, representando as 10 linhas do triângulo. O loop interno iterará de 0 ao índice da linha atual i, imprimindo um asterisco (*) para cada iteração.

Após a saída de cada linha, a tag <br> é usada para iniciar uma nova linha.

Salve o arquivo index.jsp.

Verificando a Saída

Para verificar a saída, siga estas etapas:

Abra um terminal e navegue até o diretório do Tomcat:

cd /opt/apache-tomcat-8.5.54/bin

Copie o projeto TriangleProject para o diretório webapps do Tomcat.

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

Inicie o servidor Tomcat:

./startup.sh

Abra um navegador web e navegue até a seguinte URL:

http://localhost:8080/TriangleProject/

Você deverá ver o padrão do triângulo impresso na página, conforme mostrado na captura de tela de exemplo no desafio original.

Parabéns! Você concluiu com sucesso o projeto usando o objeto out e um loop for para exibir um triângulo no arquivo index.jsp.

Resumo

Parabéns! Você concluiu este projeto. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.

Exibindo um Triângulo com o Objeto Out