Aula para o curso de Pós Graduação da Faculdade Horus. Disciplina de Programação web em Java com JSF. Parte 2 da disciplina com conceitos de ciclo de vida e utilização do componentes do primefaces Github do projeto: https://github.com/forchesatto/posHorus

1. Java para Web - JSF
Parte 2
André Luiz Forchesatto

2. Agenda
● JSF 2
○ Ciclo de vida
○ Converters
○ Validation
○ Ajax
● Primefaces
● Internacionalização

3. Ciclo de vida JSF
● Objeto Lifecycle contrala o ciclo de vida do JSF
● 6 fases
http://www.edsongoncalves.com.br/2010/02/21/javaserver-faces-2-0-na-pratica-parte-3/

5. Ciclo de Vida

6. Restaura Visão (Restore View)
restaura ou cria no servidor a árvore de
componentes em memória para
representar a interface com o usuário.
Ciclo de Vida

7. Restore
View

8. Aplica Valores da Requisição
(Apply Request Values)
atualiza os componentes no servidor
com os dados do usuário.
Ciclo de Vida

9. Apply Request Value

10. Processa Validações
(Process Validations)
processa a validação e a conversão de
tipos em um novo dado.
Ciclo de Vida

11. Process Validation

12. Atualiza o Modelo
(Update Model Values)
atualiza os objetos
no servidor com os novos dados.
Ciclo de Vida

13. Update Model Value

14. Chama Aplicação
(Invoke Application)
invoca a lógica necessário para
o pedido do usuário e navega
para
uma nova página se necessário.
Ciclo de Vida

15. Invoke Application

16. Apresenta a Resposta
(Render Response)
salva o estado atual e
mostra a resposta para
o pedido do cliente.
Ciclo de Vida

17. Render Response

18. Ciclo de vida JSF
● Nem toda requisição passa por todas etapas;
● Interceptamos uma das fase implementando a
interface javax.faces.event.PhaseListener
● Os método afterPhase(), beforePhase() e
getPhaseId(), estão disponíveis para interceptar
o ciclo de vida
● Deve ser registrado no faces-config.xml o
Listener criado

19. Ciclo de vida JSF

20. Prática
Criar uma classe para interceptar o
ciclo de vida JSF

21. Converters
● Tem por finalidade converter objetos Java em
String e vice-versa;
● Converters são bidirecionais:
○ Managed-bean faz: getAsObject()
○ JSF faz: getAsString()
● Tipos padrões Java já possuem converters
padrões;
● O converter pode ser implícito(class) ou
explícito(id)

22. Converters
Explícito
Implícito pegou pela
classe declarada no atributo

23. Meu Converter

24. Validatores
● Utilizados para validar o valor de um
campo;
● Retornam um FacesMessage com o erro;
● Existem 3 maneiras de fazer validação de
campo:
○ Validadores padrões JSF
○ Bean Validation
○ Validadores personalizados do JSF

25. Validadores padrões JSF
● validateRequered
● validateDoubleRange
● validateFloatRange
● validateRegex

26. Bean Validation
● Especificação definida pela JSR303
● É necessária uma implementação para ser utilizada
● Utiliza annotation para registrar as regras de validação
● Possibilita fazer validações em qualquer camada da
aplicação
● Deve ser escrita de preferência nas classes do modelo

27. Bean Validation
Usa annotations no model e não precisa
registrar nada no JSF

28. Validadores personalizados do JSF
● Criar uma classe que implementa uma
interface de validação
● Será utilizado somente no JSF e deve ser
invocado explicitamente no arquivo .xhtml

29. Validadores personalizados do JSF

30. Prática
Criar Validatores utilizando Bean Validation
e Validadores Personalizados JSF;
Criar converter para as classes do nosso
projeto;
Criar algumas telas de cadastro;

31. Ajax
● Asynchronous Javascript and XML
● Um conjunto de tecnologias:
○ HTML
○ DOM
○ XHTML
○ CSS
○ XML
○ XSLT
○ XMLHttpRequest
○ JavaScript

32. Ajax
● Foi batizado em 2005 pela publicação do
artigo “Ajax: A New Approach to Web
Application” Escrito por Jossé James Garret
● Ajax pode ser usado com Java, Php, Ruby,
etc..
● Ajax = Javascript rodando no browse e se
comunicando com o servidor

33. Como funciona o AJAX

34. Como funciona o AJAX

35. Por que usar AJAX
● Respostas mais rápidas;
● Economia na banda do servidor;
● Maior interatividade;

36. Ajax no JSF 2.0
O que vai enviar ao servidor
@form, @all, @this,
ou id de um componente
Id do componente a ser atualizado com o
retorno do servidor.
Pode ser usado @all, @this, @form
Evento a ser
executado o
AJAX

37. Prática
Transformar os cadastros já feitos em
cadastros com AJAX

38. Primefaces
● Biblioteca de componentes ricos
● Implementada para Mojora (JSF) 2.0
● Mais de 100 componentes
● http://www.primefaces.org/
● http://www.primefaces.org/showcase

39. Primefaces - Download
<dependency>
<groupId>org.primefaces</groupId>
<artifactId>primefaces</artifactId>
<version>5.0</version>
</dependency>

40. Primefaces - XHTML
● Configurar as páginas xhtml para
renderizer primefaces.
xmlns:p="http://primefaces.org/ui"

41. Dependências

42. Primefaces - Temas
Para configurar um tema basta adicionar o
jar do tema desejado e configurar o web.xml
http://www.primefaces.org/themes.html
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>cupertino</param-value>
</context-param>

43. Temas - Download
<dependency>
<groupId>org.primefaces.themes</groupId>
<artifactId>cupertino</artifactId>
<version>1.0.10</version>
</dependency>
<repositories>
<repository>
<id>prime-repo</id>
<name>PrimeFaces Maven Repository</name>
<url>http://repository.primefaces.org</url>
<layout>default</layout>
</repository>
</repositories>

44. Exemplo Dialog

45. Exemplo Mascaras

46. Prática
Construir as telas de cadastro utilizando os
componentes do primefaces;
Criar alguns componentes autocomplete;

47. Internacionalização
● JSF 2 fornece duas maneiras de
internacionalização
○ faces-config.xml
○ tag Core <f:loadBundle>
● Após configurado é possível pegar através
de uma chave um valor adicionado em um
arquivo texto de mensagens.

48. Internacionalização
Configuração arquivo faces-config.xml

49. Internacionalização
● Componente Core <f:loadBundle>
● É necessário configurar em cada página

50. Internacionalização
● Padrão do arquivo de mensagens:
○ Respeitar o nome que foi adicionado na
configuração;
○ O arquivo é composto por key=value

51. Internacionalização
● Para utilizar a chave do arquivo basta,
chamar a variável(msg) configurada no XML
(ponto) nome da chave;
<h:outputLabel value="#{msg.tituloUF}"/>

52. Prática
● Internacionalizar a nossa aplicação

53. Referências