O documento apresenta um minicurso sobre desenvolvimento baseado em componentes com Java Server Faces (JSF). Apresenta conceitos básicos de JSF, configuração de ambientes, ciclo de vida, componentes, validação e conversão de dados. Inclui demonstrações de código e práticas passo-a-passo para construção de uma aplicação simples de cadastro de pedidos.

1. Desenvolvimento
baseado em
componentes com Java
Emmanuel Neri
www.emmanuelneri.com.br
@emanu_neri
JSF - Java Server Faces

2. ● Análise e Desenvolvimento de Sistemas - Unipar
● Especialização em Engenharia de Software - PUCPR
● Mestrado em Desenvolvimento de Tecnologias - LACTEC
● Desenvolvedor Java desde 2010;
○ Morena Rosa, Michelin, Land Rover/Jaguar, Mercedes Benz
● Atualmente desenvolvedor Java na TecSinapse
● Pesquisador nas linhas de desenvolvimento de software e
arquitetura de software
Emmanuel Neri

3. ● Introdução ao desenvolvimento web com
JSF
● Configurando ambientes Java com JSF
● Tags JSF e front-end JSF
● Templates reutilizáveis
● Escopos JSF e o lado servidor
● Conversão e validação de dados
● Ajax com JSF
● Componentes ricos
Cronograma

4. 1. Slide com teoria
2. Demonstração do código
3. Prática
Metodologia

5. Desenvolvimento baseado em
componentes
“Unidade de software independente, que
encapsula, dentro de si, seu projeto e
implementação, e oferece serviços, por meio
de interfaces bem definidas, para o meio
externo.“

6. Desenvolvimento baseado em
componentes Web

7. Desenvolvimento baseado em
componentes
Benefícios Consequências
Reutilização de código Complexidade
Tempo(longo prazo) Tempo(curto prazo)
Maturidade

8. Framewoks de mercado
Component based Action based

9. JSF - Java Server Face
“JSF é uma tecnologia que nos permite criar
aplicações Java para Web utilizando
componentes visuais pré-prontos, de forma
que o desenvolvedor não se preocupe com
Javascript e HTML. Basta adicionarmos os
componentes (calendários, tabelas,
formulários) e eles serão renderizados e
exibidos em formato html.”

10. JSF - Java Server Face
● É um framework MVC
● Guarda estado
● Possui componentes prontos
● Faz o binding automatico dos atributos
● Faz parte do Java EE
● Possui compatibilidade entre versões

11. Java EE 7

12. MVC - Model View Controller

13. JSF - Como funciona

14. Frameworks de componentes

15. Configurações
● Java 7
● NetBeans
● Maven
● Tomcat 7

16. Configurando Projeto
● https://github.
com/emmanuelneri/minicursojsf-
projeto.git
● 10.2.2.254/Jornada
2015/Java/minicursojsf-projeto

17. JSF - Como funciona

18. ● XHTML é HTML escrito como XML;
● XHTML significa Extensible HyperText Markup
Language;
● XHTML é quase idêntico ao HTML;
● XHTML é mais rigoroso do que o HTML;
● XHTML é HTML definido como um aplicativo XML;
● XHTML é suportado por todos os principais
navegadores
xhtml

19. Coding...

20. Prática
● Faça a página de boas vindas do seu
sistema.

21. Tags - xmlns:h="http://java.sun.com/jsf/html"
● h:form
● h:inputText
● h:outputText
● h:commandButton
● h:messages
● h:panelGrid
● etc...

22. Coding...

23. Prática
● Fazer uma nova página, que será o login do
sistema.
● Alterar no web.xml para ser a primeira tela
do sistema.
● O login deve redirecionar para o index.xhtml

24. Tags - xmlns:ui="http://java.sun.
com/jsf/facelets"
● ui:insert
● ui:define
● ui:include
● ui:define
● ui:param

25. Coding...

26. Prática
● Criar uma nova página de template com
nome do sistema e botão sair;
● O template deverá ter um menu com os links
Home e Sair;
● Ao clicar no sair deverá enviar para o login;
● Ao clicar em home deverá enviar para
página index.xhtml;

27. Tags - xmlns:f="http://java.sun.com/jsf/core"
● f:converterNumber
● f:converterDateTime
● f:validateLength
● f:validateLongRange
● etc...

28. Coding...

29. Prática
● Adicionar no template a data atual no
padrão dd/mm/yyyy.

30. JSF - Como funciona

31. Managed Bean / Controller - Escopos
● É uma classe java
● É o Controller do MVC
● @ManagedBean

32. Managed Bean / Controller
● Request
● View
● Session
● Application

33. Coding...

34. Ciclo de vida do JSF

35. Validadores
● Required
● MinLength
● MaxLength
● f:validateLength
● f:LongRangeValidator

36. Conversores
● f:convertNumber
● f:convertDateTime

37. Coding...

38. Prática
● Criar um cadastro de cliente com os
atributos código e nome;
● Validar os atributos para serem obrigatórios
e o atributo código apenas receber um Long;
● Criar uma tela de pedido e converter os
atributos data e valor total;

39. Injeção de Controllers
● @ManagedProperty
● A injeção é feita através de uma chamada
EL
● É necessário o set do atributo

40. Coding...

41. Prática
● Adicionar a lista de produtos e clientes
disponíveis no ClienteController e no
PedidoController através de DI no
PedidoController;
● Adicionar os atributos Cliente no Pedido;
● Adicionar o selectOneMenu na tela de
pedido;

42. Ajax
● JSF possui suporte nativo
● f:ajax
● No primefaces as ações de botões são por
padrão ajax

43. Coding...

44. Prática
● Criar uma classe ItemPedido com os
atributos Produto, Quantidade e valor;
● Adicionar uma Lista de ItemPedido no
Perido;
● Adicionar no pedido.xhml os novos atributos;
● Criar botão “Adicionar” e “Remover” que
joga os itens no pedido via ajax;

45. Componentes Ricos
● Primefaces;
● Facilidade;
● Funções javascripts;
● CSS;

46. Outros
● Listeners
● Passangem de Parâmetros
● Componentes customizados

47. Fim...
Emmanuel Neri
www.emmanuelneri.com.br
emmanuelnerisouza@gmail.com
@emanu_neri
github.com/emmanuelneri
https://github.com/emmanuelneri/minicursojsf