Introdução às JSP - Java Server Pages

Introdu¸õ
ca Sintaxe JSP EL e Taglibs Model View Controller

Programa¸õ para Web
ca
Java Server Pages (JSP)

Ivo Calado

Instituto Federal de Educa¸õ, Ciˆncia e Tecnologia de Alagoas
ca e

29 de Janeiro de 2013

1 / 39 Ivo Calado IFAL
ca

Introdu¸˜o

Roteiro

1 Introdu¸˜o
ca

2 Sintaxe JSP

3 EL e Taglibs

4 Model View Controller

ca

Introdu¸˜o

Observa¸˜o sobre o conte´do
ca u

Parte deste material ´ baseada na apostila FJ-21 - Java para
e
Desenvolvimento Web desenvolvido pela Caelum
(www.caelum.com.br)

ca

Introdu¸õ

Defini¸˜es
co

Colocando o HTML no seu devido lugar

At´ agora, vimos que podemos escrever conte´do dinˆmico
e u a
atrav´s de Servlets
e
Por´m, se toda hora criarmos Servlets para fazermos esse
e
trabalho, teremos muitos problemas na manuten¸õ das
ca
nossas p´ginas e tamb´m na legibilidade do nosso c´digo
a e o

Porque?
porque sempre aparece c´digo Java misturado com c´digo HTML.
o o
Imagine todo um sistema criado com Servlets fazendo a gera¸õ
ca
do HTML

ca

Introdu¸õ

Defini¸˜es
co

Colocando o HTML no seu devido lugar

Em situa¸˜es onde a presen¸a do c´digo HTML ´ superior a
co c o e
do c´digo Java precisamos de uma solu¸õ que possibilite
o ca
inverter os papís!
e
Ao inv´s de inserir c´digo HTML dentro do c´digo Java,
e o o
inserimos c´digo Java dentro do HTML!
o
Algo similar ao ASP e PHP
Essa tecnologia ´ o JavaServer Pages (JSP).
e

ca

Introdu¸õ

Defini¸˜es
co

Nosso primeiro exemplo
Vejamos o nosso primeiro exemplo em JSP
bem-vindo.jsp
<html>
<body>
Bem v i n d o
</ body>
</ html>

Novidade?
Fica claro que uma p´gina JSP nada mais ´ que um arquivo
a e
baseado em HTML, com a extensõ .jsp a
Podemos escrever tamb´m c´digo Java, para que possamos
e o
adicionar comportamento dinˆmico em nossas p´ginas, como
a a
declara¸õ de vari´veis, condicionais (if), loops (for, while)
ca a
6 / 39 entre outros Ivo Calado IFAL
ca

Introdu¸õ

Defini¸˜es
co

Nosso primeiro exemplo II

<body>
<%−− Exemplo de c o m e n t ´ r i o−−%
a >
<% S t r i n g mensagem = " Meu primeiro exemplo din^ mico com
a
JSP " ; % >

<% o u t . p r i n t l n ( mensagem ) ; %> 

<% S t r i n g d e s e n v o l v i d o = " Desenvolvido por todos !" ; %>

<s t r o n g><%=d e s e n v o l v i d o%></ s t r o n g> 
<% System . o u t . p r i n t l n ( " Tudo foi executado !" ) ; %>
</ body>

Porque a mensagem “Tudo foi executado!” nõ foi exibida na
a
resposta?
ca

Introdu¸õ

Defini¸˜es
co

Sobre o c´digo JSP
o

O c´digo Java ´ adicionado entre os elementos <% e %>
o e
Existe um objeto out.println que j´ envia a sa´ direta para o
a ıda
usu´rio. Lembra algum outro objeto?
a
Chamada a System.out.println ir´ enviar a sa´ para a sa´
a ıda ıda
padrõ do servidor!
a

ca

Introdu¸õ

Defini¸˜es
co

Objetos Impl´
ıcitos

Em JSP alguns objetos sõ impl´
a ıcitos

request HttpServletRequest
response HttpServletResponse
out JSPWriter
session HttpSession
application ServletContext
config ServletConfig
pageContext PageContext
page HttpJspPage

ca

Introdu¸õ

Defini¸˜es
co

C´digo HTML entre o c´digo JSP
o o
A l´gica do c´digo JSP pode ser intercalada com c´digo
o o o
HTML
No exemplo abaixo, tudo que estiver entre a defini¸õ do loop
ca
e o s´
ımbolo de fechamento (}) ser´ repetido!
a
<body>
<% f o r ( i n t i = 0 ; i < 1 0 ; i ++) { %>

<!−− F o r a do C o d i g o J a v a −−>
´
Passou a q u i =

<%= i % >
 
<%} % >
</ body>
ca

Introdu¸õ

Diretivas

Diretivas

Sõ mensagens ao container JSP, contendo informa¸˜es de
a co
como o container JSP deve traduzir as p´ginas
a
A sintaxe b´sica ´ utiliza uma estrutura chave valor
a e

<%@ d i r e t i v a ( a t r i b u t o=" valor " ) ∗%>

Existem trˆs tipos de diretivas:
e
Diretiva de p´gina: page
a
Diretiva de inclusõ: include
a
Diretiva de taglib: taglib

ca

Introdu¸õ

Diretivas

A diretiva page
A diretiva page possibilita a configura¸õ de diversas
ca
propriedades da p´gina como contentType, buffer, import etc
a
<%@ page a t r i b u t o=" valor "%>

Sõ definidos 11 tipos de atributos
a
language: Nome da linguagem do script (padrõ “Java”)
a
info: String a ser recuperada via getServletInfo
contentType: Tipo MIME identificando o tipo do conte´do e a
u
codifica¸õ
ca
import: an´logo ao import numa classe Java
a
session: indica se a p´gina participar´ do controle de sessõ
a a a
errorPage: pagina de erro a ser utilizada caso alguma exce¸õ
ca
seja lan¸ada
c
ca

Introdu¸õ

Diretivas

A diretiva include

Permite a inclusõ de conte´dos de outros arquivos na p´gina
a u a
JSP
´´
E util para inclusõ de cabe¸alhos e rodap´s de p´gina, por
a c e a
exemplo

<%@ i n c l u d e f i l e =" arquivo . jsp "%>

A localiza¸õ do arquivo ´ em rela¸õ a JSP. Caso seja
ca e ca
colocado um / no come¸o leva-se em considera¸õ o contexto
c ca
do servidor. Mais a frente veremos uma maneira mais robusta
de trabalhar com localiza¸˜es de recursos!
co

ca

Introdu¸˜o

Diretivas

A diretiva taglib

Possibilita extender a funcionalidade do JSP
Iremos abordar ele com mais detalhes a frente... :)

ca

Introdu¸õ

Sintaxe

Defini¸õ de c´digo
ca o

Existem trˆs formas de definir c´digo em uma p´gina JSP
e o a
Declara¸˜es: Permitem a defini¸õ de vari´veis e m´todos
co ca a e
Express˜es: Converte o resultado do c´digo em uma string a
o o
ser anexada no c´digo JSP
o
Scriptlets: Permitem a escrita de c´digo fora de qualquer
o
m´todo a ser executado (an´logo a um c´digo JavaScript)
e a o

ca

Introdu¸˜o

Sintaxe

Exemplo
Scriptlets
<%
w h i l e ( i−− != 0 ) {
o u t . p r i n t l n ( " Texto " ) ;
}%>

Express˜es
o
Hoje s ˜ o <
a %= getSystemTime ( ) %> 

Declara¸˜es
co
<%!
i n t i = 10;
S t r i n g getSystemTime ( ) {
r e t u r n C a l e n d a r . g e t I n s t a n c e ( ) . getTime ( ) . t o S t r i n g ( ) ;
}
16 / 39 %> Ivo Calado IFAL
ca

Introdu¸˜o

Sintaxe

Exercicio I: Criando uma lista de contatos

Crie uma classe chamada Contato, dentro de algum pacote
espec´ıﬁcos
Adicione 3 atributos: Nome, Endere¸o e Idade
c
Crie uma classe ContatosDao com um m´todolo que retorne
e
uma lista de Contatos (pelo menos 5 elementos)
Com base no exemplo anterior, crie uma p´gina JSP que
a
contenha uma tabela e cada coluna da tabela represente um
contato
Fa¸a uso do Ctrl + espa¸o no Eclipse para importar o que
c c
for necess´rio e veja como ´ feito o import
a e

ca

Introdu¸õ

EL: Expression Language

At´ agora conseguimos desacoplar o Java do HTML?
e

O objetivo inicial do JSP era redudir o acoplamento entre o
c´digo Java e o HTML
o
Pelo que vimos at´ agora isso foi obtido? Porque?
e
Nõ! O c´digo Java continua sendo misturado com HTML e
a o
um designer Web precisa entender l´gica de programa¸õ
o ca
E existe hoje em dia no mercado muitas aplica¸˜es feitas
co
inteiramente utilizando scriptlets e escrevendo c´digo Java,
o
PHP e outras no meio dos HTMLs

ca

Introdu¸˜o



Para remover um pouco do c´digo Java que ﬁca na p´gina
o a
JSP, a Sun desenvolveu uma linguagem chamada Expression
Language que ´ interpretada pelo servlet container
e
O acesso a express˜es ´ realizada a partir da estrutura ${expr}
o e
Vejamos como criar uma p´gina que receba um parˆmetro e
a a
exiba-o na tela

ca

Introdu¸˜o


Exemplo EL

<body>
Testando s e u s parametros :
 A i d a d e ´ $ { param . i d a d e } .
e
</ body>

param ´ um objeto nativo, assim como out que contem um
e
mapa com parˆmetros recebidos na requisi¸˜o
a ca

ca

Introdu¸˜o


Exemplo: avalia¸˜o de express˜es
ca o

<body>
<h2>O p e r a d o r e s de Compara¸ ˜ o</h2>
ca
4 > ’ 3 ’ => $ {4 > ’ 3 ’ } 
’ 4 ’ > 3 => $ { ’ 4 ’ > 3} 
’ 4 ’ > ’3’=> $ { ’ 4 ’ > ’ 3 ’ } 
4 >= 3 => $ {4 >= 3} 
4 <= 3 = > $ {4 < 3} 
4 == ’ 4 ’ => $ {4 == 4} 
</ body>

ca

Introdu¸õ

Taglibs

Motiva¸õ
ca

Come¸amos a melhorar nossos problemas com rela¸õ `
c ca a
mistura de c´digo Java com HTML atrav´s da Expression
o e
Language
No entanto, ela sozinha nõ pode nos ajudar muito, pois ela
a
nõ nos permite, por exemplo, instanciar objetos, fazer
a
verifica¸˜es condicionais (if else), itera¸˜es como em um for e
co co
assim por diante
Sendo assim, precisamos de um mecanismo baseado em tags
para representar nosso l´gica de negćio!
o o
Para isso, fazemos uso das Taglibs

ca

Introdu¸õ

Taglibs

JavaBeans: acesso aos atributos

Antes de entrarmos diretamente em Taglibs precisamos
aprender sobre Javabeans. Um Bean ´ um tipo de objeto
e
Java, com construtor default e os respectivos getters e setters
Instˆnci´-los na nossa p´gina JSP nõ ´ complicado. Basta
a a a a e
utilizarmos a tag correspondente para essa fun¸õ, que no
ca
nosso caso ´ a < jsp : useBean >
e

<jsp:useBean
id=”contato”class=”br.edu.ifal.pweb.classes.Contato”/>
Agora podemos fazer uso das express˜es EL para acessar o valor de
o
contato. Exemplo: ${contato.nome}
ca

Introdu¸õ

Taglibs

JavaBeans

No nosso exemplo, os atributos de Contato foram definidos
como privados mas estamos conseguindo acess´-los. Por que
a
isso?
Na verdade nõ estamos acessando o atributo privado.
a
Quando fazemos contato.nome o container implicitamente
chama o m´todo getNome
e

ca

Introdu¸õ

Taglibs

JavaBeans: Modificando propriedades

Para modificar uma propriedade em um bean, fazemos uso da
propriedade jsp:setProperty
<body>

<%c o n t a t o . setNome ( " teste " ) ; %>

< j s p : s e t P r o p e r t y p r o p e r t y=" endereco " v a l u e=" Rua das
casas " name=" contato " />

Nome = $ { c o n t a t o . nome} 
Endereco = ${ cont ato . endereco }
¸
</ body>

ca

Introdu¸õ

JSTL

JavaServer Pages Standard Tag Library

JSTL ´ a API que encapsulou em tags simples toda a
e
funcionalidade que diversas p´ginas Web precisam
a
Exemplos de funcionalidades incluem: controle de la¸os (fors),
c
controle de fluxo do tipo if else, manipula¸õ de dados XML e
ca
a internacionaliza¸õ de sua aplica¸õ
ca ca
Existem ainda outras partes da JSTL, por exemplo aquela que
acessa banco de dados e permite escrever c´digos SQL na
o
nossa p´gina. Mas se o designer nõ compreende Java o que
a a
diremos de SQL? O uso de tal parte da JSTL ´ desencorajado.
e

ca

Introdu¸õ

JSTL

Instala¸õ do JSTL
ca

Para instalar a implementa¸õ mais famosa da JSTL basta
ca
baixar a mesma no site https://jstl.dev.java.net/
Adicionar as libs no diret´rios libs do projeto
o
Para removermosas as notifica¸˜es de erros no Eclipse,
co
teremos de adicionar as libs no build path
Adicione a referˆncia ao conjunto de taglibs do JSTL
e
(equivalente a um import) atrav´s da seguinte linha
e
<%@ t a g l i b u r i=" http :// java . sun . com / jsp / jstl / core "
p r e f i x="c" % >

ca

Introdu¸õ

Estruturas de controle

forEach
A JSTL core disponibiliza uma tag chamada c:forEach capaz
de iterar por uma cole¸õ
ca
No c:forEach, precisamos indicar a cole¸õ na qual vamos
ca
iterar, atrav´s do atributo items e tamb´m como chamar´ o
e e a
objeto que ser´ atribu´ para cada itera¸õ no atributo var.
a ıdo ca
<c : f o r E a c h v a r=" ct " i t e m s="${ contato . lista }" v a r S t a t u s=
" id ">
<t r b g c o l o r="#${ id . count % 2 == 0 ? ’aaee88 ’ : ’ffffff ’
}">
<td>$ { i d . c o u n t }</ td>
<td>$ { c t . nome}</ td>
<td>$ { c t . i d a d e }</ td>
</ t r>
</ c : f o r E a c h>
ca

Introdu¸õ


Atributos

var: vari´vel a ser utilizada na itera¸õ
a ca
items: fonte dos dados
varStatus: posi¸õ corrente
ca

ca

Introdu¸˜o


Exerc´
ıcio

Altere o exemplo para que seja a coluna e n˜o a linha da tabela
a
apresentada

ca

Introdu¸˜o


Criando Ifs
E se quisermos alterar a tabela para que seja exibida uma
obserca¸˜o caso o contato tenha menos que 18 anos
ca
Fazermos uso da Tag If
<c : f o r E a c h v a r=" ct " i t e m s="${ contato . lista }" v a r S t a t u s=
" id ">
<t r b g c o l o r="#${ id . count % 2 == 0 ? ’aaee88 ’ : ’ffffff ’
}">
<td>$ { i d . c o u n t }</ td>
<td>$ { c t . nome}</ td>
<td>$ { c t . i d a d e }</ td>
<td><c : i f t e s t="${ ct . idade < 18 }">
Menor de I d a d e</ c : i f >
</ td>
</ t r>
</ c : f o r E a c h>
ca

Introdu¸˜o


Semˆntica dos parˆmetros
a a

test: Recebe como parˆmetro uma express˜o a ser avaliada
a a
como true ou false
Al´m de testes diretos, operadores de EL podem ser utilizados
e
<c : i f t e s t="${ not empty variavel }">
</ c : i f >

ca

Introdu¸˜o


Simulando o else

O JSTL n˜o possui uma tag else para complementar o if
a
Por´m podemos utilizar a estrutura choose para este prop´sito
e o

<c : c h o o s e>
<c : when t e s t="${ ct . idade < 18} ">
Menor de i d a d e
</ c : when>
<c : o t h e r w i s e>Maior de I d a d e</ c : o t h e r w i s e>
</ c : c h o o s e>

ca

Introdu¸˜o


Exercicio para casa

Pesquisar sobre os demais operadores do EL

ca

Introdu¸õ


Exercicio

Adicione um atributo homepage ` classe Contato.
a
No m´tododo getLista de ContatoDao adicione para alguns
e
usu´rios uma p´gina de usu´rio
a a a
Altere o exemplo de listagem usando JSTL, adicionando uma
nova coluna
Caso o usu´rio possua a homepage definida exiba na coluna
a
correspondente como um link, caso contr´rio exiba a
a
mensagem “Nõ dispon´
a ıvel”

ca

Introdu¸õ


Importando p´ginas
a
Um requisito comum que temos nas aplica¸˜esWeb hoje em
co
dia ´ colocar cabe¸alhos e rodap´ nas p´ginas do nosso
e c e a
sistema
Esses cabe¸alhos e rodap´s podem ter informa¸˜es da
c e co
empresa, do sistema e assim por diante
O problema ´ que, na grande maioria das vezes, todas as
e
p´ginas da nossa aplica¸õ precisam ter esse mesmo
a ca
cabe¸alho e rodap´s
c e
Para isso, podemos fazer uso de inclus˜es de arquivos para
o
possibilitar a inclusõ de outras p´ginas j´ existentes
a a a

<c : i m p o r t u r l=" cabecalho . jsp " />

ca

Introdu¸õ


Outras tags JSTL existentes

formatDate: possibilita formatar objetos do tipo Data sob os
mais diversos aspectos
curl: permite a localiza¸õ simplificada de recursos dentro do
ca
projeto
catch: bloco do tipo try/catch
c:forTokens: for em tokens (ex: “a,b,c” separados por v´
ırgula)
c:out: sa´
ıda
etc

ca

Introdu¸õ

Introdu¸õ
ca

Servlet ou JSP?
Ao se trabalhar com Servlets e JSPs temos um tradeoff
Se utilizarmos apenas Servlets, o que acontece quando
precisamos mudar o design da p´gina? O designer nõ vai
a a
saber Java para editar a Servlet, recompilar e coloc´-la no
a
servidor
Imagine usar apenas JSP. Ficar´ ıamos com muito scriptlet, que
´ muito dif´ de dar manuten¸õ. O JSP foi feito apenas
e ıcil ca
para apresentar o resultado, e ele nõ deveria fazer acessos a
a
banco de dados e nem fazer a instancia¸õ de objetos. Isso
ca
deveria estar em c´digo Java, na Servlet
o

ca

Introdu¸õ

Introdu¸õ
ca

Servlet ou JSP?
Ao se trabalhar com Servlets e JSPs temos um tradeoff
Se utilizarmos apenas Servlets, o que acontece quando
precisamos mudar o design da p´gina? O designer nõ vai
a a
saber Java para editar a Servlet, recompilar e coloc´-la no
a
servidor
Imagine usar apenas JSP. Ficar´ ıamos com muito scriptlet, que
´ muito dif´ de dar manuten¸õ. O JSP foi feito apenas
e ıcil ca
para apresentar o resultado, e ele nõ deveria fazer acessos a
a
banco de dados e nem fazer a instancia¸õ de objetos. Isso
ca
deveria estar em c´digo Java, na Servlet
o
Uma ideia mais interessante ´ usar o que ´ bom de cada um dos
e e
dois!!
ca

Introdu¸õ

Introdu¸õ
ca

Objetivo

O ideal entõ ´ que a Servlet fa¸a o trabalho ´rduo, a tal da
a e c a
l´gica de negćio
o o
E o JSP apenas apresente visualmente os resultados gerados
pela Servlet.

ca

Introdução às JSP - Java Server Pages

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (14)

Semelhante a Introdução às JSP - Java Server Pages

Semelhante a Introdução às JSP - Java Server Pages (20)

Introdução às JSP - Java Server Pages