Java Server Faces

!
"#"$%&'()*$&
+,()*$-./"0%12(/&
3$4$)5(%50/$)*(&6$7&2(/&
!"#"$%&#%&'(")%*'
uesenvolvlmenLo com !avaServer laces 2
ntroduo
Apresentao
O aperto de mo, como cumprimento
de amizade, teve sua origem na dade
Mdia. Segundo consta, antes do
incio de um duelo de espadas, os
adversrios, por exigncia do
regulamento, eram obrigados a fazer
uma saudao (que consistia num
abrao) para que pudessem comear
luta. Temendo que o abrao inicial
se transformasse num golpe
traioeiro, os contendores resolveram
transformar o abrao num aperto de
mo. O hbito generalizou-se primeiro
na nglaterra, depois na Europa e
difundiu-se ento pelo resto do mundo
(em algumas culturas).
lonLe: hLLp://candlmba.blogspoL.com/
Programa
!
O que JSF -
conhecendo a tecnologia
!
Configurando a
aplicao, "Hello World!
!
Escrevendo managed
beans
!
Um pouco de teoria
!
JSF Expression
Language
!
Navegao
!
Modelo de componentes
!
nternacionalizao
!
Adicionando suporte
AJAX
Ambiente do curso
!
JDK 6.0
!
Eclipse 3.4 (Ganymede)
!
Tomcat 6.x
ntroduo
!
Aplicaes web tornam-se mais e mais
importantes no nosso mercado
!
Quanta complexidade para desenvolver
aplicaes web
!
Java script
!
CSS
!
Ajax
!
validao (cliente e servidor)
!
efeitos, usabilidade etc
ntroduo
!
Exigncia mais elevada dos clientes
durante os anos
!
nterfaces mais ricas e complexas
!
Prazos cada vez mais curtos
!
Hoje temos diversos frameworks para
desenvolvimento web ...
!
... E a cada ano surgem novos
frameworks ...
ntroduo
!
... Muitos deles so excelentes, com
potencial, de fcil desenvolvimento e
trazendo uma boa produtividade ...
!
... Porm ainda assim no so absorvidos
pelo mercado como gostaramos ou
mesmo como deveriam
!
Hoje estamos rodeados de escolhas,
muitas por sinal ...
ntroduo
!
Mas j passamos por pocas piores
ntroduo
!
Lembram do Model 1?
ntroduo
!
Onde tudo era centrado em pginas?
ntroduo
!
O desenvolvimento melhorou com o
Model 2 (MVC)
ntroduo
!
... Trazendo consigo diversos frameworks
MVC baseado no Model 2
!
Struts 1.x
!
WebWork (aka Struts 2.x)
!
Spring MVC
!
Tapestry
!
E muitos outros ...
!
E continuam surgindo mais
ntroduo
!
Ainda assim continuamos com alguns
problemas
!
A plataforma Java no nos fornecia recursos
para desenvolver aplicaes web com
produtividade
!
Tnhamos dificuldade para integrar diversos
frameworks
!
Falta de padro para um framework web na
plataforma Java
!
Ausncia de uma AP padro para construir
componentes web Java
ntroduo
!
E a soluo foi?
!
JavaServer Faces (JSF)
Mas o que
JavaServer Faces?
C que e !avaServer laces?
!
...uma especificao
!
...um framework MVC
!
...um framework baseado em
componentes de interface com o usurio
!
...um framework dirigido a eventos
!
...padro de mercado
!
...RAD
IavaServer Iaces ...
!
...uma especificao
!
JSR 127 (JSF 1.0 e JSF 1.1) 2004
!
JSF 1.0 no alcanou o sucesso esperado
!
JSF 1.1 corrigiu os erros da verso anterior
!
JSR 252 (JSF 1.2) 2006 (JavaEE 5.0)
!
Melhor compatibilidade com JSP 2.1, correo de bugs e
algumas melhorias
!
JSR 314 (JSF 2.0) 2008 (JavaEE 6.0)
!
Arquitetura, produtividade, AJAX, ferramentas RAD,
melhores componentes U, ...
!
...framework MVC
!
Um conjunto de APs para:
!
Representar componentes U e gerenciar o estados destes
componentes
!
Manipular eventos e validao de entrada do usurio
!
Definir e controlar a navegao entre pginas
!
Dar suporte a internacionalizao e acessibilidade
!
Um conjunto de tags JSP para representar
componentes JSF num pgina JSP
!
!
Construdo sob o conceito de componentes
!
Os componentes so a base para construo da
interface com o usurio
!
Existem componentes padres equivalentes a quase
todas as tags HTML e diversos componentes
auxiliares
!
!
Existem diversas bibliotecas de componentes
disponveis comerciais e open sources
!
Os componentes so expressos atravs de tags
numa pgina JSP e posteriormente transformados
em HTML
!
...um framework dirigido a eventos
!
Possui um modelo para manipulao de eventos
!
Componentes geram determinados eventos
!
Efetua uma chamada um mtodo (ao no servidor)
!
O estado da aplicao web muda devido ao evento
disparado pelo usurio
!
Um evento pode ser um click de um boto, focar
sobre um input ou mesmo alterar o valor de uma
combo-box
!
...um padro de mercado
!
uma especificao (JCP)
!
JavaEE 5.0 (e em breve JavaEE 6.0)
!
Suporte de big players
!
Sun, Apache, BM, Oracle, BEA, JBoss, Borland etc
!
DEs (Netbeans, Eclipse, JDeveloper etc)
!
mplementaes (Sun, Apache, BM, Oracle, ...)
!
Conjuntos de componentes (Richfaces, Apache Myfaces, ADF
Faces, cefaces, WoodStock etc)
!
...RAD (Rapid Application Development)
!
4 camadas
!
Arquitetura de componentes bsica
!
Conjunto de componentes padro
!
nfra-estrutura da aplicao
!
Ferramenta RAD
!
JSF padroniza os primeiros trs pontos e permite a
criao de ferramentas RAD
!
Utiliza-se DEs drag-and-drop para construir aplicaes
!
Sun Studio Creator, JDeveloper, NetBeans etc
Por que usar
JavaServer Faces?
or que usar !avaServer laces?
!
um padro de mercado
!
Presente na especificao JEE5.0 e em breve
na JEE6.0
!
Suporte de big players
!
Fcil de usar, e produtivo tambm
!
Abstrao para desenvolvimento de aplicaes web
!
Modelo de programao dirigido a eventos (oposto ao
modelo HTTP request/response)
!
Baixa curva de aprendizagem
!
Componentes j prontos
!
Reusabilidade e estrutura de componentes
extensvel
!
Acessibilidade (browser, celulares, pdas, ...)
!
Suporte cross-browser
!
Segurana
!
OWASP (Open Web Application Security Project)
!
cross-site scripting, session hijacking, execuo de
mtodos etc
!
Natureza orientada a componentes, validao e
pontos de extenso
!
Grande atividade da comunidade em fruns,
listas de discusso, blogs, portais, revistas etc
!
ntegrao com diversos frameworks
!
Suporte cross-browser
!
Segurana
!
OWASP (Open Web Application Security Project)
!
cross-site scripting, session hijacking, execuo de
mtodos etc
!
Natureza orientada a componentes, validao e
pontos de extenso
!
Grande atividade da comunidade em fruns,
Iistas de discusso, blogs, portais, revistas etc
!
ntegrao com diversos frameworks
!"#"$%&#%&'(")%*'
+,-%&,"-./,"0'1&/23
4--35667&/23*87//70%8)/967&/236:"#"*;
<%:27
4--3566===8)%:278/&76!
!
Templating
!
Facelets, JSFTemplating
!
Tiles, Sitemesh
!
DEs
!
Eclipse (MyEclipse, Europa, etc)
!
NetBeans (Visual Web Pack)
!
Oracle JDeveloper
!
ntelliJ DEA
!
Red Hat Developer Studio
!
JSFToolBox (Dreamweaver)
!
JBuilder
!
BM RAD (Rational App/Web Developer)
!
Grande variedade de componentes comerciais e open
source disponveis
!
Myfaces 1omahawk
!
Myfaces Sandbox
!
Myfaces 1obago
!
Myfaces 1rlnldad
!
Myfaces CrchesLra
!
Aul laces
!
lcelaces
!
WoodSLock
!
neL AdvanLage
!
WebCallleolaces
!
!8oss 8lchlaces
!
!8oss A[ax4[sf
!
8ackbase
!
Slmpllca (LCrulser SulLe)
!
CulpuklL
!
8lueprlnLs
!
8Claces
!
!enla4laces
!
Zk
!
C4!Sl (CW1 Al)
!
?ul4!Sl (?ahoo Al)
!
LxL4!Sl (LxL Al)
!
uynamlc laces
!
Crank
* Mais componentes? http://www.jsfmatrix.net/
Criando o projeto web
AmblenLe de desenvolvlmenLo
!
JDK 6.0
!
Eclipse 3.4 (Ganymede)
!
Tomcat 6.x
!
Servlet 2.5
!
Jsp 2.1
As blblloLecas do !Sl
!
JSF R 1.2 (Mojarra)
http://javaserverfaces.dev.java.net/download.html
!
jsf-api.jar
!
jsf-impl.jar
!
JSTL
https://maven-repository.dev.java.net/repository/jstl/jars/
!
jstl-12.jar
lnsLalando o 1omcaL
!
Baixando o Tomcat 6.x
http://tomcat.apache.org/
!
nstalando
!
Simplesmente descompacte-o em algum
diretrio, ex.: c:\cursojsf\java\
Crlando pro[eLo no Lcllpse
Criar um
Dynamic Web Project
Nome do projeto
Configurar e selecionar
o Tomcat 6.x
JSF 1.2 como
Configurao
padro do projeto
Selecionar
Apache Tomcat 6.x
Nome do
nosso servidor
Selecionar
diretrio raiz
do Tomcat
Selecionar
Java 6.0
No h o que alterar
aqui, apenas click
em "Next
Configurar e selecionar
as bibliotecas do
JSF 1.2 (Mojarra)
Adicionar o
URL Mapping Pattern
*.faces
!
Nosso projeto no Eclipse
ser algo semelhante a
imagem ao lado
!
Contudo ainda falta
adicionarmos a biblioteca
do JSTL ao projeto, logo
basta apenas copiarmos o
arquivo jstI-12.jar para
dentro do diretrio /WEB-
INF/Iib/
1esLando as conflguraes
!
Criaremos em /WebContent/ a pgina index.jsp
com o seguinte contedo:
1esLando as conflguraes
!
Faa o deploy da aplicao e inicialize o Tomcat
atravs da aba Servers do Eclipse
!
Acesse a URL
http://localhost:8080/cursojsf/index.faces
Exerccios
!
Crlar um pro[eLo web (!sf 1.2) no Lcllpse
!
1esLar as conflguraes aLraves da |ndex.[sp
(!"#$%&'()")
!
AlLerar o valor do componenLe h:output1ext
para qualquer ouLro
Managed Beans
Managed 8ean (C que e?)
!
Pojo (Plain Old Java Object)
!
Controller, "linka a view ao modelo
!
Funciona como representao da view
!
So acessadas via Expression Language
(EL) na jsp
!
Lembra o Action+ActionForm do Struts
Managed 8ean
!
maginem que temos uma pgina com o
seguinte formulrio de login
[Iogin.jsp]
Managed 8ean
!
Como representaramos esse formulrio
atravs de uma classe Java?
!
Lembram que um managed bean funciona
como uma representao de uma view?
!
Lembram tambm que um managed bean
um simples POJO?
Managed 8ean
[LoginBean.java]
Managed 8ean (8eglsLrando)
!
necessrio registrarmos um managed
bean para que o framework (Jsf) saiba
que ele existe
!
Um managed bean registrado
(configurado) no arquivo de configuraes
do Jsf, faces-config.xmI
!
A configurao de um managed bean no
faces-config-xmI se resume basicamente
ao cdigo abaixo:
!
Um managed bean vive de acordo com
seu escopo
de conversao
appIication,
session,
request,
none
Managed 8ean
!
Mas como ligar (linkar) nosso managed
bean aos componentes do nosso
formulrio?
[/pages/Iogin.jsp]
Managed 8ean
[LoginBean.java]
[/pages/Iogin.jsp]
Managed 8ean
!
Lembra da tal da Expression Language
(EL)?
[/pages/Iogin.jsp]
Managed 8ean
!
Detalhando uma EL
!"loginBean.senha#
Nome do nosso
managed bean configurado
no faces-config.xmI
Atributo "senha do nosso
managed bean. necessrio
criar os mtodos get e set
para o atribudo
Exerccios
!
Crlar o managed bean de logln e conflgura-lo
no faces-conf|g.xm|
!
Lscrever a pglna com o formulrlo de logln
uLlllzando os componenLes do !sf e llgando-os
ao managed bean
!
SubmeLer o formulrlo e verlflcar se os
aLrlbuLos do managed bean foram
preenchldos correLamenLe
Exerccios
!
Crlar um formulrlo de cadasLro de endereo
com os segulnLes campos: 8ua, ComplemenLo,
8alrro, Cep, LsLado e Cldade
!
SubmeLer o formulrlo e lmprlmlr os valores
preenchldos no console
!
uLlllzar o componenLe h:|nput1extarea para
represenLar o campo ComplemenLo"
Um pouco de teoria
um pouco de Leorla
!
rvore de componentes
!
Ciclo de vida
!
web.xmI em um projeto JSF
!
View State Method
rvore de componenLes
!
Cada view composto por uma hierarquia de
componentes que representa o estado daquela
view
rvore de componenLes
!
Componentes podem ser adicionados na rvore
(view) programaticamente ou via template (JSP
o default)
!
Componentes so expressos atravs de tags
em uma pgina JSP
!
Os componentes padres so divididos em dois
grupos
!
Faces core: <f:view>, <f:loadBundle>, <f:param>
!
HTML wrappers: <h:inputText>, <h:panelGrid>,
<h:selectOneMenu>
Clclo de vlda
!
O ciclo de vida de uma requisio JSF
possui 6 fases:
1. Restore view
2. Apply request values
3. Process validation
4. Update model values
5. nvoke application
6. Render response
Clclo de vlda
May skip to
render phase
or abort request
Restore
View
AppIy Request
VaIues
Process
VaIidations
Update
ModeI
Invoke
AppIication
Render
Response
Request
Respons
e
Retrieve component tree
from client or session
Decode components
(populate w/ String values)
Convert Strings to Objects
Validate Objects
nvoke bean method(s)
Compute navigation
Call bean getters to
populate components
web.xml
!
Configurao bsica de uma aplicao JSF
web.xml
!
E como a aplicao sabe qual o faces-
config.xmI ele deve interpretar?
web.xml
!
Dependendo da implementao JSF ou
conjunto de componentes utilizados na
aplicao pode-se fazer necessrio (ou no)
maiores configuraes ou customizaes de
acordo com a necessidade do projeto
vlew SLaLe MeLhod
!
Se cada view do JSF representada
atravs de uma rvore de
componentes e esta criada ou
recuperada na 1 fase do ciclo de
vida, ento onde esta rvore de
componentes armazenada?
vlew SLaLe MeLhod
!
O framework possui duas maneiras
de persistir o estado da rvore de
componentes
!
server (default)
!
O estado da rvore armazenado no lado
servidor, ou seja, na session do usurio
!
cIient
!
O estado da rvore armazenado no lado
cliente (browser), ou seja, em um campo
input-hidden na pgina HTML
vlew SLaLe MeLhod
!
Como decidir entre server ou cIient?
Exerccios
!
Mover o arqulvo faces-conf|g.xm| para o
dlreLrlo ]WL8-INI]conf|g] e lnformar esLa
mudana na apllcao (web.xm|)
!
verlflcar o cdlgo fonLe da pglna gerada no
dols modos (server e c||ent) do
S1A1L_SAvlnC_ML1PCu
(ulca: procurar pelo lnpuL hldden *+,+-./+012.341567+71)
JSF Expression
Language (EL)
!Sl LL
!
Semelhante ao JSTL porm usa-se #{} no lugar
de ${}
!
Pode-se executar mtodos no modelo atravs
de expresses
!
No processada imediatamente como JSP EL
!
A partir da JSF 1.2 utiliza-se a Unified
Expression Language (JSP 2.1) que resolve
problemas de incompatibilidade entre a JSF-EL
e JSP-EL
!Sl LL
[Alguns exemplos]
!Sl LL
!
Sintaxe
!Sl LL
!
Sintaxe
!Sl LL
!
Escopos e variveis
!Sl LL
!
Escopos e variveis
!Sl LL
!
Escopos e variveis
Exerccios
!
Crlar um bean chamado usuarlo8ean" com os
aLrlbuLos (nome, sobrenome e ldade(lnL)), o
consLruLor do bean dever lnlclar os seus aLrlbuLos.
Crlar uma pglna [sp (el.[sp), nela dever ser
lmpresso as lnformaes do bean, usando !Sl LL.
Adlclonar o bean no escopo de requesL".
Exerccios
!
Adlclonar um aLrlbuLo LlsL (ArrayLlsL) e lnserlr 3
elemenLos. Acessar o elemenLo da ulLlma poslo na
llsLa.
!
Adlclonar um aLrlbuLo Map (PashMap) e lnserlr 3
elemenLos. Acessar o elemenLo dado uma chave.
Exerccios
!
Crlar um componeLe ul na pglna el.[sp e s exlbl-lo
na Lela caso a ldade do usurlo se[a malor que 18
anos. ulca: Colocar uma condlo no aLrlbuLo
rendered do componenLe vlsual.
!
ulca:
#{(user.peso > 100) ? true : false}
!Sl LL (8lndlngs)
!
Em JSF ns temos 3 tipos de bindings
(ligaes):
!
Value binding
!
Method binding
!
Component binding
!Sl LL (8lndlngs)
!
Value binding
!
Ligamos a propriedade de um bean como
valor do componente
!Sl LL (8lndlngs)
!
Method binding
!
Ligamos o mtodo de um bean como uma
"ao do componente
!Sl LL (8lndlngs)
!
Component binding
!
Ligamos a propriedade de um bean como
representao do componente na view
Exerccios
!
Crlar uma pglna com dols componenLes, um lnpuL
(lnL) e um boLo (Ck") . Se o valor do lnpuL for
malor que 1000, o nome do boLo deve mudar para
LenLe novamenLe".
!
AlLere o exerclclo anLerlor para desablllLar o boLo
caso o valor enLrado pelo usurlo se[a lgual a 171
Navegao
navegao
!
Navegao de uma pgina para outra
!
Simples e poderoso sistema de navegao
!
O framework seleciona a prxima view
!
Baseado na view anterior
!
Resultado (outcome) de uma action
!
Atravs do evento
!
Qualquer combinao acima
!
Permite a utilizao do wildcard ('*') para
pginas de origem (from-view-id)
navegao
!
A regras de navegao so registradas no
faces-config.xmI
navegao
!
Podemos navegar entre pginas de maneira
esttica
[/pages/nav/page1.jsp]
navegao
!
Ou de maneira dinmica
[/pages/nav/page1.jsp]
[NavBean.java]
Exerccios
!
Crlar as pglnas e as regras de navegao baseado na
lmagem abalxo:
Exerccios
!
Crlar a regra de navegao global baseado na
lmagem abalxo:
Exerccios
!
volLando ao formulrlo de logln: LfeLue uma lglca
de auLenLlcao no meLodo Log|n8ean.|ogar(): Caso
o logln se[a lgual a senha enLrada pelo usurlo enLo
voc deve encamlnha-lo para uma pglna de
sucesso, caso conLrrlo o usurlo deve LenLar logar
novamenLe na apllcao.
ModeIo de
componentes
Modelo de componenLes
!
Mensagens
!
Converters
!
Validators
!
Eventos e Listeners
!
Componentes bsicos
Mensagens
!
So as mensagens de informao ou erro
exibidas ao usurio da aplicao. Qualquer
parte da aplicao (managed beans,converters,
validators etc) poder gerar as mensagens
quando necessrio.
!
Basicamente existem dois tipos de mensagens
de erro
!
Aplicao (lgica de negcios, bando de dados,
conexo etc)
!
nputs (converso, validao de campos etc)
Mensagens
!
Mensagens da aplicao
Mensagens
!
Mensagens dos inputs
Exerccios
!
volLando ao formulrlo de logln: Adlclone
mensagens de erro aos lnpuLs de logln e senha, e
Lorne-os obrlgaLrlos.
!
Alnda no formulrlo de logln, no meLodo
Log|n8ean.|ogar(): Caso o logln se[a dlferenLe da
senha enLrada pelo usurlo, exlba uma mensagem de
erro da apllcao.
ConverLers
!
Tem por finalidade converter e/ou formatar
objetos do tipo Java para String e vice-versa
!
JSF j nos fornece converters padres para
date / time, inteiros, nmeros e moeda
!
JSF nos permite implementar nosso prprio
converter
ConverLers
!
Converter padro para datetime
Exerccios
!
laa alguns LesLes com os converLers padres do !Sl
ConverLers
!
mplementando seu prprio converter
1. Devemos implementar a interface
javax.faces.convert.Converter
2. Registrar nosso converter no faces-config.xmI
3. nformar ao componente qual converter utilizar
Exerccios
!
lmplemenLar um converLer que formaLe para
malusculo um LexLo enLrado pelo usurlo
!
lmplemenLar um converLer que formaLe um Cl
enLrado pelo usurlo, ou se[a, formaLar um Cl
como 898:;;<=><?" enLrado pelo usurlo para
898.:;;.<=>@<?" por exemplo.
valldaLors
!
Tem a responsabilidade de garantir que o valor
entrado pelo usurio seja vlido
!
Voc pode validar tanto objetos como strings
!
JSF j nos fornece validators padres como
required, length e ranges
!
JSF nos permite implementar nosso prprio
validator
valldaLors
!
Validator padro para length
Exerccios
!
laa alguns LesLes com os valldaLors padres do !Sl
valldaLors
!
mplementando seu prprio validator
1. Devemos implementar a interface
javax.faces.vaIidator.VaIidator
2. Registrar nosso validator no faces-config.xmI
3. nformar ao componente qual validator utilizar
Exerccios
!
lmplemenLar um valldaLor que no permlLa que uma
daLa enLrada pelo usurlo se[a malor que a daLa
aLual
!
lmplemenLar um valldaLor que vallde se o usurlo
enLrou com um e-mall vlldo
LvenLos e LlsLeners
!
JSF usa o modelo JavaBeans event/listener
(tambm utilizado no Swing). Componentes U
(e outros objetos) geram eventos, e listeners
podem ser registrados para manipular esses
eventos.
!
Os listeners mais comuns do JSF so:
!
Value-change listener
!
Action listener
LvenLos e LlsLeners
!
Value-change events
[EventBean.java]
[/pages/events.jsp]
LvenLos e LlsLeners
!
Action events
[EventBean.java]
[/pages/events.jsp]
Exerccios
!
SemelhanLe ao exemplo do value-change evenL,
uLlllze um h:commandL|nk com um act|on ||stener
para exlblr ou esconder a grld de numero de
dependenLes. L alLerne o nome do llnk enLre A-4B4C"
e A20)'(1C" de acordo com a renderlzao da grld.
Exerccios
!
Crle dols componenLes h:se|ectCneMenu, um para
seleo de uls e ouLro para seleo de cldades,
porem o combobox de cldades dever ser carregado
de acordo com a ul seleclonada na prlmelra
combobox.
ComponenLes bslcos
!
h:commandLink
!
f:setPropertyActionListener
!
h:outputLink e f:param
!
h:graphicmage
!
h:selectBooleanCheckbox
!
h:selectManyCheckbox
!
h:selectManyListbox
!
h:panelGroup
!
h:dataTable
Exerccios
!
Crle um componenLe D40E"427 (Lambem conhecldo
como 2F&77"1@B)-) uLlllzando-se do componenLe
h:se|ectManyL|stbox
!
Crle uma h:data1ab|e na qual se[a posslvel seleclonar
as llnhas aLraves de um h:se|ect8oo|eanCheckbox
InternacionaIizao
lnLernaclonallzao
!
O Java Server Faces disponibiliza um "sistema
de mensagens muito eficiente que permite uma
fcil internacionalizao de suas aplicaes.
!
Para que este "sistema de mensagens funcione
voc precisa informar a aplicao qual o
Message BundIe e onde encontr-lo. Feito isso,
basta criar os arquivos .properties de acordo
com os LocaIes desejados. importante notar
que um Locale definido por uma lngua (pt ou
en) e por um pas (BR ou US), porm no
necessrio informar o pas.
lnLernaclonallzao
!
nformando a aplicao qual e aonde encontrar
o Message BundIe. Adicione as linhas abaixo
no faces-config.xmI
[faces-config.xmI]
lnLernaclonallzao
!
Crie os arquivos messages_pt_BR.properties
e messages_en.properties com os seguintes
contedos:
!
messages_pt_BR.properties:
welcome=Bem vindo!
!
messages_en.properties:
welcome=Welcome!
lnLernaclonallzao
!
Utilizando os Message BundIes nas pginas:
[weIcome.jsp]
Exerccios
!
uLlllzando o exemplo welcome.[sp, Lroque as
mensagens para 51"0)G1$H=IJ" e K)+$,4'(+$H=IJ"
dos arqulvos .propert|es, e uLlllze o componenLe
h:outputIormat [unLamenLe com o componenLe
f:param para passar parmeLros para a mensagem.
Exerccios
!
lnLernaclonallze a pglna de logln (logln.[sp), ou se[a,
lnLernaclonallze os LexLos dos labels e do boLo do
formulrlo.
Adicionando suporte
AJAX
A!Ax
!
O que AJAX?
AJAX (acrnimo em lngua inglesa de Asynchronous
Javascript And XML) o uso sistemtico de tecnologias
providas por navegadores, como Javascript e XML, para
tornar pginas mais interativas com o usurio, utilizando-
se de solicitaes assncronas de informaes. AJAX no
somente um novo modelo, tambm uma iniciativa na
construo de aplicaes web mais dinmicas e criativas.
AJAX no uma tecnologia, so realmente vrias
tecnologias conhecidas trabalhando juntas, cada uma
fazendo sua parte, oferecendo novas funcionalidades. [...]
http://pt.wikipedia.org/wiki/AJAX_%28programa%C3%A7%C3%A3o%29
8lchfaces
!
Permite inserir funcionalidades AJAX numa
aplicao JSF de maneira simples e
transparente atravs de componentes (sem a
necessidade de escrever cdigo Javascript)
!
Conjunto de componentes ricos com suporte
AJAX nativo (um grande nmero de
componentes)
!
Projeto da JBoss
8lchfaces
!
Exemplo bsico
8lchfaces
!
Como ele trabalha
8lchfaces
!
Adicionando suporte AJAX
1. Baixando a ltima verso do Richfaces (3.2.x)
http://labs.jboss.com/jbossrichfaces/downloads
2. Baixando as dependncias bsicas
!
commons-beanutils-1.7.0.jar
!
commons-collections-3.2.jar
!
commons-digester-1.8.jar
!
commons-logging-1.1.jar
3. Adicione as libs ao projeto (/WEB-INF/Iib)
8lchfaces
!
4. Adicione o cdigo abaixo no web.xml
8lchfaces
!
5. mporte as taglibs abaixo nas pginas JSP
6. Rode o exemplo bsico
Exerccios
!
Adlclone suporLe A!Ax ao exerclclo do Va|ue-change
event (Aquele que exlbe ou esconde o numero de
dependenLes)
!
Adlclone suporLe A!Ax ao exerclclo do Act|on event
(Aquele que exlbe ou esconde o numero de
dependenLes)
Exerccios
!
Adlclone suporLe A!Ax ao exerclclo do Va|ue-change
event (Aquele que carrega a combobox de cldades
de acordo com a combobox de ul)
!
Adlclone suporLe A!Ax ao nosso componenLe p|ck||st
crlado anLerlormenLe
Exerccios
!
SubsLlLua o componenLe h:data1ab|e do exerclclo
anLerlor pelo componenLe r|ch:data1ab|e e adlclone
paglnao ao componenLe aLraves do componenLe
r|ch:datascro||er
Exerccios
!
ve[am e faam alguns LesLes com alguns dos
componenLes na pglna de demonsLrao do
8lchfaces
hLLp://llvedemo.exadel.com/rlchfaces-demo/lndex.[sp

Java Server Faces

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Java Server Faces

Hochgeladen von

Copyright:

Verfügbare Formate

!

Das könnte Ihnen auch gefallen