Apache DB Project e Standart Jakarta JSP Tag Libraries � Parte II

Apache DB Project e Standart Jakarta JSP Tag Libraries � Parte II

�

Na parte 1 deste artigo criamos nossa estrutura de banco de dados, agora vamos criar um site para consumir os dados.

�

Criando nosso site com banco de dados

Vamos agora criar um novo site din�mico, como demonstrado anteriormente. Nomeie-o como livro_visitas. Ele ser� usado para acessar nosso banco de dados. Seu workspace dever� ficar assim:

�

Perceba que, automaticamente, foi criado um projeto JSR-109 Web Services. N�o se preocupe com ele por enquanto.

�

Ser� necess�rio adicionar algumas bibliotecas a nossa aplica��o web, e o local correto � na pasta WebContent � WEB-INF � lib. As bibliotecas que vamos usar s�o chamadas de Standart Jakarta JSP Tag Libraries e podem ser baixadas aqui: http://jakarta.apache.org/site/downloads/downloads_taglibs-standard.cgi . No pacote zip existir�o diversos diret�rios, mas apenas o que est� no lib nos interessa, o resto n�o precisa ser descompactado. Seu projeto ficar� assim:

�

Importante: talvez seja necess�rio clicar sobre a pasta do projeto com o bot�o de atalho do mouse e selecionar a op��o Refresh.

�

Agora iremos conectar nossa aplica��o com o banco de dados. Servlets e p�ginas JSP que acessam banco de dados trabalham de maneira um pouco ineficiente, abrindo e fechando a conex�o a cada solicita��o, devido as caracter�sticas do HTTP, o que leva algum tempo. Para resolver este problema o ideal � usar JNDI para gerenciar um grupo de conex�es que deixam o acesso mais r�pido. Nestes casos o servidor de aplica��o mant�m o grupo de conex�es ao banco de dados e disponibiliza os mesmos a aplica��o atrav�s de um objeto chamado DataSource.

�

Como o grupo de conex�es � gerenciado pelo servidor de aplica��o, e n�o pela aplica��o propriamente dita, configurar este grupo pode ser deveras trabalhoso.

�

Gerenciando a conex�o pelo Tomcat

Para nossa sorte o Tomcat torna isso extremamente f�cil, pois permite que o desenvolvedor configure o grupo de conex�es atrav�s de um arquivo XML.

�

Ser� necess�rio ent�o adicionar um novo arquivo ao nosso projeto. Selecione o caminho livro_visitas/WebContent/META-INF e V� em File � New � File, nomeie-o como context.xml e clique em Finish.

�

O Eclipse ir� abrir uma p�gina em branco com a informa��o de que o documento est� vazio. Esta p�gina � o assistente de cria��o de XML do Eclipse e � bem �til em nosso caso. Clique com o bot�o de atalho e selecione a op��o Add Child � Processing Instruction. Para target defina o valor xml e para Data defina o valor version="1.0" encoding="UTF-8".

�

Adicione agora um elemento, clicando em Add Child � Element, nomeie-o como context. Adicione tamb�m um elemento, clicando em Add Child � Element, nomeie-o como Resource.

�

Vamos agora adicionar diversos atributos. Para todos eles clique sobre o elemento context e selecione a op��o Add Attribute � New Attribute. Use a planilha abaixo para preencher o nome (name) e o valor (value). Na planilha voc� encontra uma descri��o de cada atributo:

�

Nome (name)	Valor (value)
name	jdbc/banco01
auth	Container
type	javax.sql.DataSource
username	O nome do usu�rio definido
password	Senha do usu�rio
driverClassName	org.apache.derby.jdbc.ClientDriver
url	jdbc:derby://localhost:1527/banco01
maxActive	8

�

Seu Eclipse dever� estar parecido com:

�

Seu XML, em livro_visitas\WebContent\META-INF deve estar parecido com:

�

<?xml version="1.0" encoding="UTF-8" ?>

</Resource>

</Context>

�

Este c�digo tamb�m pode ser visto na guia Source, do editor de XML.

�

Lendo do banco de dados

Adicione agora uma p�gina index.jsp ao seu projeto. Seu c�digo dever� ficar como o abaixo, aonde as partes em negrito s�o as partes que dever�o ser adicionadas:

�

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>

<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<sql:setDataSource dataSource="jdbc/banco01" />

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<body>

�

<h1>Livro de visitas</h1>

<h2>Deixe seu recado ap�s o bip:</h2>

<table border='1'>

<tr><th>Visitante</th><th>Recado</th></tr>

<sql:query var="qryPosts" >

SELECT postname, comments FROM app.posts

</sql:query>

<c:forEach var="row" items="${qryPosts.rows}">

<tr>

<td><c:out value="${row.postname}" /></td>

<td><c:out value="${row.comments}" /></td>

</tr>

</c:forEach>

</table>

�

</body>

</html>

�

Vamos agora entender o c�digo adicionado, linha a linha, com exce��o dos c�digos HTML adicionados.

�

<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

�

Nestas duas linhas definimos quais os pacotes da Standart Jakarta JSP Tag Libraries que usaremos. � importante ressaltar que as bibliotecas adicionadas anteriormente em Web App Libraries devem estar no lugar certo.

�

Voc� encontra a refer�ncia do JSTL em http://java.sun.com/products/jsp/jstl/1.1/docs/tlddocs/index.html.

�

<sql:setDataSource dataSource="jdbc/banco01" />

�

Tag que referencia o nosso DataSource JNDI que foi criado e definido atrav�s do context.xml, e que ser� usado pelo mecanismo JSP para receber os dados para nossa p�gina.

�

<sql:query var="qryPosts" >

SELECT postname, comments FROM app.posts

</sql:query>

�

Tag que executa o comando SQL e coloca dentro da vari�vel qryPosts. Para esta tag apenas o atributo var � obrigat�rio, por�m o atributo maxRows � bem interessante, pois com ele � poss�vel limitar o n�mero de retornos do banco de dados. Usado junto ao atributo startRow � poss�vel navegar no banco de dados facilmente.

�

<c:forEach var="row" items="${qryPosts.rows}">

(...)

</c:forEach>

�

Tag que percorre o resultado da query. O item "${qryPosts.rows}" referencia a cole��o de linhas retornada na vari�vel qryPosts.

�

(...)

<tr>

</tr>

(...)

�

A Tag <c:out value="${row.postname}" /> insere o valor da coluna correspondente da linha atual no lugar aonde est�.

�

Nossa p�gina em execu��o:

�

Gravando dados no banco de dados

Vamos inserir um formul�rio em nossa p�gina, com o c�digo abaixo (deve ser adicionado ap�s o </table> em <body>):

�

<table>

<tr>

</tr>

<tr>

<td>Seu recado: </td>

<td>

${comments}</textarea></td>

</tr>

<tr>

</tr>

</table>

</form>

�

No c�digo do formul�rio temos tr�s vari�veis:

�

${name} : ser� usada para armazenar os dados digitados na caixa de texto correspondente ao nome.

�

${comments} : ser� usada para armazenar os coment�rios digitados na caixa de texto correspondente.

�

${msg}: ser� usada como retorno da aplica��o, para mensagem de sucesso ou erro.

�

Caso voc� salve o projeto e o execute nada ir� ocorrer ao clicar no bot�o Gravar pois n�o adicionamos nenhum c�digo para tratar o Post. Ser� necess�rio adicionar o c�digo abaixo ap�s a tag <sql:setDataSource>.

�

<c:set var="name" value="${param.name}" />

<c:set var="comments" value="${param.comments}" />

<c:if test="${param.action == 'Gravar'}">

<c:choose>

<c:when test="${not empty comments}">

<sql:update>

INSERT INTO app.posts(postname, comments) VALUES(?, ?)

<sql:param value="${name}"/>

<sql:param value="${comments}"/>

</sql:update>

<c:set var="msg" value="Obrigado pelo coment�rio." />

<c:set var="name" value="" />

<c:set var="comments" value="" />

</c:when>

<c:otherwise>

<c:set var="msg" value="Preencha o campo coment�rio." />

</c:otherwise>

</c:choose>

</c:if>

�

O c�digo � simples de entender. Primeiro s�o definidas as duas vari�veis:

�

<c:set var="name" value="${param.name}" />

<c:set var="comments" value="${param.comments}" />

�

Depois � verificado se a a��o foi o clique no bot�o Gravar:

�

<c:if test="${param.action == 'Gravar'}">

�

Depois � usada a estrutura c:choose para ver se existem coment�rios ou se os mesmos ext�o em branco. Caso existam eles s�o adicionados a base de dados e nossa vari�vel de retorno tem seu valor mudado para informar que os dados foram salvos.

�

Caso contr�rio a vari�vel de retorno � modificada, pedindo que o usu�rio digite os dados antes de tentar os gravar:

�

<c:choose>

<c:when test="${not empty comments}">

<sql:update>

INSERT INTO app.posts(postname, comments) VALUES(?, ?)

<sql:param value="${name}"/>

<sql:param value="${comments}"/>

</sql:update>

<c:set var="msg" value="Obrigado pelo coment�rio." />

<c:set var="name" value="" />

<c:set var="comments" value="" />

</c:when>

<c:otherwise>

<c:set var="msg" value="Preencha o campo coment�rio." />

</c:otherwise>

</c:choose>

</c:if>

�

Nossa p�gina ficar� assim:

�

Ap�s clicar em gravar:

�

Como pode ver o uso do Apache Derby e do Standart Jakarta JSP Tag Libraries facilita muito o desenvolvimento de aplica��es simples com banco de dados. Mais a frente veremos como empacotar nosso projeto e o distribuir, com bibliotecas, banco de dados, p�ginas e tudo mais.

Tecnologias:

Confira outros conte�dos:

Introdu��o ao JDBC

Novidades do Java

Teste unit�rio com JUnit

Assista grátis a nossa aula inaugural

Perguntas frequentes

Quem somos?

Por que a programação se tornou a profissão mais promissora da atualidade?

Como faço para começar a estudar?

Em quanto tempo de estudo vou me tornar um programador?

Sim, você pode se tornar um programador e não precisa ter diploma de curso superior!

O que eu irei aprender estudando pela DevMedia?

Principais diferenciais da DevMedia

Qual o investimento financeiro que preciso fazer para me tornar um programador?

Como funciona a forma de pagamento da DevMedia?

Por Marcelo Em 2007

Nossos casos de sucesso

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Jos� Lucas

Obrigado DevMedia, nunca presenciei uma plataforma de ensino t�o presente na vida acad�mica de seus alunos, parab�ns!

Eduardo Dorneles

Aprendi React na plataforma da DevMedia h� cerca de 1 ano e meio... Hoje estou h� 1 ano empregado trabalhando 100% com React!

Adauto Junior

J� fiz alguns cursos na �rea e nenhum � t�o bom quanto o de voc�s. Estou aprendendo muito, muito obrigado por existirem. Est�o de parab�ns... Espero um dia conseguir um emprego na �rea.

Ver todos os casos de sucesso

Apache DB Project e Standart Jakarta JSP Tag Libraries � Parte II

Na parte dois deste artigo vamos criar um site para consumir os dados da estrutura do banco de dados criado na parte um.

Confira outros conte�dos:

Introdu��o ao JDBC

Novidades do Java

Teste unit�rio com JUnit

Perguntas frequentes

Nossos casos de sucesso