JSF e PrimeFaces. Professor: Ricardo Luis dos Santos IFSUL Campus Sapucaia do Sul

Transcrição

1 JSF e PrimeFaces Professor: Ricardo Luis dos Santos IFSUL 2015

2 Agenda Introdução Desenvolvimento Web Java Server Faces Exercício 2

3 Introdução Ao longo dos anos diversas linguagens de programação foram criadas e milhares de aplicações foram implementadas em cada uma destas Na década de 90 o padrão de desenvolvimento era o de aplicações desktop 3

4 Introdução Cada cliente possui uma cópia integral da aplicação, isto dificulta a atualização Como a aplicação roda no computador do cliente, a depuração é difícil, pois não há acesso ilimitado Em geral, problemas de manutenção e gerenciabilidade 4

5 Introdução Com a evolução da Internet e dos padrões para Web (protocolo http e browsers) surgiram as aplicações Web Clientes simples e leves Utilizam tecnologias bem padronizadas Fácil atualização Fácil manutenção 5

6 Desenvolvimento Web 6

7 Desenvolvimento Web Java Server Pages Construído acima da tecnologia Servlets, capacita os desenvolvedores Web a editar paginas HTML com tags especiais para as porções dinâmicas escritas em Java Scriptlet é o código escrito entre <% e %>. Esse nome é composto da palavra script (pedaço de código) com o sufixo let, que indica algo pequeno 7

8 Desenvolvimento Web Padrão MVC Padrão arquitetural que separa a interação que o usuário faz com a informação da representação desta informação Model armazena dados e notifica os controllers associados quando há uma mudança em seu estado View gera uma representação dos dados presentes no modelo solicitado Controller envia comandos para o model para persistir objetos e comandos para a view para alterar a apresentação da informação 8

9 Desenvolvimento Web Padrão MVC Exemplos de frameworks Web Java que utilizam o padrão MVC Struts Spring MVC VRaptor JSF 9

10 JSF é uma tecnologia que permite criar aplicações Java para Web utilizando componentes visuais O desenvolvedor não precisa se preocupar com Javascript e HTML Especificação do Java Enterprise Edition (JEE) Isso significa que existe uma padronização na forma como esta tecnologia deve ser implementada Todos os frameworks baseados nela funcionam de forma parecida 10

11 Diversos componentes para podermos utilizar 11

12 Model Podemos utilizar as anotações do JPA vistas na disciplina Pojos simples e leves 12

13 Managed Bean (Controller) Define a lógica da aplicação Web Nele implementaremos métodos para navegação entre páginas, bem como métodos para a interação com os models 13

14 Managed Bean Define que uma classe será um bean gerenciado, ou seja, um controller da nossa aplicação Web O atributo name dessa anotação define como este bean será referenciado dentro das paginas JSF Caso não seja definido, este mesmo bean será referenciado usando o nome da classe, com a primeira letra em minúsculo 14

15 Escopo de um Managed Bean (Controller) Define o tempo que uma instância do Managed Bean sobrevive durante a execução da aplicação Web Define o seu ciclo de vida Momento em que é inicializado e o momento em que ele deixa de O managed bean permanece vivo (visível) durante o tempo de vida de uma requisição HTTP. Criado no início da requisição HTTP e destruído quando a resposta HTTP associada a requisição for encerrada 15

16 Escopo de um Managed Bean O managed bean vive durante o tempo em que a sessão HTTP durar. É criada na primeira requisição HTTP e destruída quando a sessão HTTP for O managed bean permanece vivo enquanto o usuário interagir com a mesma pagina JSF na janela/aba do navegador web. O bean é criado durante uma requisição HTTP e destruído quando o usuário mudar de pagina JSF 16

17 Escopo de um Managed Bean O managed bean vive enquanto a aplicação Web durar. É criado durante a primeira requisição HTTP que fizer menção a este bean sendo destruído quando a aplicação Web for O managed bean vive apenas durante o perodo de avaliação de uma EL (Expression Language) 17

18 View Expression Language Fornecem um mecanismo importante para habilitar a camada de apresentação (páginas Web) a se comunicar com a lógica da aplicação (managed beans) 18

19 View Expression Language Avaliação Tardia #{} São mais comuns e podem ser utilizadas em todas as outras fases do ciclo de vida da página JSF Avaliação imediata ${} São avaliadas imediatamente. Estas expressões podem ser utilizadas apenas com templates ou com o valores de atributos de tags que aceitam valores de expressões em tempo de execução <fmt:formatnumber value= ${sessionscope.cart.total}"/> 19

20 Navegação Componentes como CommandButton e CommandLink do JSF são utilizados para realizar ações, como submeter um formulário e navegar para outra página Os métodos devem ser implementados no bean e devem retornar um string contendo a view que será utilizada 20

21 Navegação Componentes como CommandButton e CommandLink do JSF são utilizados para realizar ações, como submeter um formulário e navegar para outra página Os métodos devem ser implementados no bean e devem retornar um string contendo a view que será utilizada 21

22 Temas do PrimeFaces Possibilita alterar rapidamente cores e algumas características do CSS manipulado pelo framework Existem diversos temas alguns gratuitos e outros pagos, observar no site do primefaces as opções disponíveis 22

23 Vamos a um pequeno exemplo prático Projeto disponível no site Observar e comentar o model, o bean e as views criadas Observar as features disponíveis Centenas de componentes estão disponíveis, bem como, a documentação sobre tais componentes no site 23

24 Exercício Implementar um modelo, um bean e as views necessárias para Listar os fretes cadastrados Cadastrar um novo frete Excluir um determinado frete Editar um frete Utilize diferentes componentes e temas observados no site Fretes - Id: Long - estado: String - valor: Int - peso: Float 24

25 Perguntas?