Como exibir dados através de um Servlet/JSP

Ao desenvolver uma aplicação Web, muitas vezes se faz necessário obter dados de uma fonte qualquer (normalmente um banco de dados) e exibi-los em uma página web (normalmente na forma de uma tabela). Nesse artigo iremos mostrar exemplos de código de como fazer isso usando Servlets Java e páginas JSP.

Todo o processo de capturar os dados e exibi-los em uma página web pode ser feito com três estruturas fundamentais do ambiente de programação Java para web:

  • um formulário HTML de onde serão obtidos os parâmetros e pesquisa;
  • um Servlet Java, que processará os parâmetros de pesquisa informados e gerará uma lista de dados que serão exibidos em uma tabela HTML;
  • um arquivo JSP que montará a tabela HTML com base na lista gerada pelo Servlet.

O primeiro e mais simples passo desse processo é o formulário HTML. A seguir um exemplo de código HTML para exibir um formulário onde o usuário poderá informar os parâmetros desejados:

<html>
<body>
<Form action="DisplayCar" method="post">
<TABLE BORDER=0>
<TR>
    <TD>Category</TD>
    <TD>
    <SELECT name="category">
        <OPTION VALUE="1">1</OPTION>
        <OPTION VALUE="2">2</OPTION>
        <OPTION VALUE="3">3</OPTION>
        <OPTION VALUE="4">4</OPTION>
        <OPTION selected VALUE="5">5</OPTION>
    </SELECT>
    </TD>
</TR>
<TR>
    <TD>Date</TD>
    <TD>
        <P>Starting date: <input type="text" name="dstart" />
        <P>End date <input type="text" name="dend" />
    </TD>
</TR>
<TR>
    <TD>Place</TD>
    <TD>
    <SELECT name="place">
        <OPTION VALUE="4">4</OPTION>
        <OPTION VALUE="5">5</OPTION>
    </SELECT>
    </TD>
</TR>
<TR>
    <TD COLSPAN=2>
    <INPUT type="submit" value="Send">
    </TD>
</TR>
</TABLE>
</Form>
</body>
</html>

Como pode-se verificar na linha:

<Form action="DisplayCar" method="post">

Esse formulário irá submeter os dados de seus campos para um Servlet Java (que deve estar descrito no arquivo web.xml de seu projeto web), cujo exemplo de código é mostrado a seguir:

public class SDisplayCar extends HttpServlet{
private static final long serialVersionUID = 1L;
private Gestion gestion = Gestion.getInstance();

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
{
    int category = Integer.parseInt(request.getParameter("category"));
    int place = Integer.parseInt(request.getParameter("place"));
    String startingDate = request.getParameter("dstart");
    String endingDate = request.getParameter("dend");

    Date start = gestion.getDate(startingDate);
    Date end =  gestion.getDate(endingDate);

    List<Vehicle> list = gestion.getVehiclesAvailable(category,place,start,end);

    HttpSession session=request.getSession();
    session.setAttribute("list", list);

    request.getRequestDispatcher("listeOfVehicle.jsp").forward(request,response);
}
}

O Servlet faz seu trabalho em três etapas: capturando os dados do formulário (linhas 7-13), criando uma estrutura de dados onde serão armazenados os dados que coincidam com o parâmetros informados (linha 15), que será vinculada a uma sessão Http que será enviada ao arquivo JSP (linhas 17-20).

Nota: Normalmente a origem dos dados a serem exibido é um banco de dados. Se for esse o caso, deve-se substituir a linha:

private Gestion gestion = Gestion.getInstance();

por comando de conexão ao banco de dados, e adicionar dentro do método doPost (logo depois da primeira etapa), comando que extraiam os dados desejados do banco de dados (com base nos parâmetros lidos do formulário HTML) e adicionem esses dados na estrutura de dados (list em nosso exemplo).

O arquivo JSP então lê os dados salvos na estrutura de dados list e exibe-os em uma tabela HTML, com o uso da estrutura c:forEach / c:out (código a seguir).

<table border="1">
            <thead>
                <tr>
                    <th>Category</th>
                    <th>Brand</th>
                    <th>Model</th>
                    <th>Places</th>
                </tr>
            </thead>
            <tbody>
                <c:forEach var="vehicle" items="${list}">
                <tr>
                    <td><c:out value="${vehicle.category}"  /></td>
                    <td><c:out value="${vehicle.brand}" /></td>
                    <td><c:out value="${vehicle.model}" /></td>
                    <td><c:out value="${vehicle.places}"  /></td>
                </tr>
                </c:forEach>
            </tbody>
        </table>