Você está aqui: JSP (Java Server Pages) ::: Dicas de Estudo e Anotações ::: Passos Iniciais

Gerando código HTML dinamicamente usando JSP

Quantidade de visualizações: 67 vezes
Este exemplo tira proveito da variável out para mostrar como é fácil montar uma tabela HTML a partir de um bloco de código. A listagem a seguir contém o código para uma pagina JSP que gera uma tabela HTML contendo 20 células:
<%@ page language="java" %>
<html>
<head>
<title>Uma tabela com 20 células</title>
</head>
<body>
<h3>Números inteiros de 1 a 20</h3>

<%
  out.println("<table border="1" width="300px">");
  out.println("<tr>");

  for(int i = 1; i <= 20; i++){
    out.println("<td align="center">" + i + "</td>");

    if(i % 5 == 0)
      out.println("</tr><tr>");
  } 

  out.println("</tr></table>"); 
%>

</body>
</html>
Salve este código como tabela.jsp e execute-o. Observe o resultado obtido.

Observe este resultado e veja que temos uma tabela contendo 20 células. Veja ainda que a tabela contém 4 linhas, cada uma contendo 5 células. Pela simplicidade do código discutiremos apenas alguns pontos principais. Comece analisando a primeira linha do Scriptlet:

out.println("<table border="1" width="300px">");

Aqui nós criamos uma tabela com uma borda de 1 pixel e 300 pixels de largura. Observe o uso da barra invertida para escapar as aspas usadas para definir valores para os atributos da tabela.

Veja agora o trecho de código que cria uma nova linha a cada grupo de cinco células:
if(i % 5 == 0)
  out.println("</tr><tr>");
Bastou usar o operador de módulo para esta tarefa. O entendimento do restante do código fica como exercício.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de JSP (Java Server Pages)

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 57 usuários muito felizes estudando em nosso site.