TREINAMENTOS

Desenvolvimento Web com JSF2 e JPA2

Desenvolvimento Web com JSF 2 e JPA 2

15 de março de 2011

www.k19.com.br

ii

. . . . . . . . . . . . . .6 Exercícios . . . . . . . . . . . . . . . . . . 2. . . . . . . . . . . . . .8 Exercícios . . . . . 3. . 3. 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1 Múltiplas sintaxes da linguagem SQL . . . . . . . . . . . . . . . .Sumário 1 Banco de dados 1. . . . . . . . . . . . . . . . . . . . . . . .2 JDBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7 Gerando o banco . . . . 2. . . . .1 Driver . . . . . . . . . . . . . . . . . . . . . . . . . . .4 Criando uma conexão . .9. . . . . .1 Persistindo .10 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9. . . . . . . . . . . . . . . . . . . . . . . . .2 Orientação a Objetos VS Modelo Entidade Relacionamento 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3 Ferramentas ORM . . . . . . . . . . . . . 2. . . . . . . . . . . . . . . . .9 Manipulando entidades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3. . . . . . . . . . . . . . . . . . . . . . . . . .3 Removendo . . . . . . 1 2 4 7 11 11 12 27 27 28 28 28 29 29 31 33 33 34 35 36 37 37 37 37 38 38 39 40 41 43 43 43 44 44 . . . . . . . . . . . . . . . iii . . . . . . . . . . . . . . . . 2. . . 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4 O que é JPA e Hibernate . . . . . . 1. . . . . . . . . . . . . . . . . . . . . . . . . . . 3. . . . . . . . . . . . . . . . . . . . . . . . . 3. . . . . . .3 Operações Básicas . . . . . . 3 JPA 2 e Hibernate 3. . . . . . . . . .5 Consultas Avançadas . . . . . . . . . 2 JDBC 2. 3.4 Atualizando . . 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1 Bases de dados (Databases) . . . . 1. . . . . . . . . . . . . . . . . . . 1. . . . . . . . . . . . . . . . 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3. . . . . . . . . . 2. . 1. . . . . . . . . . . .5 Configuração . . . . . . . . . . . . .9. . . .11 Fábrica de conexões (Factory) . .6 Mapeamento . . . . . . . . . . .8 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 Exercícios . . . . . . . . . . . . 3. . . . . . . . . . .5 Inserindo registros . . . . . . . . . . . 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 Listando registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2. . . . . . . . . . . . . . . . . . . . . .3 Instalando o Driver JDBC do MySQL Server 2. . . . . . . . . . . . . . . . . . .7 SQL Injection . . . . . . . 3. . . . . . . . . . . . . . . . . . .2 Tabelas . . . . . . . . .6 Exercícios . . . .4 Chaves Primária e Estrangeira 1. . . . . . . . . . . . . . . . . . . . . . . . . . . . .9. . . . . .2 Buscando .

. . . . . . . . . . . . . . . . . .5 Aplicação Web Java . . . 5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1 Aplicação de exemplo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Transações 3. . . .11 Repository . . . . . Componentes Visuais 6. . . . . . . . . . . . . . . . . . . . .2 Managed Beans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4. . . . . . . . 6 . . . .1 GeradorDeApostasBean 5. . . . . . . . . . . . .5 Listando . . . . . Visão Geral do JSF 2 5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Exercícios . . 4. . . . . . www. . . . . . . . . . . . . . . . . . . . . . . 6. . . . . . . . . 7. . . . . . . . .3. . . . . . . . .10 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . 4. . . 4. . . . . . . . . . . . . . . . . . . .2 Web Container . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1 Formulários . . . . . . . 6. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9. . . . .3 Panel Group . . . . . . 5. . . . . . . . . . . . . . . . . . .br . . . . . . . . . .k19. . . . . . . . . . . .1 Inserindo conteúdo na resposta 4. . . . . . . . . . . . . . . . . . . . . . . . . 3. . . . . . . SUMÁRIO . . . . . . . . . . . . . . . . .9. . . . .12 Frameworks . . . . . . . . . . . . 7. . . . . . . . . . 6. . .8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Esqueleto HTML 6. . . . . . . . . . . . . . . . . . . . . 3. . . . . . . . . . . . . . . . . 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10 JSP . . . . . . . . . . . . . .1 Tela de entrada . . . . . . . . . . . .4 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6. . . . . . . . . . . . . . . . . . . . . . .12 Exercícios . . . . . . . .4 Exercícios . . . . . . . . . .com. . . . . . . .7 Processando requisições . . . 4. . . . . . . . . . . . . . . . . . . . . . . . . . . .3 Facelets e Componentes Visuais 5. . . . . . . . . . . . . . . . . . . .2. . . . . . . . . . .2 Panel Grid .7 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 44 45 46 47 49 49 49 50 50 50 51 51 51 52 52 53 53 53 55 55 55 56 56 56 57 58 63 63 65 66 67 68 68 68 71 71 72 73 74 iv Web Container 4. . . . . . . . . 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 . . . . . .2 Tela de Saída . . . . . . . . . . . . . . . . . . . . . 4. . . . . . . . . . . 4. 6.3 Particionando as telas 7. . . . . . .1 Templating . . . . . . . . . . . . . . . . . . . . . . . 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1 Necessidades de uma aplicação web . . . . . . .8 Servlet . . .5 Namespaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3 Especificação Java EE . . . . . . . . . . . . . . . . . . . .3. . . . . . . . . . . . . . . . . . . . . . . . . .11 Exercícios . . . . . . . 5. . . . . . .SUMÁRIO 3. . . . . 3.9 Exercícios . . . . . . . . . . . . . . .4 Tabelas . . . . . . . . . . . . . . . . . . . . . .2 Exercícios . . . 5. . . 7 Facelets 7. . . . . . . . . . 4. . . . .4 Exercícios . . . . . . .

. . . . . . . . .5 f:validateLength . .4 View . . . . . .7. . . . . .9 Exercícios . . . . . . . . . . . . . . .6 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2 Conversão Padrão Explícita . . . . . . . . . .2. . . . . . . . . . . . . . . . . .4 Definindo o tratamento das ações . . . .4. .4 Validação . . . 10. . . . .2 Campo Obrigatório (Required) . . . . . . . . . . . . . . . . . . . . . . . . 10. . . . . . . . . . . . . . . 9. . . . . .8 Interdependência e Injeção . . . . v . 9. . . . .2 Navegação Estática Explícita . . . . . . .4.3 f:validateLongRange . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10. . . . . . . . . . . . . . 9 Managed Beans 9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Binding . . 10. . . . . . . . . . . . . . . 10. .1 Validação Padrão . . . . . . . .1 Conversão . . . . . . . . . . . . . . . . . . . . . . .5 Navegação Dinâmica Explícita 8. . . . . . . . . . . . . . . . . . . . . .7. . . . 8. . . .3 Alterando as Mensagens de Erro 10. . . . . . 10. .7. . . . . . . . . . . . . . 10 Conversão e Validação 10. . .1. . . . . . . . . . . . . . . . . . . .1. . .5 Exercícios . . . 10. . . . 9. . . . . . . . . . . . . . . . . . . . . .2 Mensagens de Erro . . . . . .2 h:messages . . . . . . . . . . . . . . . . . . . . . . . . . 10. . . . . . . . . . . . . . . . . . . . . . . . . 9.4 Navegação Dinâmica Implícita 8. . . . . . . 8. . . . . . . . . . . . . . . . . . . . . . 10. .SUMÁRIO 8 Navegação 8. . . . . . . . . . . . .4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10. . . . .2. . . . . . . . . . . . . .5 Expression Language . . . . . . . . 9. . . . . . . .4. . . . . . . . . . . . 9. . . . . 10. . . .5. . . . . . . . . .1 Navegação Estática Implícita .3 Exercícios . . . . . . . . . . . . . . . . . . . . .4. 10. .7 Bean Validation .1 Nome dos Managed Beans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4. . . . . . .1 Criando Managed Beans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2. . . . . . . . . . . . . . . . . . . .2 Session . . . 10. . . . . . . . . . . . . . . . . . .1 h:message .2 Acessando as propriedades dos Managed Beans 9.2 Disponibilizando dados para as telas . . . . . . . . . . . . . . . . 10. . . . 9. . . . . . . . .4. 9.3 Recebendo dados das telas . . . . . . . . . . . 9. . . . . . . . . . . . . . . . . . . . . SUMÁRIO 77 77 78 78 80 81 81 85 85 86 86 86 87 87 87 87 88 88 89 90 90 91 92 95 95 95 96 97 97 98 98 99 101 101 101 101 102 102 102 102 103 . . . . . . . . . . . . . .1 Request . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7. . . . . . K19 Treinamentos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4 f:validateDoubleRange . 9. . . . . . . . . . .1 Conversão Padrão Implícita .3 Application . . . . . . . . . . . 9. . . . . . . . . . . . . .6 f:validateRegex . . . . . . . . . . . . . . . . .7 Escopo . . . . . . . . 10. . 9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5. . . . . . . . 9. . . 8. . . . . .

. . . 13. . . 11. . . . . . . . . . . . . . . 13 Projeto 13.7. . . . . . . . . . . . . 13. 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . 11. . . . . . . . . . . . . . . . .k19. . . . . .2 Exercícios . . . . .14Exercícios . . . . . . . . . . . . . .1 Eventos de Aplicação (Application Events) 11. . . 13. . . . . . . . . . . . . . . . . . 13. . . . . . . .4 Exercícios . . .1 ActionEvent . . . .5 Persistência . . . . . . . . . . . . .3 Processando alguns “pedaços” das telas . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1. . . . . . . . . . . . . . . .7. . . . . 12. . . . . 13. . . . . .Configuração . . . . . 13. . . . . . . . . . . . . . . .3 Exercícios . . . . . . . . 13. . . . 12. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7. . . . www. . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . .1. . . . . 12 Ajax 12. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12Exercícios . . . .27Ordem dos filtros . 13. . . . . . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11Apresentação . . 13. . . . . . . . . . . . . . . . . . . .23Removendo Seleções com Jogadores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 Persistência . . . . . . . . . . .6 Exercícios . . . . . . . . .com. . . . . . . . . . . .2 ValueChangeEvent . . . . . . . . . . . . . . . . .SUMÁRIO 11 Eventos 11. . . . . .15Mensagens de Erro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3 Persistência . . .24Exercícios . . . . . . . . . . . . Listando e Removendo Jogadores . . . . . .16Exercícios . . . . . . .Repositórios . . . . . . . . . .1 Fazendo requisições AJAX .2 Eventos de Ciclo de Vida (Lifecycle Events) 11. . . . . . . . . . 13. . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . . . .2 Recarregando alguns “pedaços” das telas . . . . . . . . . . . . . . . . . . . . . . .26Exercícios . 13. . . .3 Gerenciando os Entity Managers . . . . . 13. . . . . . . . . . . . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . .10Exercícios . . . . . . .25Controle de Acesso . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . .18Exercícios . . . . . . . . . . . . . . . . 13. . . . . . . . .28Exercícios . . . . SUMÁRIO 107 107 107 108 109 109 113 113 114 115 115 116 119 119 119 120 120 121 121 122 122 123 123 124 125 126 127 127 129 130 132 132 133 133 133 134 135 135 139 139 140 140 143 143 vi . . 12. . . . . . . . . . 12. . . . . . .20Exercícios . .17Removendo Seleções . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21Cadastrando. . . . . . . . . . . . . . . . .7 Persistência . . . . . . . . . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .br . . . . . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .Open Session in View . . . . . . . . . . 13. . . . . . . .8 Exercícios . . . . . . . . . . . . . . . . . . . .Mapeamento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .Template . . . . . . . . .1 Gerenciando as fábricas de Entity Managers 13. . . . . . . . . . . . . . .13Cadastrando e Listando Seleções . . . . . . . . . . . .2 Filtros . . . . . . . . . . . . . . . . . . 13. . . .19Otimizando o número de consultas . . .4 Palavras especiais . . . . . . 13. . 13. . . . . . . . . . . . . .1 Modelo . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . .22Exercícios . . . . . . 13. . . .5 Exercícios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . .30Exercícios . . . . . . . . .SUMÁRIO 13. . . . . .31Enviando email . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . 144 144 146 147 vii K19 Treinamentos . . . . . . . . . . . .29Controle de Erro 13. . . . . . . . . . . . . . 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . SUMÁRIO . . . . . . . . . . . . . . .32Exercícios . . . . . . . . . . . . . . . . . . . . .

k19.SUMÁRIO SUMÁRIO www.br viii .com.

Capítulo 1 Banco de dados O nosso objetivo é desenvolver aplicações em Java. A seguir. alguns fatores importantes nos levam a descartar tal opção. os dados não podem ser perdidos ou corrompidos. Uma forma de suprir essa necessidade seria armazenar essas informações em arquivos. Por exemplo. há diversas opções de sistemas gerenciadores de banco de dados. Sistemas gerenciadores de banco de dados No mercado. A seguir. Essas aplicações necessitam armazenar as informações relacionadas ao seu domínio em algum lugar. apresentamos as principais preocupações a serem consideradas ao trabalhar com dados: Segurança: As informações potencialmente confidenciais devem ser controladas de forma que apenas usuários e sistemas autorizados tenham acesso a elas. Concorrência: Usualmente. Apesar disso. Felizmente. diversos sistemas e usuários acessarão as informações de forma concorrente. tal tipo de sistema já existe e é conhecido como Sistema Gerenciador de Banco de Dados (SGBD). uma aplicação de gerenciamento de uma livraria deve armazenar os dados dos livros que ela comercializa. concluímos que seria necessária a utilização de um sistema complexo para manusear as informações das nossas aplicações. Considerando todos esses aspectos. Acesso: As funções de consulta e manipulação dos dados devem ser implementadas. Integridade: Eventuais falhas de software ou hardware não devem corromper os dados. apresentamos os mais populares: 1 . Contudo.

Banco de dados • Oracle • SQL Server • MySQL Server • PostgreSQL MySQL Server Neste treinamento. ou vice-versa. Tais regras criam restrições quanto ao conteúdo acessível por cada usuário. poderia ter permissão de acesso aos dados dos clientes do banco. que é mantido pela Oracle e vastamente utilizado no mercado. utilizamos o comando CREATE DATABASE. por exemplo. mas não às informações dos produtos da loja virtual. Uma base de dados é um agrupamento lógico das informações de um determinado domínio. os dados da nossa livraria. www. como. por exemplo. utilizaremos o MySQL Server. Criando uma base de dados no MySQL Server Para criar uma base de dados no MySQL Server. a organização ficaria prejudicada.k19. além dos produtos de uma loja virtual. O MySQL Server pode ser obtido a partir do site: http://www. as informações dos clientes de um banco.mysql. 1. Além disso. Determinado usuário.com. Daí surge o conceito de base de dados (database).1 Bases de dados (Databases) Um sistema gerenciador de banco de dados é capaz de gerenciar informações de diversos sistemas ao mesmo tempo. MySQL Query Browser Para interagir com o MySQL Server. Caso os dados fossem mantidos sem nenhuma separação lógica. Por exemplo. seria mais difícil implementar regras de segurança referentes ao acesso dos dados. Então. por questões de organização e segurança.com.br 2 . os dados devem ser armazenados separadamente no SGBD. utilizaremos um cliente com interface gráfica chamado de MySQL Query Browser.

Banco de dados 3 K19 Treinamentos .

com.br .Banco de dados Repare que além da base de dados livraria há outras três bases. Quando uma base de dados não é mais necessária.2 Tabelas Um servidor de banco de dados é dividido em bases de dados com o intuito de separar as informações de sistemas diferentes. do nome e CPF de um cliente. Essas bases foram criadas automaticamente pelo próprio MySQL Server para teste ou para guardar algumas configurações. Então. poderíamos criar uma tabela para os dados relacionados às contas e outra para os dados relacionados aos clientes. Nessa mesma linha de raciocínio. Essa separação é feita através de tabelas. 1. podemos dividir os dados de uma base a fim de agrupá-los segundo as suas correlações.k19. nome José Maria Cliente idade cpf 27 31875638735 32 30045667856 numero 1 2 Conta saldo 1000 2000 limite 500 700 4 www. é interessante separar o saldo e o limite de uma conta. ela pode ser removida através do comando DROP DATABASE. Por exemplo. no sistema de um banco.

5 K19 Treinamentos . Criando tabelas no MySQL Server As tabelas no MySQL Server são criadas através do comando CREATE TABLE. Cada registro dessa tabela armazena em seus campos os dados de um determinado cliente. Na criação de uma tabela é necessário definir quais são os nomes e os tipos das colunas. suponha uma tabela para armazenar as informações dos clientes de um banco.Banco de dados Uma tabela é formada por registros(linhas) e os registros são formados por campos(colunas). Por exemplo.

Banco de dados www.k19.br 6 .com.

Banco de dados Se uma tabela não for mais desejada ela pode ser removida através do comando DROP TABLE. ler. 7 K19 Treinamentos . alterar e remover. alterar e remover registros respectivamente. 1. UPDATE e DELETE. SELECT. Estes comandos são utilizados para inserir.3 Operações Básicas As operações básicas para manipular os dados das tabelas são: inserir. Essas operações são realizadas através da linguagem de consulta denominada SQL. Esta linguagem oferece quatro comandos básicos: INSERT. ler.

Banco de dados www.k19.br 8 .com.

Banco de dados 9 K19 Treinamentos .

com.br 10 .Banco de dados www.k19.

os registros da tabela Editora devem estar relacionados aos da tabela Livro. se alguém quiser recuperar as informações da editora de um determinado livro. Na tabela Livro. Porém. deve consultar a tabela Livro para obter o nome da editora correspondente. Com a definição da chave estrangeira. Para solucionar estes problemas. devemos utilizar o conceito de chave primária e chave estrangeira. poderíamos adicionar uma coluna para armazenar o nome da editora a qual ele pertence. com esse nome. Por exemplo. Para resolver esse problema. Dessa forma. Vamos chamar esse campo de id. poderíamos adicionar um campo numérico na tabela Editora e torná-lo chave primária. podemos fazer consultas complexas envolvendo os registros de duas ou mais tabelas.5 Consultas Avançadas Com o conceito de chave estrangeira. Normalmente. a tabela Editora aceita duas editoras com o mesmo nome. uma nova tabela deve ser criada. não conseguiríamos descobrir os dados corretos da editora de um determinado livro. Toda tabela pode ter uma chave primária. 1. teríamos duas tabelas (Livro e Editora). Para resolver esse problema no MySQL Server. Caso tentássemos obteríamos uma mensagem de erro. Na tabela Livro. será necessário descobrir qual é a editora de um determinado livro ou quais são os livros de uma determinada editora. o campo editora_id deve estar explicitamente vinculado com o campo id da tabela Editora. deveríamos criar uma restrição na tabela Editora que proíba a inserção de editoras com o mesmo nome. Eventualmente. Dessa forma. poderíamos adicionar a propriedade UNIQUE no campo nome da tabela Editora. que é um conjunto de um ou mais campos que devem ser únicos para cada registro. eventualmente. pois não há nenhum vínculo explícito entre as tabelas.Banco de dados 1. há um problema nessa abordagem. Para isso. Nesse momento. descobrir todos os livros de uma determinada editora. Porém ainda teríamos mais um problema: na tabela livro poderíamos adicionar registros com editoras inexistentes. Para estabelecer esse vínculo o campo editora_id deve ser uma chave estrangeira associada ao campo id. deve consultar a tabela Editora para obter as informações da editora. um livro não pode ser inserido com o valor do campo editora_id inválido.4 Chaves Primária e Estrangeira Suponha que os livros da nossa livraria são separados por editoras. podemos adicionar um campo numérico chamado editora_id que deve ser utilizado para guardar o valor da chave primária da editora correspondente ao livro. Então. um campo numérico é escolhido para ser a chave primária de uma tabela. pois as consultas podem ser realizadas com melhor desempenho. 11 K19 Treinamentos . Uma chave estrangeira é um conjunto de uma ou mais colunas de uma tabela que possuem valores iguais aos da chave primária de outra tabela. Uma editora possui nome e telefone. Para armazenar esses dados. Depois. Além disso.

k19. remova-a conforme a figura abaixo: www.br 12 . Caso exista uma base de dados chamada Livraria. 2. root como Username e root como Password.com. Abra o MySQL Query Browser utilizando localhost como Server Hostname.Banco de dados 1.6 Exercícios 1.

Banco de dados 3. Selecione a base de dados livraria como padrão. Você vai utilizar esta base nos exercícios seguintes. 13 K19 Treinamentos . Crie uma nova base de dados chamada livraria. conforme mostrado na figura abaixo. 4.

www. Altere o modo de criação da tabela para InnoDB.Banco de dados 5.k19. conforme mostrado na figura.com.br 14 . Crie uma tabela chamada Editora conforme as figuras abaixo.

Banco de dados Crie os campos conforme a figura e não esqueça de tornar todos os campos obrigatórios. marcando a opção NOT NULL. Além disso o campo id deve ser uma chave primária e automaticamente incrementada. 15 K19 Treinamentos .

conforme mostrado na figura.k19.com. www.br 16 . Crie uma tabela chamada Livro conforme as figuras abaixo: Altere o modo de criação da tabela para InnoDB.Banco de dados 6.

Além disso o campo id deve ser uma chave primária e automaticamente incrementada. lembrando de marcar a opção NOT NULL. 17 K19 Treinamentos .Banco de dados Novamente. adicione os campos conforme a figura abaixo.

www.com.Banco de dados Você precisa tornar o campo editora_id em uma chave estrangeira.k19.br 18 . Depois siga os procedimentos conforme mostrados na figura abaixo. Selecione a aba Foreign Keys e clique no botão com o símbolo de mais para adicionar uma chave estrangeira.

Adicione alguns registros na tabela Editora.Banco de dados 7. Veja exemplos na figura abaixo: 19 K19 Treinamentos .

Banco de dados 8.k19. Adicione alguns registros na tabela Livro.com. Veja exemplos na figura abaixo: www.br 20 .

Banco de dados 9. Veja exemplos logo abaixo: 21 K19 Treinamentos . Consulte os registros da tabela Editora. e em seguida consulte a tabela Livro.

Veja o exemplo abaixo: 11. Altere alguns dos registros da tabela Editora.k19.br 22 . Veja o exemplo abaixo: www. Altere alguns dos registros da tabela Livro.com.Banco de dados 10.

Banco de dados 12. Veja o exemplo abaixo: 23 K19 Treinamentos . Remova alguns registros da tabela Livro.

br 24 . Remova alguns registros da tabela Editora.k19. Veja o exemplo abaixo: 14. Faça uma consulta para buscar todos os livros de uma determinada editora. Veja um exemplo na figura abaixo: www.com. Preste atenção para não remover uma editora que tenha algum livro relacionado já adicionado no banco.Banco de dados 13.

Banco de dados 25 K19 Treinamentos .

Banco de dados

www.k19.com.br

26

Capítulo 2 JDBC
No capítulo anterior, aprendemos que utilizar bancos de dados é uma boa solução para o armazenamento dos dados de uma aplicação. Entretanto, você deve ter percebido que a interface de utilização do MySQL (e dos outros bancos de dados em geral) não é muito amigável. A desvantagem deste tipo de interface, é que ela exige que o usuário conheça a sintaxe da linguagem SQL para escrever as consultas. Além disso, quando o volume de dados é muito grande, é mais difícil visualizar os resultados. Na prática uma aplicação com interface simples é desenvolvida para permitir que os usuários do sistema possam manipular os dados do banco, evitando desse modo que um usuário necessite conhecer SQL. Por isso, precisamos fazer com que essa aplicação consiga se comunicar com o banco de dados utilizado no sistema.

2.1

Driver

Como a aplicação precisa conversar com o banco de dados, ela deve trocar mensagens com o mesmo. O formato das mensagens precisa ser definido previamente. Por questões de economia de espaço, cada bit de uma mensagem tem um significado diferente. Resumidamente, o protocolo de comunicação utilizado é binário. Mensagens definidas com protocolos binários são facilmente interpretadas por computadores. Por outro lado, são complexas para um ser humano compreender. Dessa forma, é mais trabalhoso e mais suscetível a erro desenvolver uma aplicação que converse com um banco de dados através de mensagens binárias. Para resolver esse problema e facilitar o desenvolvimento de aplicações que devem se comunicar com bancos de dados, as empresas que são proprietárias desses bancos oferecem os drivers de conexão. Os drivers de conexão atuam como “tradutores” de comandos escritos em uma determinada linguagem de programação para comandos no protocolo do banco de dados. Do ponto de vista do desenvolvedor da aplicação, não é necessário conhecer o complexo protocolo binário do banco. Em alguns casos, o protocolo binário de um determinado banco de dados é fechado. Consequentemente, a única maneira de se comunicar com o banco de dados é através de um driver de conexão. 27

JDBC

2.2

JDBC

Suponha que os proprietários dos bancos de dados desenvolvessem os drivers de maneira totalmente independente. Consequentemente, cada driver teria sua própria interface, ou seja, seu próprio conjunto de instruções. Dessa maneira, o desenvolvedor da aplicação precisa conhecer as instruções de cada um dos drivers dos respectivos bancos que ele for utilizar. Para facilitar o trabalho do desenvolvedor da aplicação, foi criado o JDBC (Java Database Connectivity). O JDBC é uma API que generaliza a interface com os banco de dados. Assim, quando uma empresa proprietária de um banco de dados pretende desenvolver um driver para ser utilizado com a linguagem Java, ela segue a especificação JDBC com o intuito de incentivar a adoção do driver.

2.3

Instalando o Driver JDBC do MySQL Server

O driver oficial JDBC desenvolvido para funcionar com o MySQL se chama MySQL Connector/J. É necessário fazer o download do driver na seguinte url: http://www.mysql.com/downloads/connector/j/. É só descompactar o arquivo e depois incluir o jar com o driver no BUILD PATH da aplicação.

2.4

Criando uma conexão

Com o driver de conexão JDBC adicionado ao projeto, já é possível criar uma conexão com o banco de dados correspondente. Abaixo, estão os passos necessários para criar uma conexão. • Escolher o driver de conexão; • Definir a localização do banco de dados; • Informar o nome da base de dados; • Ter um usuário e senha cadastrados no banco de dados. As informações sobre o driver, localização e nome da base de dados são definidas no que chamamos de url de conexão (ou string de conexão). O usuário e a senha, informamos no momento de criar uma conexão. Para criar esta conexão, utilizamos as classes D RIVER M ANAGER (que instancia a conexão) e C ONNECTION (que armazena a nossa conexão), ambas presentes no pacote JAVA . SQL.
1 2 3 4 5 6 7 8 String urlDeConexao = "jdbc:mysql://localhost/livraria"; String usuario = "root"; String senha = ""; try { Connection conn = DriverManager.getConnection(urlDeConexao, usuario, senha); } catch (SQLException e) { e.printStackTrace(); }

www.k19.com.br

28

1 2 string textoDoComando = "INSERT INTO Editora (nome. Crie um projeto java no eclipse chamado JDBC. 2.CONNECTOR .prepareStatement(textoDoComando).close().JAVA -5. JAR ao build path (veja figura). Fechar as conexões que não são mais necessárias é importante pois os SGBD’s possuem um número limitado de conexões abertas. iremos inserir registros em uma tabela.1.1. 29 K19 Treinamentos . comando. Crie uma pasta chamada lib no projeto JDBC.com.6 Exercícios 1.". MENT () 1 2 3 4 5 // criando comando PreparedStatement comando = conexao. 2. 3. 1 close. Adicione o arquivo MYSQL .close().5 Inserindo registros Estabelecida a conexão com o banco de dados.BIN . Em seguida.br’). O primeiro passo para executar um comando é defini-lo em linguagem SQL.1. Este método devolve um objeto da interface P REPARED S TATEMENT.execute(). Podemos utilizar a mesma conexão para executar diversos comandos. devemos fechar a conexão através do método CLOSE (). Como primeiro exemplo. Quando não desejamos executar mais comandos. 4. devemos “pedir” para uma conexão JDBC através do método PREPARE S TATE criar o comando que queremos executar. ’contato@k19.13. // executando o comando comando. O comando não é executado na chamada do método PREPARE S TA TEMENT () e sim posteriormente quando o método EXECUTE () for utilizado.JDBC 2. email)" + "VALUES (’K19’.CONNECTOR . JAR para pasta lib do projeto JDBC.JAVA -5. já podemos executar comandos. Entre na pasta K19-Arquivos/MySQL-Connector-JDBC da Área de Trabalho e copie o arquivo MYSQL .

k19.com. e adicione o seguinte conteúdo ao arquivo: www.br 30 .JDBC 5. Crie uma nova classe. com o nome InsereEditora.

out.out. try { System.printStackTrace().").sql. senha).sql. PreparedStatement comando = conexao.println("Fechando conexao. System. String email = entrada.out. email) " + "VALUES (’" + nome + "’.out.. } } } Rode e veja se o registro foi inserido com sucesso na base de dados.. java.").close().println("Digite o nome da editora: ").getConnection(stringDeConexao.JDBC 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 import import import import java. String nome = entrada. } catch (Exception e) { e.println("Executando comando. (Opcional) Analogamente.out. public class InsereEditora { public static void main(String[] args) { String stringDeConexao = "jdbc:mysql://localhost:3306/livraria"."). 2. usuario. ’" + email + "’)". String textoDoComando = "INSERT INTO Editora (nome.. Esses dados podem conter algum carácter especial que altere o comportamento desejado da consulta impedindo que algum registro seja inserido corretamente ou até abrindo uma brecha para que um usuário mal intencionado execute alguma consulta SQL para utilizar de maneira inadequada os dados da nossa aplicação.Scanner.println("Abrindo conexao. Connection conexao = DriverManager.. 31 K19 Treinamentos .. a implementação da inserção de registros feita anteriormente apresenta uma falha grave.7 SQL Injection Apesar de funcional. System.sql.nextLine(). System. java. conexao. Scanner entrada = new Scanner(System. ao exercício anterior crie um programa para inserir livros.prepareStatement(textoDoComando).PreparedStatement. java.execute(). Os dados obtidos do usuário através do teclado não são tratados antes de serem enviados para o banco de dados.println("Digite o email da editora: ").Connection.nextLine().util. 6. System. comando. String senha = "root".in).DriverManager.. String usuario = "root".

www. email) " + "VALUES (?. temos os métodos SET I NT. Basta fazer “escape” dos caracteres especiais. etc. ?)".println("Digite o email da editora: "). Para tornar mais prática a comunicação com o banco de dados. De maneira similar. o próprio driver faz o tratamento das sentenças SQL.out. os caracteres especiais devem ser precedidos pelo carácter “\”. // criação e adição de parâmetros ao comando PreparedStatement comando = conexao.out.nextLine(). pois o “\” não é padronizado e cada banco tem o seu próprio método de escape de caracteres especiais. Esse processo é denominado sanitize. além de trabalhoso. SET DATE. é diferente para cada banco de dados. variando conforme o tipo do campo que foi definido no banco.nextLine(). comando. Os métodos acima mostrados.JDBC O problema de SQL Injection pode ser resolvido manualmente. A desvantagem desse processo é que. Antes de executar o comando. // texto do comando inclui parâmetros String textoDoComando = "INSERT INTO Editora (nome. No MySQL Server. Observe que a sentença SQL foi definida com parâmetros através do carácter “?”.prepareStatement(textoDoComando). String nome = entrada. String email = entrada. nome). System. Então seria necessário acrescentar \ em todas as ocorrências de caracteres especiais nos valores passados pelo usuário. email).com. realizam a tarefa de “sanitizar”(limpar) os valores enviados pelo usuário.println("Digite o nome da editora: "). que recebe o índice (posição) do parâmetro na consulta e o valor correspondente. comando. Isso é feito com o método SET S TRING .br 32 . SET D OUBLE.setString(1. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // lendo a entrada feita pelo usuario System.setString(2. por exemplo: ponto-e-vírgula e apóstrofo. é necessário atribuir valores aos parâmetros.k19.

comando."). Altere o código para eliminar o problema do SQL Injection. Agora tente causar novamente o problema de SQL Injection ao inserir novas editoras. try { System.println("Fechando conexao. Você deve deixar a classe com o código abaixo: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 public class InsereEditora { public static void main(String[] args) { String stringDeConexao = "jdbc:mysql://localhost:3306/livraria".close().getConnection(stringDeConexao..println("Digite o nome da editora: ").out.setString(1. email) " + "VALUES (?. ← senha). nome).out. System. email). ?)".printStackTrace()..println("Digite o email da editora: ").out.8 Exercícios 7.out.out.9 Listando registros O processo para executar um comando de consulta é bem parecido com o processo de inserir registros.. Tente causar um erro de SQL Injection na classe feita no exercício de inserir editoras. System.nextLine(). String email = entrada. 2.nextLine(). String textoDoComando = "INSERT INTO Editora (nome.").in). System.setString(2.. Connection conexao = DriverManager.println("Executando comando. usuario.. comando. } } } 9.execute(). comando.JDBC 2. (Dica: tente entradas com aspas simples) 8. System. conexao.println("Abrindo conexao. Scanner entrada = new Scanner(System.. PreparedStatement comando = conexao.prepareStatement(textoDoComando). String senha = "root"."). 33 K19 Treinamentos . String nome = entrada. String usuario = "root". } catch (Exception e) { e.

SQL .JDBC 1 2 3 4 5 6 String textoDoComando = "SELECT * FROM Editora.getString("email"). para recuperar os outros registros é necessário avançar o R ESULT S ET através do método NEXT .getString("nome").getInt("id"). GET I NT . String email2 = resultado. de acordo com o tipo do campo. PreparedStatement comando = conexao. Os dados contidos no R ESULT S ET podem ser acessados através de métodos. etc.getInt("id"). String email = resultado. 1 2 3 4 5 while(resultado.10 Exercícios 10. A diferença é que para executar um comando de consulta é necessário utilizar o método EXECUTE Q UERY () ao invés do EXECUTE ().getInt("id"). O objetivo é listar as editoras que foram salvas no banco. ResultSet resultado = comando.getString("email").com. O código acima mostra como os campos do primeiro registro da consulta são recuperados. resultado. O próprio método NEXT devolve um valor booleano para indicar se o R ESULT S ET conseguiu avançar para o próximo registro. GET D OUBLE. System..getString("nome"). Agora."). String nome = resultado.next()) { int id = resultado. Adicione uma nova classe ao projeto chamada ListaEditoras.br 34 . String email = resultado. } 2.k19. Insira algumas editoras utilizando a classe I NSERE E DITORA que você criou nos exercícios acima.prepareStatement(textoDoComando).executeQuery(). 1 2 3 int id = resultado. 11. String nome = resultado. www.getInt("id").. String nome1 = resultado. Esse método devolve um objeto da interface JAVA .R ESULT S ET . String nome2 = resultado.println("Executando comando.getString("nome").getString("email"). String email1 = resultado. Adicione o seguinte código à esta classe. que é responsável por armazenar os resultados da consulta.getString("email").getString("nome").". como o GET STRING .next(). Esses métodos recebem como parâmetro uma string referente ao nome da coluna correspondente. int id2 = resultado. 1 2 3 4 5 6 7 8 9 int id1 = resultado. Quando esse método devolver FALSE significa que não há mais registros para serem consultados.out.

resultado.").out.. senha). } System.".11 Fábrica de conexões (Factory) Você deve ter percebido que em diversos pontos diferentes da nossa aplicação precisamos de uma conexão JDBC.DriverManager. java.").getString("nome").PreparedStatement. mais precisamente. Connection conexao = DriverManager.printf("%d : %s . try { System.Connection. Dessa forma.out. java. Teríamos que alterar o código da nossa aplicação em muitos lugares. em cada ocorrência da url de conexão.printStackTrace(). String senha = "root".println("Resultados encontrados: \n").getInt("id"). System. Nessa e somente nessa classe estaria definida a url de conexão. while (resultado.ResultSet. PreparedStatement comando = conexao.sql.next()) { System. String usuario = "root"."). String textoDoComando = "SELECT * FROM Editora.out. qualquer alteração no modo em que nos conectamos à base de dados. } catch (Exception e) { e.. public class ListaEditoras { public static void main(String[] args) { String stringDeConexao = "jdbc:mysql://localhost:3306/livraria".println("\nFechando conexao.getConnection(stringDeConexao. Imagine que o driver do banco seja atualizado ou que o ip do SGBD seja alterado. conexao.sql. System. 35 K19 Treinamentos . Para diminuir o trabalho de manutenção.sql.executeQuery(). nós poderíamos criar uma classe responsável pela criação e distribuição de conexões.. java. } } } 2.getString("email")).close(). resultado. usuario. A probabilidade de algum ponto não ser corrigido é grande...JDBC 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 import import import import java. resultado.prepareStatement(textoDoComando).out.println("Executando comando.println("Abrindo conexao.sql. Se a url de conexão for definida em cada um desses pontos teremos um problema de manutenção.%s\n".. só acarreta mudanças nesta classe.out. ResultSet resultado = comando.

getConnection(stringDeConexao. } catch (SQLException e) { e.DriverManager.com.sql.SQLException. } } 13. } catch (SQLException e) { e.C RIAC ONEXAO (). String usuario = "root". senha). O resto do sistema não precisa mais conhecer os detalhes sobre a criação das conexões com o banco de dados. usuario. www.Connection. (Opcional) Implemente um teste que altera os dados de uma editora pelo id. String senha = "root".br 36 . 15.12 Exercícios 12. 14.printStackTrace(). try { conexao = DriverManager. public class FabricaDeConexao { public static Connection CriaConexao() { String stringDeConexao = "jdbc:mysql://localhost:3306/livraria". senha). Connection conexao = null. diminuindo o acoplamento da aplicação. } } Agora podemos obter uma nova conexão apenas chamando FABRICA D E C ONEXAO .JDBC 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 public class FabricaDeConexao { public static Connection criaConexao() { String stringDeConexao = "jdbc:mysql://localhost:3306/livraria". import java. import java. (Opcional) Implemente um teste que remove uma editora pelo id. usuario. Connection conexao = null. try { conexao = DriverManager. Execute-as novamente. Altere as classes I NSERE E DITORA e L ISTA E DITORAS para que elas utilizem a fábrica de conexão. 2. } return conexao.printStackTrace(). Adicione uma nova classe chamada FABRICA D E C ONEXAO e adicione o seguinte código: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 import java.k19.getConnection(stringDeConexao. } return conexao.sql. String usuario = "root". String senha = "root".sql.

geralmente. Seria bom se. Essa interação é realizada através de consultas escritas em SQL. é necessário definir um mapeamento entre os conceitos desses dois paradigmas. Uma desvantagem dessa abordagem. ao invés de programar direcionado a um determinado banco de dados.1 Múltiplas sintaxes da linguagem SQL No capítulo anterior. Por exemplo. podemos utilizar ferramentas que automatizam a transição de dados entre as aplicações e os diferente bancos de dados e que são conhecidas como ferramentas de ORM (Object Relational Mapper). O banco de dados é organizado seguindo o modelo entidade relacionamento. voltado à uma interface ou especificação. pois a própria ferramenta gera as consultas de acordo com a sintaxe da 37 . é que não é necessário escrever consultas em SQL. pudéssemos programar de uma maneira mais genérica. classes podem ser mapeadas para tabelas. é que a sintaxe da linguagem SQL. A transição de dados entre o modelo entidade relacionamento e o modelo orientado a objetos não é simples. atributos para campos e referência entre objetos para chaves estrangeiras. Outra consequência. Para realizar essa transição. 3.Capítulo 3 JPA 2 e Hibernate 3. pode variar conforme o banco de dados que está sendo utilizado. objetos para registros.3 Ferramentas ORM Para facilitar a comunicação entre aplicações Java que seguem o modelo orientado a objetos e os banco de dados que seguem o modelo entidade relacionamento. apesar de parecida. os desenvolvedores teriam que aprender as diferenças entres as sintaxes do SQL correspondentes aos banco de dados que ele utilizará. assim poderíamos escrever o código independente de SQL. 3. utilizam o paradigma orientado a objetos. Desse modo. você aprendeu a utilizar a especificação JDBC para fazer uma aplicação Java interagir com um banco de dados. enquanto as aplicações Java. ao utilizar uma ferramenta de ORM.2 Orientação a Objetos VS Modelo Entidade Relacionamento Outro problema na comunicação entre uma aplicação Java e um banco de dados é o conflito de paradigmas.

Ela específica um conjunto de classes e métodos que as ferramentas de ORM devem implementar. poderá aplicar os conceitos aqui aprendidos justamente por que eles seguem a mesma especificação. devemos criar um arquivo chamado persistence.JPA 2 e Hibernate linguagem SQL correspondente ao banco que está sendo utilizado. Veja que a JPA é apenas uma especificação. As outras implementações de JPA mais conhecidas são: TopLink.4 O que é JPA e Hibernate Após o sucesso do Hibernate. Claro que teríamos que alterar alguns arquivos de configuração. Para isso. é necessário baixar no site oficial o bundle que inclui os jar’s do hibernate e todas as suas dependências. 3.k19.com. que deve estar no classpath da aplicação. mas o código da aplicação permaneceria o mesmo. Atualmente. Veja abaixo um exemplo de configuração para o PERSIS TENCE . EclipseLink e OpenJPA.org/) Para configurar o Hibernate em uma aplicação. O arquivo PERSISTENCE . a especificação JPA (Java Persistence API) foi criada com o objetivo de padronizar as ferramentas ORM para aplicações Java e consequentemente diminuir a complexidade do desenvolvimento. utilizamos alguma das diversas implementações da JPA. Caso você queira utilizar outro framework ORM.hibernate. sem precisar reescrever o código da nossa aplicação. existem outras que possuem o mesmo objetivo. Assim podemos programar voltado à especificação e substituir uma implementação pela outra. como a url de conexão. utilizaremos a versão 3. Neste curso. A url do site oficial do Hibernate é esta: (http://www.1. ela não implementa nenhum código.xml. essa especificação está na sua segunda versão. Neste curso.5. Optamos por utilizar o Hibernate por ele ser o mais antigo e mais utilizado atualmente. Além de dados sobre a implementação de JPA que será utilizada. A principal ferramenta ORM para Java utilizada no mercado de TI é o Hibernate. Mas. XML deve estar em uma pasta chamada META-INF.5 Configuração Antes de começar a utilizar o Hibernate. O conteúdo desse arquivo possuíra informações sobre o banco de dados.br 38 . usuário e senha. utilizaremos o Hibernate como implementação de JPA. XML : www. 3.

0"> <persistence-unit name="K19" transaction-type="RESOURCE_LOCAL"> <provider>org. no momento em que um novo registro é inserido.jdbc.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.JPA 2 e Hibernate 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?xml version="1.jdbc. E novamente. Geralmente o atributo anotado com @I D é do tipo L ONG. Outra vez.persistence.xsd" version="1. Este mapeamento pode ser definido através de xml ou de maneira mais prática com anotações Java.0" encoding="UTF-8"?> <persistence xmlns="http://java.HibernatePersistence</provider> <properties> <property name="hibernate.sun.persistence.user" value="usuario"/> <property name="javax.com/xml/← ns/persistence/persistence_1_0.url" value="jdbc:mysql://← localhost:3306/k19"/> </properties> </persistence-unit> </persistence> A propriedade hibernate. evitamos a criação de extensos arquivos em xml. Os atributos declarados em uma classe anotada com @E NTITY são mapeados para colunas na tabela correspondente à classe. as tabelas possuem os mesmos nomes das classes.ejb. @Id Utilizada para indicar qual atributo de uma classe anotada com @E NTITY será mapeado para a chave primária da tabela correspondente à classe. As classes anotadas com @E NTITY são mapeadas para tabelas.Driver← "/> <property name="javax.persistence. podemos alterar esse comportamento utilizando a anotação @TABLE.hibernate.jdbc. Essas anotações estão no pacote javax. A seguir veremos as principais anotações Java de mapeamento do JPA.hibernate. podemos alterar esse padrão utilizando a anotação @C OLUMN.← MySQL5InnoDBDialect"/> <property name="hibernate.driver" value="com.dialect permite que a aplicação escolha qual sintaxe de SQL que deve ser utilizada pelo Hibernate.persistence. Mas.hbm2ddl. Por convenção.com/xml/ns/persistence http://java. Serve para indicar que o atributo é gerado pelo banco. por convenção.auto" value="create"/> <property name="javax.sun. E deve ser definida em todas as classes que terão objetos persistidos no banco de dados.sun.password" value="senha"/> <property name="javax. Ela que deve aparecer antes do nome de uma classe.persistence.com/xml/ns/persistence" xmlns:xsi="http://www. Quando utilizamos anotações. 39 K19 Treinamentos .jdbc. @GeneratedValue Geralmente vem acompanhado da anotação @I D.dialect. @Entity É a principal anotação do JPA. 3.mysql. as colunas possuem os mesmos nomes dos atributos.dialect" value="org.jdbc.w3.6 Mapeamento Um dos principais objetivos dos frameworks ORM é estabelecer o mapeamento entre os conceitos do modelo orientado a objetos e os conceitos do modelo entidade relacionamento.

@Column Utilizado para alterar o nome da coluna que será utilizado na tabela. XML. Ela recebe o parâmetro name para indicar qual nome que deve ser utilizado na tabela..7 Gerando o banco Uma das vantagens de utilizar o Hibernate. Por padrão. XML. por exemplo.. AUTO no arquivo PERSISTENCE .k19. @Lob Utilizado para atributos que armazenam textos muito grandes. @Temporal Utilizado para atributos do tipo C ALENDAR ou DATE. você pode mudar através dessa anotação. HBM 2 DDL . os atributos anotados com @T RANSIENT não são mapeados para colunas. fazer com www. 3.. ou arquivos binários contendo imagens ou sons que serão persistidos no banco de dados. como determinar se o campo pode ou não ser nulo. ou seja.. B YTE []. Mas. SQL . Caso você esteja utilizando um banco de dados legado. A política de criação das tabelas pode ser alterada configurando a propriedade HIBER NATE . As tabelas são geradas através de método da classe P ERSISTENCE. 1 2 3 4 @Entity public class Editora { @Column(name="publisher_name". Ele faz isso de acordo com as anotações colocadas nas classes e as informações presentes no PERSISTENCE . tanto data quanto hora são armazenados no banco de dados. uma unidade de persistência definida no PERSISTENCE . o CREATE E NTITY M A NAGER FACTORY ( STRING ENTITY U NIT ).DATE) private Calendar publicacao. podemos estabelecer certas restrições. O tipo do atributo deve ser S TRING. com a anotação @T EMPORAL. XML .com. podemos mandar persistir somente a data ou sementã a hora.br 40 . Podemos. 1 2 3 4 5 @Entity public class Livro { @Temporal(TemporalType. // .JPA 2 e Hibernate @Table Utilizada para alterar o nome padrão da tabela. no qual os nomes das colunas já foram definidos. BYTE [] ou JAVA .B LOB. O parâmetro ENTITY U NIT permite escolher. Veja o exemplo: 1 2 3 4 @Table(name="Publisher") @Entity public class Editora { // .nullable=false) private String nome. @Transient Serve para indicar um atributo que não deve ser persistido. pelo nome. Além disso. é que ele é capaz de gerar as tabelas do banco para a nossa aplicação.

Crie uma pasta chamada META-INF na pasta src no projeto JPA2-Hibernate. Crie o arquivo de configurações persistence. Entre na pasta K19-Arquivos/SLF4J da Área de Trabalho e copie os jar’s para pasta lib do projeto JPA2-Hibernate. 7. basta configurar a propriedade BERNATE .1. AUTO deve ser UPDATE . Entre na pasta K19-Arquivos/Hibernate da Área de Trabalho e copie os jar’s do Hibernate para a pasta lib do projeto JPA2-Hibernate. 3. Crie uma pasta chamada lib dentro do projeto JPA2-Hibernate. Adicione os jar’s da pasta lib ao build path do projeto JPA2-Hibernate. 5. é configurar o Hibernate para simplesmente atualizar as tabelas de acordo com as mudanças nas anotações sem removê-las. HBM 2 DDL . 1 <property name="hibernate.JPA 2 e Hibernate que o Hibernate sempre sobrescreva as tabelas existentes. o valor da propriedade HIBER NATE . 4.auto" value="update"/> 3.JAVA -5. JAR para pasta lib do projeto JPA2Hibernate.hbm2ddl.CONNECTOR . Nesse caso. 1 <property name="hibernate. BIN .8 Exercícios 1. Entre na pasta K19-Arquivos/MySQL-Connector-JDBC da Área de Trabalho e copie o arquivo MYSQL . HBM 2 DDL .13.16.2. 2. 8. AUTO com o valor CREATE . Crie um projeto no eclipse chamado JPA2-Hibernate e feche o projeto JDBC para não gerar confusão na hora de manipular os arquivos.DROP . 9. 41 K19 Treinamentos LOG 4 J - . Entre na pasta K19-Arquivos/Log4J da Área de Trabalho e copie o arquivo 1.hbm2ddl.auto" value="create-drop"/> HI - Uma outra opção.xml na pasta META-INF. 6. JAR para pasta lib do projeto JPA2-Hibernate.

12. 1 2 3 4 5 6 7 8 9 10 11 @Entity public class Editora { @Id @GeneratedValue private Long id.com.user" value="root"/> <property name="javax.appender.appender.jdbc. CONSOLE log4j.jdbc.JPA 2 e Hibernate 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?xml version="1.jdbc.persistence.%m%n 13.rootCategory=INFO. Para isso.br 42 .jdbc. private String nome. Obs: As classes devem ser importadas do pacote JAVAX .hbm2ddl.layout=org. log4j.HibernatePersistence</provider> <properties> <property name="hibernate.hibernate.persistence. Crie uma classe para modelar as editoras da nossa livraria e acrescente as anotações necessárias para fazer o mapeamento. www.hibernate. // GETTERS AND SETTERS } 11.apache.0" encoding="UTF-8"?> <persistence xmlns="http://java. PERSISTENCE . private String email.ConsoleAppender log4j.log4j.ConversionPattern=%r [%t] %-5p %c .w3.jdbc.com/xml/ns/persistence" xmlns:xsi="http://www.appender.0"> <persistence-unit name="livraria" transaction-type="RESOURCE_LOCAL"> <provider>org. Apague a tabela Livro e depois a Editora.properties na pasta src do projeto JPA2-Hibernate.com/xml/ns/persistence http://java.password" value="root"/> <property name="javax. crie uma classe com método MAIN . Gere as tabelas através da classe P ERSISTENCE.← MySQL5InnoDBDialect"/> <property name="hibernate.auto" value="create"/> <property name="javax.persistence.sun.ejb. PERSISTENCE .com/xml/← ns/persistence/persistence_1_0.sun.xsd" version="1.mysql.layout.PatternLayout log4j.sun. Obs: As anotações devem ser importadas do pacote JAVAX .url" value="jdbc:mysql://← localhost:3306/livraria"/> </properties> </persistence-unit> </persistence> 10.dialect.CONSOLE.driver" value="com.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java. Configure o Log4J criando um arquivo chamado log4j.Driver← "/> <property name="javax.persistence.dialect" value="org.log4j.apache.CONSOLE.k19.CONSOLE=org.

1 2 3 4 EntityManagerFactory factory = Persistence. 43 K19 Treinamentos . 3. Editora editora1 = manager.setNome("K19 .Livros") novaEditora.br"). novaEditora.close() } } Através do MySQL Query Browser verifique se a tabela E DITORA foi criada corretamente. devemos utilizar um E NTITY M ANAGER que é obtido através de uma E NTITY M ANAGER FACTORY.find(Editora. A diferença entre os dois métodos básicos de busca FIND () e GET R EFERENCE () é que o primeiro recupera os dados desejados imediatamente já o segundo posterga até a primeira chamada de um método GET do objeto. 2L).9 Manipulando entidades Para manipular as entidades da nossa aplicação.2 FIND () 1 2 Buscando Para obter um objeto que contenha informações do banco de dados basta utilizar o método ou o GET R EFERENCE () do E NTITY M ANAGER. 3.com.JPA 2 e Hibernate 1 2 3 4 5 6 7 8 public class GeraTabelas { public static void main(String[] args) { EntityManagerFactory factory = Persistence.class.createEntityManager(). manager. factory. 1 2 3 4 5 Editora novaEditora = new Editora().9.1 Persistindo Para armazenar as informações de um objeto no banco de dados basta utilizar o método PERSIST () do E NTITY M ANAGER .getReference(Editora. 1L).9.setEmail("contato@k19.persist(novaEditora).class. Editora editora2 = manager. 3. EntityManager manager = factory.createEntityManagerFactory("K19").createEntityManagerFactory("livraria").

find(Editora. A vantagem do JPQL em relação ao SQL é que a sintaxe é a mesma para bancos de dados diferentes. manager. é necessário sincronizar os dados da memória com os dados do banco de dados. Editora editora1 = manager.find(Editora. editora.k19.9. manager. 1 2 Editora editora1 = manager.3 Removendo REMOVE () Para remover um registro correspondente a um objeto basta utilizar o método do E NTITY M ANAGER. List<Editora> editoras = query. a JPQL que é muito parecida com a linguagem SQL. Para abrir uma transação utilizamos o método BEGIN (). manager.6 Transações As modificações realizadas nos objetos administrados por um E NTITY M ANAGER são mantidas em memória.getTransaction().class.4 Atualizando Para alterar os dados de um registro correspondente a um objeto basta utilizar os próprios métodos setters desse objeto.find(Editora. FLUSH () 1 2 3 4 5 Com a transação aberta podemos sincronizar os dados com o banco através do método ou COMMIT ().9. Essa sincronização deve ser realizada através de uma transação JPA criada pelo E NTITY M ANAGER que administra os objetos que desejamos sincronizar.getResultList().com. 3.class. 1L).remove(editora1).Livros e Publicações").br 44 . 1 2 Editora editora1 = manager. 1 2 Query query = manager.setNome("K19 .createQuery("SELECT e FROM Editora e"). 3. Em certos momentos.5 Listando Para obter uma listagem com todos os objetos referentes aos registros de uma tabela.setNome("K19 . 1 manager. www.begin().9.getTransaction(). 1L).flush().Livros e Publicações").JPA 2 e Hibernate 3.9. 3. 1L).class.begin(). editora. devemos utilizar a linguagem de consulta do JPA.

altere o valor da propriedade HIBER NATE . System. 3.nextLine()). EntityManager manager = factory. novaEditora. AUTO para UPDATE . Assim as tabelas não serão recriadas a cada execução e sim apenas atualizadas. manager. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 public class InsereEditoraComJPA { public static void main(String[] args) { EntityManagerFactory factory = Persistence. Editora novaEditora = new Editora().persist(novaEditora).Livros e Publicações").setEmail(entrada.createEntityManager().getTransaction().getTransaction().out. XML. manager.begin(). No arquivo de configurações PERSISTENCE .begin().getTransaction().10 Exercícios 14. manager.setNome(entrada. System. HBM 2 DDL .in).getTransaction(). manager.find(Editora. } } 16. manager. factory.commit(). Crie um teste para inserir editoras no banco de dados.out.setNome("K19 . Scanner entrada = new Scanner(System.JPA 2 e Hibernate 1 2 3 4 5 Editora editora1 = manager.nextLine()). editora. 15. novaEditora.createEntityManagerFactory("livraria").class.println("Digite o nome da editora: ").close(). Crie um teste para listar as editoras inseridas no banco de dados.println("Digite o email da editora: ").commit(). 45 K19 Treinamentos . 1L).

JPA 2 e Hibernate
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 public class ListaEditorasComJPA { public static void main(String[] args) { EntityManagerFactory factory = Persistence.createEntityManagerFactory("livraria"); EntityManager manager = factory.createEntityManager(); Query query = manager.createQuery("SELECT e FROM Editora e"); List<Editora> editoras = query.getResultList(); for(Editora e : editoras) { System.out.println("EDITORA: " + e.getNome() + " - " + e.getEmail()); } } }

3.11

Repository

A interface E NTITY M ANAGER do JPA oferece recursos suficientes para que os objetos do domínio sejam recuperados ou persistidos no banco de dados. Porém, em aplicações com alta complexidade e grande quantidade de código, “espalhar” as chamadas aos métodos do E NTITY M ANAGER pode gerar dificuldades na manutenção e no entendimento do sistema. Para melhorar a organização das nossas aplicações, diminuindo o custo de manutenção e aumentando a legibilidade do código, podemos aplicar o padrão Repository do DDD(Domain Driven Design). Conceitualmente, um repositório representa o conjunto de todos os objetos de um determinado tipo. Ele deve oferecer métodos para recuperar e para adicionar elementos. Os repositórios podem trabalhar com objetos prontos na memória ou reconstruí-los com dados obtidos de um banco de dados. O acesso ao banco de dados pode ser realizado através de ferramenta ORM como o Hibernate.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 class EditoraRepository { private EntityManager manager; public EditoraRepository(EntityManager manager) { this.manager = manager; } public void adiciona(Editora e) { this.manager.persist(e); } public Editora busca(Long id) { return this.manager.find(Editora.class, id); } public List<Editora> buscaTodas() { Query query = this.manager.createQuery("SELECT e FROM Editora e"); return query.getResultList(); } }

www.k19.com.br

46

JPA 2 e Hibernate
1 2 3 4 5 6 7 EntityManagerFactory factory = Persistence.createEntityManagerFactory("K12");

EntityManager manager = factory.createEntityManager(); EditoraRepository editoraRepository = new EditoraRepository(manager); List<Editora> editoras = editoraRepository.buscaTodas();

3.12

Exercícios

17. Implemente um repositório de editoras criando uma nova classe no projeto JPA2-Hibernate.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

class EditoraRepository { private EntityManager manager; public EditoraRepository(EntityManager manager) { this.manager = manager; } public void adiciona(Editora e) { this.manager.persist(e); } public Editora busca(Long id) { this.manager.find(Editora.class, id); } public List<Editora> buscaTodas() { Query query = this.manager.createQuery("SELECT e FROM Editora e"); return query.getResultList(); } }

18. Altere a classe InsereEditoraComJPA para que ela utilize o repositório de editoras. 47 K19 Treinamentos

JPA 2 e Hibernate
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 public class InsereEditoraComJPA { public static void main(String[] args) { EntityManagerFactory factory = Persistence.createEntityManagerFactory("livraria"); EntityManager manager = factory.createEntityManager(); EditoraRepository editoraRepository = new EditoraRepository(manager); Editora novaEditora = new Editora(); Scanner entrada = new Scanner(System.in); System.out.println("Digite o nome da editora: "); novaEditora.setNome(entrada.nextLine()); System.out.println("Digite o email da editora: "); novaEditora.setEmail(entrada.nextLine()); editoraRepository.adiciona(novaEditora); manager.getTransaction().begin(); manager.getTransaction().commit(); factory.close(); } }

19. (Opcional) Altere a classe ListaEditorasComJPA para que ela utilize o repositório de editoras.

www.k19.com.br

48

Portando. 4. ao desenvolver uma aplicação web. O desenvolvedor web precisa utilizar algum mecanismo eficiente que permita que o conteúdo que os usuários requisitam seja gerado dinamicamente.2 Web Container Uma aplicação web Java deve ser implantada em um Web Container para obter os recursos fundamentais que as aplicações web necessitam.Capítulo 4 Web Container 4. Por isso. é fundamental que a listagem dos emails seja gerada no momento da requisição do usuário. 49 . Portanto. Na verdade. A comunicação entre os navegadores e as aplicações web é realizada através de requisições e respostas definidas pelo protocolo HTTP. Por exemplo. Dessa forma. Trabalhar diretamente com as requisições e repostas HTTP e criar um mecanismo eficiente para permitir o acesso simultâneo e para gerar conteúdo dinâmico não são tarefas simples. quando um usuário de uma aplicação de email acessa a sua caixa de entrada.1 Necessidades de uma aplicação web As aplicações web são acessadas pelos navegadores (browsers). Outra necessidade das aplicações web é gerar conteúdo dinâmico. o desenvolvedor web precisa saber como permitir o acesso simultâneo. é extremamente trabalhoso implementar essas características. permite que as aplicações implantadas nele sejam acessadas simultaneamente por múltiplos usuários de uma maneira eficiente e oferece mecanismos para que as aplicações gerem conteúdo dinamicamente. Além disso. Um Web Container é responsável pelo envio e recebimento de mensagens HTTP. a plataforma Java oferece uma solução para diminuir o trabalho no desenvolvimento de aplicações web. Os dois Web Container’s mais importantes do mercado são: Tomcat e Jetty. na grande maioria dos casos. ele deseja ver a listagem atualizada dos seus emails. devemos estar preparados para receber requisições HTTP e enviar respostas HTTP. as aplicações web devem ser acessadas por diversos usuários simultaneamente. Glassfish ou WebSphere pois eles possuem um Web Container internamente. Também podemos utilizar um servidor de aplicação Java EE como o JBoss.

0. 5. entre na pasta glassfishv3/glassfish/bin e execute o script startserv para executar o glassfish. especificações foram definidas. Escolha a opção new e configure o glassfish. se você conhece bem um dos Web Container também conhece bastante dos outros. Pare o glassfish executando o script stopserv que está na mesma pasta do script startserv. não há 100% portabilidade entre os Web Container’s. 6.1-with-hibernate. Sendo assim. 4.com. Ainda na Área de Trabalho. Verifique se o glassfish está executando através de um navegador acessando a url: http://localhost:8080.k19. O Java EE é uma especificação que agrupa diversas outras especificações.5 Aplicação Web Java Para que uma aplicação Web Java possa ser implantada em um Web Container. Na Área de Trabalho. a maior parte das configurações e do modelo de programação é padronizado. Execute o glassfish pela view servers e verifique se ele está funcionando acessando através de um navegador a url: http://localhost:8080. K19-App/ pasta raiz pode ter qualquer nome WEB-INF/ classes/ lib/ web.4 Exercícios 1. Descompacte este arquivo na própria Área de Trabalho.Web Container 4. entre na pasta K19-Arquivos e copie glassfish-3.zip para o seu Desktop. para padronizar a interface dos recursos oferecidos pelos Web Container’s. 3. Pare o glassfish pela view servers. a estrutura de pastas precisa seguir algumas regras. 4. Apesar das especificações. No eclipse. Contudo.3 Especificação Java EE Como é comum na plataforma Java. Essas especificações fazem parte do conjunto de especificações do Java EE.xml www. Dessa forma. os Web Container’s possuem algumas diferenças nas configurações que devem ser realizadas pelos desenvolvedores. abra a view servers e clique com o botão direito no corpo dela. 4.br 50 . 2. 7.

4. Há duas maneiras fundamentais de gerar conteúdo dinâmico: programando uma Servlet ou um JSP. o código compilado das aplicações Web Java deve ser salvo nessa pasta. Antes essa configuração era realizada através do arquivo web.xml. Utilizar a anotação @WebServlet para definir a url que será utilizada para acessar a Servlet. As IDE’s já criam toda a estrutura de pastas exigidas pelos Web Container’s. Em seguida devemos definir como o conteúdo da nossa aplicação deve ser gerado. podemos seguir os seguintes passos básicos: 1. 4. Crie um projeto no eclipse do tipo Dynamic Web Project chamado App-Web-Java selecionando na última tela a opção Generate web. não temos o trabalho de criar esses diretórios manualmente. A pasta classes deve ser criada dentro da pasta WEB-INF. escrever um JSP é apenas uma maneira diferente de escrever uma Servlet. o conteúdo dessa pasta não pode ser acessado diretamente pelos usuários. as requisições e respostas HTTP já estão sendo processadas pelo Web Container que também já permite o acesso de múltiplos usuários à nossa aplicação. na prática.Web Container A pasta K19-App é raiz da nossa aplicação. os JSPs são “traduzidos” para Servlets automaticamente pelos Web Container’s.xml deployment descriptor. Verifique o funcionamento da nossa aplicação acessando a url: http://localhost:8080/K19-App/ através de um navegador.6 Exercícios 8.7 Processando requisições Após implantar a nossa aplicação web Java em um Web Container.servlet. Herdar da classe javax. O arquivo web.xml contém configurações do Web Container e deve ser criado na pasta WEB-INF. Criar uma classe 2. 9. Essa anotação existe após a especificação de Servlet 3. A pasta lib deve ser criada dentro da pasta WEB-INF. todos os jar’s das bibliotecas que serão utilizadas devem ser colocados nessa pasta. Os arquivos dentro da pasta raiz da aplicação mas fora da pasta WEB-INF podem ser acessados diretamente pelos usuários através de um navegador.0. Então. o nome dessa pasta pode ser definido pelo desenvolvedor. 3. Então. Reescrever o método service 4. Execute o projeto no glassfish clicando com o botão direito no nome do projeto e escolhendo a opção Run on Server dentro de Run As.http. Na verdade. 10. 51 K19 Treinamentos . A pasta WEB-INF deve ser criada dentro da pasta raiz de todas as aplicações Web Java. 4.HttpServlet.8 Servlet Para criar uma Servlet.

devemos utilizar o método getWriter().Web Container 1 2 3 4 5 6 7 8 9 @WebServlet("/OlaMundo") public class OlaMundo extends HttpServlet{ @Override protected void service(HttpServletRequest req. } } 4.9 Exercícios 11. 12. o segundo é uma referência para um objeto da classe HttpServletResponse que permite que a resposta HTTP que será enviada para o navegador do usuário seja construída pela aplicação.getWriter(). } } www. 1 2 3 4 5 6 7 8 9 10 @WebServlet("/OlaMundo") public class OlaMundo extends HttpServlet{ @Override protected void service(HttpServletRequest req.getWriter().k19.br 52 . Crie um pacote chamado servlets no projeto K19-App. IOException { PrintWriter writer = resp.8. HttpServletResponse resp) throws ServletException. HttpServletResponse resp) throws ServletException.println("<html><body><h1>Olá Mundo</h1></body></html>").1 Inserindo conteúdo na resposta Para inserir conteúdo na resposta HTTP que será enviada para o navegador do usuário. writer. IOException { PrintWriter writer = resp. o conteúdo inserido na resposta HTTP é texto HTML. HttpServletResponse resp) throws ServletException. Em geral. Crie uma classe chamada OlaMundo no pacote servlets da seguinte forma: 1 2 3 4 5 6 7 8 9 10 @WebServlet("/OlaMundo") public class OlaMundo extends HttpServlet{ @Override protected void service(HttpServletRequest req.com. Esse método recebe dois parâmetros: o primeiro é uma referência para um objeto da classe HttpServletRequest que guarda todos os dados da requisição HTTP realizada pelo navegador do usuário. 4.println("<html><body><h1>Olá Mundo</h1></body></html>"). writer. IOException { // Lógica para processar as regras de negócio e gerar conteúdo } } Quando um usuário fizer uma requisição para url definida através da anotação @W EB S ER VLET. o método service() será executado.

1 2 3 4 5 6 7 8 9 <!-. Crie um arquivo JSP chamado olaMundo. é improvável que uma empresa decida começar um projeto utilizando diretamente Servlets e JSPs pois a produtividade é pequena e a manutenção é difícil.Random(). %> <!-. Verifique o funcionamento do JSP acessando através de um navegador a url: http://localhost:8080/K19-App/olaMundo. Por isso bibliotecas que definem um modelo de programação baseado no padrão MVC são utilizadas nos projetos. Por exemplo. Essas bibliotecas são os chamados Frameworks web.olaMundo. Eis uma lista dos principais Frameworks web para aplicações web Java: 53 K19 Treinamentos . O código Java pode aparecer em diversos lugares. %> <!-.10 JSP Outra maneira de criar uma Servlet é escrever um JSP.11 Exercícios 14.util.jsp --> <html> <body> <!-.util. Verifique o funcionamento da Servlet acessando através de um navegador a url: http://localhost:8080/K19-App/OlaMundo 4.expression --> <%= geradorDeNumeros.scriptlet --> <% java.scriptlet --> <% java.Web Container 13. 1 2 3 4 5 6 7 8 9 <!-.jsp.jsp na pasta WebContent com o seguinte conteúdo. Lembrando que os JSPs são “traduzidos” para Servlets automaticamente pelos Web Containers.expression --> <%= geradorDeNumeros. dentro de scriptlets ou expressions. 4.Random geradorDeNumeros = new java.jsp --> <html> <body> <!-.nextInt(100) %> </body> </html> Um arquivo JSP pode conter texto HTML e código Java.Random geradorDeNumeros = new java. Para criar um JSP basta adicionar um arquivo .12 Frameworks Hoje em dia.util.olaMundo.nextInt(100) %> </body> </html> 15.Random().util.jsp 4.

Web Container • JSF • Struts 1.br 54 .com.x • Spring MVC Nos próximos capítulos mostraremos o funcionamento e explicaremos os conceitos relacionados ao framework JSF.x • Struts 2.k19. www.

vamos montar uma pequena aplicação em JSF 2 que gera apostas de loteria. Disponibilizar os dados que devem ser apresentados nas telas da aplicação. 5. Executar as lógicas para tratar as requisições dos usuários. Porém. neste capítulo. 5. discutiremos de maneira mais detalhada as diversas partes do JSF 2. é interessante ter uma visão geral dos recursos principais e do relacionamento entre eles sem se aprofundar em muito nos detalhes individuais de cada recurso. Portanto. 55 .1 Aplicação de exemplo Inspirados na sorte de um dos nossos alunos que ganhou na Loto Mania utilizando um programa que ele fez baseado em algumas dicas que o instrutor Rafael Cosentino deu a ele para gerar números aleatórios em Java.Capítulo 5 Visão Geral do JSF 2 O JSF 2 oferece muitos recursos para o desenvolvimento de uma aplicação web Java. mostraremos de forma sucinta e direta o funcionamento e os conceitos principais do JSF 2. no primeiro contato com JSF 2. devemos seguir os seguintes passos: 1.2 Managed Beans Os Managed Beans são objetos utilizados nas aplicações JSF e possuem três responsabilidades principais: 1. Receber os dados enviados pelos usuários através das telas da aplicação. 2. Nos próximos capítulos. Para definir o funcionamento de um Managed Bean no JSF 2. Criar uma classe com a anotação @ManagedBean. 3. Cada um desses recursos por si só já são suficientemente grandes e podem ser abordados em separado.

devemos criar um Managed Bean para receber alguns parâmetros que devem ser definidos pelos usuários para gerar as apostas corretamente. 3.3 Facelets e Componentes Visuais As telas das aplicações JSF 2 podem ser definidas através de arquivos xhtml. // getters e setters 5. devemos definir uma tela para os usuários passarem os parâmetros necessários para que as apostas sejam geradas. // getters e setters } Devemos acrescentar no G ERADOR D E A POSTAS B EAN um método para implementar a lógica de gerar as apostas.com.br 56 . private int tamanhoDaAposta.1 GeradorDeApostasBean Na aplicação que gera apostas de loteria. devemos adicionar um atributo no G ERADOR D E A POSTAS B EAN para disponibilizar as apostas geradas para a tela que irá apresentá-las aos usuários. www. 1 2 3 private List<List<Integer>> apostas. Definir atributos com os correspondentes getters e setters para poder receber dados das telas ou enviar dados para as telas.k19. private int quantidadeDeApostas. Este método deve devolver no final o “nome” da tela que apresentará as apostas geradas para os usuários.3.1 Tela de entrada Na nossa aplicação de gerar apostas. } Por fim.Visão Geral do JSF 2 2. 5. 1 2 3 4 5 6 7 8 9 10 @ManagedBean public class GeradorDeApostasBean { private int quantidadeDeNumeros. Esses arquivos são processados pela engine do Facelets que faz parte do JSF 2. Definir métodos para implementar as lógicas de tratamento das possíveis requisições dos usuários. 5. Os componentes visuais que formam as telas da aplicação são inseridos através de tags xhtml.2. 1 2 3 4 public String geraApostas() { // Aqui deve ser implementa a lógica para gerar as apostas return "lista-de-apostas".

dtd"> <html xmlns="http://www.3.geraApostas}" value="Gerar"/> </h:panelGrid> </h:form> </h:body> </html> 5. 57 K19 Treinamentos .w3.quantidadeDeApostas}"/> <h:commandButton action="#{geradorDeApostasBean.sun.w3.quantidadeDeNumeros}"/> <h:outputLabel value="Quantidade de números por aposta:"/> <h:inputText value="#{geradorDeApostasBean.2 Tela de Saída Na tela de saída.tamanhoDaAposta}"/> <h:outputLabel value="Quantidade de apostas:"/> <h:inputText value="#{geradorDeApostasBean.com/jsf/html"> <h:head> <title>Gerador de Apostas</title> </h:head> <h:body> <h:form> <h:panelGrid> <h:outputLabel value="Quantidade total de números:"/> <h:inputText value="#{geradorDeApostasBean.0 Transitional//EN" "http://www.Visão Geral do JSF 2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. devemos apresentar aos usuários uma listagem das apostas que foram criadas pelo G ERADOR D E A POSTAS B EAN.org/TR/xhtml1/DTD/xhtml1-transitional.org/1999/xhtml" xmlns:h="http://java.

index + 1}: "/> <h:outputText value="#{aposta}"/> <br/> </ui:repeat> </h:body> </html> 5.w3.org/1999/xhtml" xmlns:h="http://java.4 Exercícios 1.k19. www.br 58 .com/jsf/facelets"> <h:head> <title>Gerador de Apostas</title> </h:head> <h:body> <ui:repeat var="aposta" value="#{geradorDeApostasBean.sun.apostas}" varStatus="status"> <h:outputText value="Aposta #{status.org/TR/xhtml1/DTD/xhtml1-transitional.Visão Geral do JSF 2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.dtd"> <html xmlns="http://www. Siga as imagens abaixo para configurar corretamente o projeto.0 Transitional//EN" "http://www.com.w3.com/jsf/html" xmlns:ui="http://java.sun. Crie um projeto do tipo Dynamic Web Project chamado K19-Loteria.

Visão Geral do JSF 2 59 K19 Treinamentos .

k19.com.br 60 .Visão Geral do JSF 2 www.

Visão Geral do JSF 2 2. Na pasta src do projeto K19-Loteria crie um pacote chamado managedbeans.

3. No pacote managedbeans crie uma classe chamada GeradorDeApostasBean com o seguinte conteúdo.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

@ManagedBean public class GeradorDeApostasBean { private int quantidadeDeNumeros; private int tamanhoDaAposta; private int quantidadeDeApostas; private List<List<Integer>> apostas; public String geraApostas() { // Prepara uma lista com todos os números ArrayList<Integer> numeros = new ArrayList<Integer>(); for (int j = 1; j <= this.quantidadeDeNumeros; j++) { numeros.add(j); } // Cria uma sublista da lista de números List<Integer> subList = numeros.subList(0, this.tamanhoDaAposta); // Lista de apostas vazia this.apostas = new ArrayList<List<Integer>>(); // Gera as apostas for (int i = 0; i < this.quantidadeDeApostas; i++) { Collections.shuffle(numeros); List<Integer> aposta = new ArrayList<Integer>(subList); this.apostas.add(aposta); } return "lista-de-apostas"; } // GETTERS AND SETTERS }

4. Na pasta WebContent, crie um arquivo chamado formulario.xhtml e monte a tela de entrada do gerador de apostas. 61 K19 Treinamentos

Visão Geral do JSF 2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>Gerador de Apostas</title> </h:head> <h:body> <h:form> <h:panelGrid> <h:outputLabel value="Quantidade total de números:"/> <h:inputText value="#{geradorDeApostasBean.quantidadeDeNumeros}"/> <h:outputLabel value="Quantidade de números por aposta:"/> <h:inputText value="#{geradorDeApostasBean.tamanhoDaAposta}"/> <h:outputLabel value="Quantidade de apostas:"/> <h:inputText value="#{geradorDeApostasBean.quantidadeDeApostas}"/> <h:commandButton action="#{geradorDeApostasBean.geraApostas}" value="Gerar"/> </h:panelGrid> </h:form> </h:body> </html>

5. Na pasta WebContent, crie um arquivo chamado lista-de-apostas.xhtml para apresentar as apostas geradas.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"> <h:head> <title>Gerador de Apostas</title> </h:head> <h:body> <ui:repeat var="aposta" value="#{geradorDeApostasBean.apostas}" varStatus="status"> <h:outputText value="Aposta #{status.index + 1}: "/> <h:outputText value="#{aposta}"/> <br/> </ui:repeat> </h:body> </html>

6. Preencha o formulário e clique no botão de gerar apostas para verifique o funcionamento da nossa aplicação. Acesse a url: http://localhost:8080/K19-Loteria/formulario.xhtml

www.k19.com.br

62

Capítulo 6 Componentes Visuais
A arquitetura de componentes visuais do JSF permite que novos componentes além dos que estão definidos na especificação sejam desenvolvidos por terceiros. Isso permitiu que bibliotecas de componentes extremamente “ricos” visualmente fossem desenvolvidas. Inclusive, em geral, essas bibliotecas utilizam recursos como o AJAX para melhorar a interatividade com o usuário. A mais famosa dessas bibliotecas é a RichFaces cujo site oficial pode ser visitado através da url: (http://www.jboss.org/richfaces). Porém, não devemos deixar nossos olhos nos enganarem. Os componentes visuais do JSF vão além da questão visual. Esses componentes podem ser reaproveitados em diversos pontos da mesma aplicação ou em aplicações diferentes mostrando de forma concreta o poder da Orientação a Objetos e o desenvolvimento Orientado a Componentes. Além disso, a arquitetura do JSF permite que outros tipos de componentes sejam conectados aos componentes visuais. Por exemplo, podemos conectar componentes validadores aos componentes visuais para que os dados vindos dos usuários sejam verificados de acordo com alguma regra. Neste capítulo apresentaremos os principais componentes visuais definidos pela especificação do JSF.

6.1

Formulários

Os formulários são necessários em todas as telas que precisam receber dados dos usuários. O componente visual h:form cria formulários. 63

Na linha 3.Componentes Visuais 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <h:form> <h:outputLabel value="Nome: " for="input-nome"/> <h:inputText id="input-nome"/> <br/> <h:outputLabel value="Sobre: " for="input-sobre"/> <h:inputTextarea id="input-sobre"/> <br/> <h:outputLabel value="Sexo: "/> <h:selectOneRadio> <f:selectItem itemLabel="Masculino" itemValue="M"/> <f:selectItem itemLabel="Feminino" itemValue="F"/> </h:selectOneRadio> <h:outputLabel value="País: "/> <h:selectOneMenu> <f:selectItem itemLabel="Argertina" itemValue="ar"/> <f:selectItem itemLabel="Brasil" itemValue="br"/> <f:selectItem itemLabel="Espanha" itemValue="es"/> </h:selectOneMenu> <br/> <h:outputLabel value="Escolha uma senha: " for="input-senha"/> <h:inputSecret id="input-senha"/> <br/> <h:outputLabel value="Li e estou de acordo com os termos de uso. Dessa forma. Observe que o atributo for conecta o rótulo ao id do campo do nome." for="checkbox-termo"/> <h:selectBooleanCheckbox id="checkbox-termo" value="aceito"/> <br/> <h:commandButton value="Cadastrar"/> </h:form> Na linha 2.k19.com. utilizamos o componente visual h:outputLabel para criar um rótulo para o campo no qual deve ser digitado o nome da pessoa que se cadastra. utilizamos o componente visual h:inputText para criar o campo do nome. www. Definimos o atributo id para que o campo pudesse ser conectado ao rótulo loga acima.br 64 . se o usuário clicar no rótulo o cursor de digitação aparecerá nesse campo.

utilizamos o componente h:inputSecret para criar um campo de texto que não mostra na tela o valor que já foi digitado. Assim como no radio button.2 Panel Grid O componente h:panelGrid é utilizado para organizar outros componentes em tabelas de uma forma prática. para utilizar este componente. A diferença básica é que a área de digitação do h:inputTextarea é maior. criamos um combo box para que o usuário escolha qual é o país de origem da pessoa que será cadastrada. para criar um campo para texto maiores. Na linha 19. 6. inserimos na tela um check box para saber se o usuário aceita ou não os termos de cadastro. As opções do radio button são definidas pelo componente f:selectItem utilizado nas linhas 14 e 15. Na linha 13. Na linha 34. na linha 38. Na linha 28.Componentes Visuais Na linha 9. as opções do combo box são definidas com o componente f:selectItem. Esse componente é útil para senhas. Por fim. 65 K19 Treinamentos . acrescentamos um botão para o usuário confirmar o cadastro. devemos definir quantas colunas queremos e ele automaticamente distribui os componentes em um número suficiente de linhas. aplicamos o componente h:selecOneRadio para criar um radio button que permite o usuário escolher o sexo (masculino e feminino). O funcionamento dele é muito semelhante ao do h:inputText. Basicamente. O componente utilizado para isso foi o h:selectBooleanCheckbox. utilizamos o componente h:inputTextarea.

com.Componentes Visuais 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <h:form> <h:panelGrid columns="2"> <h:outputLabel value="Nome: " for="input-nome"/> <h:inputText id="input-nome"/> <h:outputLabel value="Sobre: " for="input-sobre"/> <h:inputTextarea id="input-sobre"/> <h:outputLabel value="Sexo: "/> <h:selectOneRadio> <f:selectItem itemLabel="Masculino" itemValue="M"/> <f:selectItem itemLabel="Feminino" itemValue="F"/> </h:selectOneRadio> <h:outputLabel value="País: "/> <h:selectOneMenu> <f:selectItem itemLabel="Argertina" itemValue="ar"/> <f:selectItem itemLabel="Brasil" itemValue="br"/> <f:selectItem itemLabel="Espanha" itemValue="es"/> </h:selectOneMenu> <h:outputLabel value="Escolha uma senha: " for="input-senha"/> <h:inputSecret id="input-senha"/> <h:outputLabel value="Li e estou de acordo com os termos de uso. Por exemplo. devemos aplicar o componente h:panelGroup. A ideia é inserir dois ou mais componentes em um panel Group e depois inserir o panel Group no lugar que só aceita um componente.k19. Nesses casos.3 Panel Group Em certas situações não conseguimos colocar dois ou mais componentes em um determinado local.br 66 . em uma célula de um panel Grid." for="checkbox-termo"/> <h:selectBooleanCheckbox id="checkbox-termo" value="aceito"/> <h:commandButton value="Cadastrar"/> </h:panelGrid> </h:form> 6. www.

a diferença dos Data Tables e dos Panel Grids é que os Data Tables iteram diretamente nos ítames de coleções.Componentes Visuais 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <h:form> <h:panelGrid columns="2"> <h:outputLabel value="Nome: " for="input-nome"/> <h:inputText id="input-nome"/> <h:outputLabel value="Sobre: " for="input-sobre"/> <h:inputTextarea id="input-sobre"/> <h:outputLabel value="Sexo: "/> <h:selectOneRadio> <f:selectItem itemLabel="Masculino" itemValue="M"/> <f:selectItem itemLabel="Feminino" itemValue="F"/> </h:selectOneRadio> <h:outputLabel value="País: "/> <h:selectOneMenu> <f:selectItem itemLabel="Argertina" itemValue="ar"/> <f:selectItem itemLabel="Brasil" itemValue="br"/> <f:selectItem itemLabel="Espanha" itemValue="es"/> </h:selectOneMenu> <h:outputLabel value="Escolha uma senha: " for="input-senha"/> <h:inputSecret id="input-senha"/> <h:panelGroup> <h:outputLabel value="Li e estou de acordo com os termos de uso. Basicamente. 1 2 3 4 5 6 7 8 <h:dataTable value="#{geradorDeApostasBean.apostas}" var="aposta" border="1"> <h:column> <f:facet name="header"> <h:outputText value="Apostas"></h:outputText> </f:facet> <h:outputText value="#{aposta}"></h:outputText> </h:column> </h:dataTable Na linha 2." for="checkbox-termo"/> <h:selectBooleanCheckbox id="checkbox-termo" value="aceito"/> </h:panelGroup> <h:commandButton value="Cadastrar"/> </h:panelGrid> </h:form> 6. o componente h:column é utilizado para adicionar uma coluna na tabela defi67 K19 Treinamentos .4 Tabelas Podemos criar tabelas utilizando o componente h:dataTable com dados de alguma coleção.

com/jsf/facelets que contém tags que nos ajudam a reaproveitar o código das telas. Veremos em outro capítulo o funcionamento das tags desse namespace.Componentes Visuais nida com o h:dataTable.sun. são tags mais genéricas.Conteúdo Aqui --> </html> Os dois principais namespaces são: http://java.6 Esqueleto HTML Um documento HTML possui um esqueleto constituído por algumas tags principais.w3. O segundo corresponde a biblioteca de tags do JSF que não está atrelada a um tipo de visualização.7 Exercícios 1.com.org/1999/xhtml" xmlns:h="http://java.br 68 . 6.k19.5 Namespaces Para poder aplicar as tags que definem as telas das aplicações JSF.sun.org/1999/xhtml" xmlns:h="http://java. O primeiro é o namespace da biblioteca de tags do JSF que geram conteúdo HTML especificamente.sun.com/jsf/facelets"> <!-. 1 2 3 4 5 6 7 8 <html xmlns="http://www.com/jsf/html" xmlns:f="http://java.com/jsf/html"> <h:head> </h:head> <h:body> </h:body> </html> 6. ou seja.com/jsf/html e http://java. Outro namespace importante é o http://java.sun. Crie um projeto do tipo Dynamic Web Project chamado ComponentesVisuais seguindo os passos vistos no exercício do capítulo 5. 6.w3.com/jsf/core" xmlns:ui="http://java.com/jsf/core. Para refletir essa estrutura devemos inserir algumas tags nos documentos XHTML que definem as telas JSF.sun. 1 2 3 4 5 6 7 8 9 10 <html xmlns="http://www. www.sun. precisamos adicionar os namespaces correspondentes às bibliotecas de tags que desejamos utilizar.sun. Na linha 3. aplicamos o componente f:facet para adicionar um cabeçalho na coluna correspondente.

" for="checkbox-termo"/> <h:selectBooleanCheckbox id="checkbox-termo" value="aceito"/> <h:commandButton value="Cadastrar"/> </h:form> </h:body> </html> Acesse a url adequada para visualizar o formulário.xhtml.0 Transitional//EN" "http://www. Adicione um arquivo na pasta WebContent do projeto ComponentesVisuais para criar uma tela utilizando os principais componentes de formulários.org/1999/xhtml" xmlns:h="http://java.com/jsf/html" xmlns:f="http://java.org/TR/xhtml1/DTD/xhtml1-transitional. Utilize o componente h:panelGrid para alinhar melhor os itens do formulário criado no exercício anterior. Este arquivo deve se chamar formulario. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.sun.dtd"> <html xmlns="http://www. 1 2 3 4 5 6 7 <h:form> <h:panelGrid columns="2"> <!-.sun.Componentes Visuais 2.w3.com/jsf/core"> <h:head> <title>Cadastro de Usuário</title> </h:head> <h:body> <h:form> <h:outputLabel value="Nome: " for="input-nome"/> <h:inputText id="input-nome"/> <h:outputLabel value="Sobre: " for="input-sobre"/> <h:inputTextarea id="input-sobre"/> <h:outputLabel value="Sexo: "/> <h:selectOneRadio> <f:selectItem itemLabel="Masculino" itemValue="M"/> <f:selectItem itemLabel="Feminino" itemValue="F"/> </h:selectOneRadio> <h:outputLabel value="País: "/> <h:selectOneMenu> <f:selectItem itemLabel="Argertina" itemValue="ar"/> <f:selectItem itemLabel="Brasil" itemValue="br"/> <f:selectItem itemLabel="Espanha" itemValue="es"/> </h:selectOneMenu> <h:outputLabel value="Escolha uma senha: " for="input-senha"/> <h:inputSecret id="input-senha"/> <h:outputLabel value="Li e concordo.w3. 3. 69 K19 Treinamentos .CONTEÚDO DO FORMULÁRIO --> </h:panelGrid> </h:form> Verifique o resultado através de um navegador.

org/1999/xhtml" xmlns:h="http://java.sun. public PalavraBean() { this.com/jsf/html" xmlns:f="http://java. www.com/jsf/core"> <h:head> <title>Palavras apenas palavras</title> </h:head> <h:body> <h:dataTable value="#{palavrasBean.add("K19 Treinamentos"). } public List<String> getPalavras() { return this. } } 6.dtd"> <html xmlns="http://www.add("Alexandre Macedo"). this.palavras.palavras.palavras.sun. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. } public void setPalavras(List<String> palavras) { this. adicione uma classe com o seguinte conteúdo para modelar um simples Managed Bean que gera palavras.org/TR/xhtml1/DTD/xhtml1-transitional.com. this. this. 5.add("Jonas Hirata"). Nesse pacote. Na pasta src crie um pacote chamado managedbeans.br 70 . 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 @ManagedBean public class PalavrasBean { private List<String> palavras = new ArrayList<String>().w3.Componentes Visuais 4.w3.palavras}" var="palavra" border="1"> <h:column> <f:facet name="header"> <h:outputText value="Palavras"></h:outputText> </f:facet> <h:outputText value="#{palavra}"></h:outputText> </h:column> </h:dataTable </h:body> </html> Veja a tabela acessando a url correspondente. Crie uma tela aplicando o componente h:dataTable para apresentar as palavras geradas pelo Managed Bean do exercício anterior.0 Transitional//EN" "http://www.palavras = palavras.k19.palavras. Utilize o componente h:panelGroup para agrupar dois ou mais componentes em uma célula do Panel Grid criado no exercício anterior.add("Rafael Cosentino").palavras.

Nesse contexto. Para os trechos dinâmicos. devemos aplicar o componente ui:insert criando um espaço que pode ser preenchido depois. Levando a ideia do reaproveitamento adiante. 71 . algumas pessoas desenvolveram um projeto chamado Facelets que tem como principal objetivo facilitar todo o processo de desenvolvimento e manutenção das telas de uma aplicação JSF. O Facelets já faz parte do JSF 2 sendo a engine padrão dessa tecnologia para a definição das telas das aplicações web.1 Templating A reutilização do código das telas é realizada principalmente pelo uso de templates. basta criar um arquivo xhtml adicionando todos os componentes visuais que são fixos e devem aparecer em um determinado conjunto de telas. você já ouviu alguém falar da importância da reutilização no desenvolvimento de software.Capítulo 7 Facelets Certamente. os objetivos do reaproveitamento de software são: diminuir o tempo e o custo para desenvolver e facilitar a manutenção também diminuindo gastos e tempo. A criação de um template é simples. 7. A ideia é identificar um padrão em um determinado conjunto de telas de uma aplicação JSF e defini-lo através de um esqueleto (template) que possua trechos dinâmicos que possam ser preenchidos posteriormente.

xhtml"/> </ui:define> <ui:composition> </html> 7.xhtml. Crie um projeto do tipo Dynamic Web Project chamado Facelets seguindo os passos vistos no exercício do capítulo 5. </div> </h:body> </html> Na linha 16.br 72 . Para preencher um espaço deixado no template.org/1999/xhtml" xmlns:h="http://java.xhtml"> <ui:define name="conteudo"> <h:outputText value="Conteúdo da página que utiliza o template. 2010 K19.Facelets 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.2 Exercícios 1.com/jsf/facelets"> <h:head> <title>K19 Treinamentos</title> </h:head> <h:body> <div id="header"> <img src="k19-logo.w3. devemos inserir o componente ui:define no código.w3.org/1999/xhtml" xmlns:h="http://java. 1 2 3 4 5 6 7 8 9 10 <html xmlns="http://www. Após escrever o template. o atributo name do componente ui:insert é utilizado para identificar o espaço que será preenchido depois.sun. Todos os direitos reservados.com/jsf/html" xmlns:ui="http://java. Copie o arquivo k19-logo.sun.com/jsf/html" xmlns:ui="http://java.sun. Para indicar que desejamos utilizar um template.w3.com. www. Essas telas são definidas também através de arquivos xhtml.dtd"> <html xmlns="http://www.png da pasta K19-Arquivos/imagens que está na Área de Trabalho para pasta WebContent do projeto Facelets.org/TR/xhtml1/DTD/xhtml1-transitional. devemos criar as telas que o utilizarão. Crie um template na pasta WebContent chamado template.0 Transitional//EN" "http://www. 2.sun.com/jsf/facelets"> <ui:composition template="/template.png" /> <hr /> </div> <ui:insert name="conteudo"> Espaço para o conteúdo da tela </ui:insert> <div id="footer" style="text-align: center"> <hr /> &copy. devemos aplicar o componente ui:composition.k19.

Monte uma tela que usa o template criado no exercício anterior.com/jsf/html" xmlns:ui="http://java.com/jsf/facelets"> <h:head> <title>K19 Treinamentos</title> </h:head> <h:body> <div id="header"> <img src="k19-logo.org/TR/xhtml1/DTD/xhtml1-transitional. 2010 K19.sun.org/1999/xhtml" xmlns:h="http://java. 73 K19 Treinamentos . Todos os direitos reservados.xhtml. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html xmlns="http://www. </div> </h:body> </html> 3.sun. O recurso de separar uma tela ou um template em vários arquivos se torna mais interessante e útil quando temos a possibilidade de passar dados do arquivo principal para os secundários.sun.w3.com/jsf/core" xmlns:ui="http://java.w3.sun.sun. Essa passagem de dados é realizada através do componente ui:param.org/1999/xhtml" xmlns:h="http://java.png" /> <hr /> </div> <ui:insert name="conteudo"> Espaço para o conteúdo da tela </ui:insert> <div id="footer" style="text-align: center"> <hr /> &copy.dtd"> <html xmlns="http://www. podemos dividir o conteúdo de uma tela ou de um template em vários arquivos através do componente ui:include. O nome do arquivo deve ser teste-template.xhtml"> <ui:define name="conteudo"> <h:form> <h:outputLabel value="Nome: " for="campo-nome"/> <h:inputText id="campo-nome"/> <h:commandButton value="Enviar"/> </h:form> </ui:define> </ui:composition> </html> Verifique o resultado acessando a url: http://localhost:8080/Facelets/teste-template.com/jsf/facelets"> <ui:composition template="/template.0 Transitional//EN" "http://www.com/jsf/html" xmlns:f="http://java.w3.xhtml 7.3 Particionando as telas Com o intuito de organizar melhor o código das telas ou definir “pedaços” de telas que possam ser reaproveitados.Facelets 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

Vamos implementar uma listagem de instrutores no nosso projeto Facelets.logado}"> <ui:include src="usuario-nao-logado.logout" value="Log out"/> 1 2 3 4 5 <h:outputLabel value="Usuário: " for="campo-usuario"/> <h:inputText id="campo-usuario"/> <h:outputLabel value="Senha: " for="campo-senha"/> <h:inputSecret id="campo-senha"/> <h:commandButton action="usuarioBean.4 Exercícios 4. Faça um Managed Bean que forneça uma lista de instrutores para uma tela de listagem de instrutores. private String dataDeNascimento.nome}"/> <h:commandButton action="usuarioBean. Crie um pacote chamado model no projeto Facelets e adicione nele uma classe chamada Instrutor com seguinte código: 1 2 3 4 5 6 public class Instrutor { private String nome.usuario}"/> </ui:include> </c:if> <c:if test="#{!usuarioBean.login" value="Log in"/> 7. Crie um pacote chamado managedbeans no projeto Facelets e adicione nele uma classe chamada InstrutorBean com seguinte código: www.br 74 . estamos desenvolvendo uma aplicação e desejamos colocar o nome do usuário e um link para fazer logoff no canto superior direito sempre que alguém estiver logado ou um link para a página de login caso contrário. Veja o fragmento que teríamos que acrescentar nos arquivos principais: 1 2 3 4 5 6 7 8 9 10 11 <div id="header"> <c:if test="#{usuarioBean. // GETTERS AND SETTERS } 5. O primeiro passo é criar uma classe para modelar os instrutores.xhtml"> <ui:param name="usuario" value="#{usuarioBean.k19.xhtml"/> </c:if> </div> Veja os fragmentos que teríamos que acrescentar nos arquivos secundários: 1 2 <h:outputText value="Olá #{usuario.com.Facelets Por exemplo.logado}"> <ui:include src="usuario-logado.

} public void setInstrutores(List<Instrutor> instrutores) { this.instrutores. Instrutor marcelo = new Instrutor(). this.Facelets 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 @ManagedBean public class InstrutorBean { private List<Instrutor> instrutores = new ArrayList<Instrutor>(). O arquivo deve ser adicionado na pasta WebContent do projeto Facelets e se chamar instrutor-info. Faça a tela principal da listagem de instrutores.org/1999/xhtml" xmlns:h="http://java. marcelo.setNome("Rafael Cosentino"). } public List<Instrutor> getInstrutores() { return instrutores.nome}"/> <br/> <h:outputText value="Data Nascimento: #{instrutor.setDataDeNascimento("02/04/1985").com/jsf/html"> <li> <h:outputText value="Nome: #{instrutor.dataDeNascimento}"/> </li> </html> 7. 1 2 3 4 5 6 7 8 9 10 <html xmlns="http://www.instrutores. Crie um arquivo na pasta WebContent do projeto Facelets e como o nome listagem-de-instrutores. rafael.w3. Crie uma tela parcial para mostrar os dados de apenas um instrutor dentro de um item de uma lista HTML.xhtml.xhtml e com o seguinte código. 75 K19 Treinamentos .setDataDeNascimento("30/10/1984"). } } 6. rafael.add(marcelo).instrutores = instrutores.add(rafael). public InstrutorBean() { Instrutor rafael = new Instrutor(). marcelo.sun. this.setNome("Marcelo Martins").

br 76 .org/1999/xhtml" xmlns:h="http://java.w3.k19.com/jsf/facelets"> <ui:composition template="/template.sun.xhtml www.xhtml"> <ui:param name="instrutor" value="#{instrutor}"/> </ui:include> </ui:repeat> </ul> </ui:define> </ui:composition> </html> Veja o resultado acessando a url: http://localhost:8080/Facelets/listagem-de-instrutores.sun.com.xhtml"> <ui:define name="conteudo"> <ul> <ui:repeat var="instrutor" value="#{instrutorBean.com/jsf/html" xmlns:f="http://java.Facelets 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html xmlns="http://www.sun.instrutores}"> <ui:include src="instrutor-info.com/jsf/core" xmlns:ui="http://java.

Este sinal é uma string que será utilizada pelo tratador de navegação do JSF para definir a próxima tela que será apresentada ao usuário.xhtml que envia o outcome “pagina2” então ele será redirecionado para a tela definida pelo arquivo pagina2.w3.0 Transitional//EN" "http://www.com/jsf/html"> <h:head> <title>K19 Página 1</title> </h:head> <h:body> <h1>K19 Página 1</h1> <h:form> <h:commandButton value="Página 2" action="pagina2"/> </h:form> </h:body> </html> 77 .org/1999/xhtml" xmlns:h="http://java. Nas navegações implícitas. Veja como seria o código da pagina1.dtd"> <html xmlns="http://www.xhtml dentro do mesmo diretório que está o arquivo pagina1.xhtml.w3.Capítulo 8 Navegação Navegar entre as telas de uma aplicação web é preciso.1 Navegação Estática Implícita Na navegação estática implícita.org/TR/xhtml1/DTD/xhtml1-transitional. um sinal (outcome) fixo definido no próprio botão ou link é enviado para o JSF. no clique de um botão ou link. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. Por exemplo.sun. O mecanismo de navegação do JSF é bem sofisticado e permite vários tipos de transições entre telas.xhtml. A ideia é muito simples. quando o usuário clica em algum botão ou link. os nomes dos arquivos que definem as telas de resposta são montados com as strings dos outcomes. se o usuário clica em um botão ou link de uma tela definida por um arquivo chamado pagina1. muda-se a tela apresentada ao usuário. 8.xhtml e pagina2.

2.dtd"> <html xmlns="http://www.com/jsf/html"> <h:head> <title>K19 Página 2</title> </h:head> <h:body> <h1>K19 Página 2</h1> <h:form> <h:commandLink action="pagina1"> <h:outputText value="Página 1"/> </h:commandLink> </h:form> </h:body> </html> 8. Para ter a liberdade de definir os nomes dos arquivos independentemente dos outcomes.w3. o faces-config. nesse tipo de navegação. devemos acrescentar algumas linhas no arquivo de configurações do JSF.Navegação 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.w3. Na tela do arquivo pagina1.0 Transitional//EN" "http://www.xhtml emitir o sinal(outcome) “proxima” a transição deve ser realizada para a tela do arquivo pagina2. basta acrescentar um botão ou link que emita o sinal “next”.br 78 .xhtml</to-view-id> </navigation-case> </navigation-rule> O código acima define que quando a tela do arquivo pagina1.xhtml com o seguinte código: www.3 Exercícios 1. Crie um projeto do tipo Dynamic Web Project chamado Navegacao seguindo os passos vistos no exercício do capítulo 5.org/TR/xhtml1/DTD/xhtml1-transitional.2 Navegação Estática Explícita Na navegação implícita. 1 <h:commandButton value="Próxima tela" action="proxima"/> 8.com. Na pasta WebContent do projeto Navegacao.sun.k19.xhtml</from-view-id> <navigation-case> <from-outcome>proxima</from-outcome> <to-view-id>pagina2.xml. 1 2 3 4 5 6 7 8 <navigation-rule> <from-view-id>pagina1.org/1999/xhtml" xmlns:h="http://java. podemos utilizar a navegação explícita.xhtml. Porém.xhtml. os outcomes são os nomes dos arquivos que definem as telas. crie um arquivo chamado pagina1.

crie um arquivo chamado pagina2.dtd"> <html xmlns="http://www.org/1999/xhtml" xmlns:h="http://java.w3.Navegação 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.w3.xhtml com o seguinte código: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.xhtml</to-view-id> </navigation-case> </navigation-rule> 6. 1 2 3 4 5 6 7 8 <navigation-rule> <from-view-id>pagina1.com/jsf/html"> <h:head> <title>K19 Página 2</title> </h:head> <h:body> <h1>K19 Página 2</h1> <h:form> <h:commandLink action="pagina1"> <h:outputText value="Página 1"/> </h:commandLink> </h:form> </h:body> </html> 4.xhtml 5.xml.com/jsf/html"> <h:head> <title>K19 Página 1</title> </h:head> <h:body> <h1>K19 Página 1</h1> <h:form> <h:commandButton value="Página 2" action="pagina2"/> </h:form> </h:body> </html> 3. 79 K19 Treinamentos .sun. Navegue através dos links e botões da url: http://localhost:8080/Navegacao/pagina1.w3.org/TR/xhtml1/DTD/xhtml1-transitional. Configure uma navegação explícita no arquivo faces-config.0 Transitional//EN" "http://www.sun.org/1999/xhtml" xmlns:h="http://java.org/TR/xhtml1/DTD/xhtml1-transitional. Adicione um botão na tela do arquivo pagina1. Novamente.dtd"> <html xmlns="http://www.xhtml</from-view-id> <navigation-case> <from-outcome>proxima</from-outcome> <to-view-id>pagina2. na pasta WebContent do projeto Navegacao.0 Transitional//EN" "http://www.w3.xhtml que emita o sinal “proxima” abaixo do outro botão.

br 80 .bean. quando um usuário clica em um botão ou link. temos que definir a lógica de escolha dos outcomes. associamos os botões ou os links a métodos dos Managed Beans.w3.Navegação 1 <h:commandButton value="Próxima tela" action="proxima"/> 7. O arquivo cara-ou-coroa. não queremos fixar nas telas os outcomes que elas podem enviar para o JSF.ManagedBean public class ManagedBean { public String proxima(){ if(Math. Para isso.k19.com. Navegue através dos links e botões da url: http://localhost:8080/Navegacao/pagina1.org/TR/xhtml1/DTD/xhtml1-transitional.xhtml: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. O arquivo cara.4 Navegação Dinâmica Implícita Na maioria dos casos.faces.proxima}"/> </h:form> </h:body> </html> Nos Managed Beans. um Managed Bean é chamado para escolher um outcome e enviar para o JSF. Na navegação dinâmica.sun. Normalmente. Se o outcome devolvido pelo Managed Bean não estiver configurado no faces-config.0 Transitional//EN" "http://www. a escolha dos outcomes são realizadas dentro dos Managed Beans.5){ return "cara". } } } Os Managed Beans devem devolver uma string com o outcome escolhido.com/jsf/html"> <h:head> <title>K19 Cara ou Coroa</title> </h:head> <h:body> <h1>K19 Cara ou Coroa</h1> <h:form> <h:commandButton value="Lançar Moeda" action="#{managedBean.org/1999/xhtml" xmlns:h="http://java.w3. } else { return "coroa".xml o tratador de navegação do JSF assumirá a navegação implícita.xhtml 8.xhtml: www.random() < 0. o valor devolvido é o nome do arquivo que será processado para gerar a tela de resposta. ou seja. 1 2 3 4 5 6 7 8 9 10 11 @javax.dtd"> <html xmlns="http://www.

com/jsf/html"> <h:head> <title>K19 Cara ou Coroa</title> </h:head> <h:body> <h1>Deu Coroa!</h1> <h:form> <h:commandButton value="voltar" action="cara-ou-coroa"/> </h:form> </h:body> </html> 8. 8.sun.dtd"> <html xmlns="http://www.w3.dtd"> <html xmlns="http://www. Crie um pacote chamado managedbeans no projeto Navegacao e adicione uma classe chamada ManagedBean 81 K19 Treinamentos . basta seguir os passos da navegação dinâmica implícita e acrescentar as regras de navegação no arquivo de configurações do JSF.org/TR/xhtml1/DTD/xhtml1-transitional.org/1999/xhtml" xmlns:h="http://java.sun.6 Exercícios 8.org/1999/xhtml" xmlns:h="http://java.com/jsf/html"> <h:head> <title>K19 Cara ou Coroa</title> </h:head> <h:body> <h1>Deu Cara!</h1> <h:form> <h:commandButton value="voltar" action="cara-ou-coroa"/> </h:form> </h:body> </html> O arquivo coroa.0 Transitional//EN" "http://www.w3.xhtml: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. Implemente um Managed Bean de forma aleatória escolha entre dois outcomes.5 Navegação Dinâmica Explícita Para implementar a navegação dinâmica explícita.Navegação 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.w3.0 Transitional//EN" "http://www.org/TR/xhtml1/DTD/xhtml1-transitional.w3.

k19.Navegação 1 2 3 4 5 6 7 8 9 10 11 @javax.com/jsf/html"> <h:head> <title>K19 Cara ou Coroa</title> </h:head> <h:body> <h1>K19 Cara ou Coroa</h1> <h:form> <h:commandButton value="Lançar Moeda" action="#{managedBean.xhtml: www.w3.br 82 .dtd"> <html xmlns="http://www.bean. } else { return "coroa". Crie uma tela principal com um botão que chama o Managed Bean do exercício anterior para escolher o outcome que deve ser emitido para o JSF.sun.sun.w3.com.org/TR/xhtml1/DTD/xhtml1-transitional.faces. } } } 9.ManagedBean public class ManagedBean { public String proxima(){ if(Math.0 Transitional//EN" "http://www. O arquivo cara.com/jsf/html"> <h:head> <title>K19 Cara ou Coroa</title> </h:head> <h:body> <h1>Deu Cara!</h1> <h:form> <h:commandButton value="voltar" action="cara-ou-coroa"/> </h:form> </h:body> </html> O arquivo coroa.random() < 0.org/1999/xhtml" xmlns:h="http://java.org/TR/xhtml1/DTD/xhtml1-transitional.org/1999/xhtml" xmlns:h="http://java.w3.w3. Para isso. faça um arquivo chamado cara-ou-coroa. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.dtd"> <html xmlns="http://www.xhtml: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.5){ return "cara".proxima}"/> </h:form> </h:body> </html> 10.xhtml na pasta WebContent do projeto Navegacao.0 Transitional//EN" "http://www. Crie os arquivos de saída.

dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.xhtml 83 K19 Treinamentos .0 Transitional//EN" "http://www.sun.org/TR/xhtml1/DTD/xhtml1-transitional.w3. Navegue através dos links e botões da url: http://localhost:8080/Navegacao/cara-ou-coroa.Navegação 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.com/jsf/html"> <h:head> <title>K19 Cara ou Coroa</title> </h:head> <h:body> <h1>Deu Coroa!</h1> <h:form> <h:commandButton value="voltar" action="cara-ou-coroa"/> </h:form> </h:body> </html> 11.

Navegação www.com.br 84 .k19.

devemos escrever uma classe Java simples sem nenhum vínculo direto com classes ou interfaces do JSF. 9. A simplicidade é a maior vantagem de utilizar POJOs. o registro dos Managed Beans era realizado somente através do arquivo de configurações do JSF.1 Criando Managed Beans Para criar um Managed Bean. As responsabilidades principais dos Managed Beans são: 1. o registro é feito através da anotação @ManagedBean. Dizemos. 1 2 3 4 5 6 package managedbeans. visualizar informações da aplicação.MeuManagedBean</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> 85 . Só que as telas não realizam todas essas tarefas sozinhas.Capítulo 9 Managed Beans Através das telas de uma aplicação. Nas aplicações web JSF. que as classes que implementam os Managed Beans são POJOs (Plain Old Java Object). e disparar ações ou eventos. o faces-config. os usuários podem basicamente: enviar dados para o sistema. @ManagedBean class MeuManagedBean { } Antes do JSF 2. há objetos que oferecem todo o suporte que as telas necessitam. Processar o tratamentos das ações e eventos disparados pelos usuários. Esses objetos são chamados de Managed Beans. Fornecer dados que serão apresentados aos usuários nas telas 2.xml. Na versão 2 do JSF. 1 2 3 4 5 <managed-bean> <managed-bean-name>meuManagedBean</managed-bean-name> <managed-bean-class>managedbeans. As classes dos Managed Beans precisam ser registradas no JSF. Receber os dados enviados pelos usuários através das telas 3.

estão disponíveis no JSF 2. @ManagedBean class MeuManagedBean { private String informacao.3 Recebendo dados das telas Basta criar métodos setters nas classes dos Managed Beans para receber dados das telas. } } 9.com. 1 2 3 4 5 6 7 8 9 10 package managedbeans.Managed Beans As duas possibilidades. basta criar métodos nas classes dos Managed Beans. @ManagedBean class MeuManagedBean { private String informacao. www.2 Disponibilizando dados para as telas Basta criar métodos getters nas classes dos Managed Beans para disponibilizar dados para as telas.informacao = informacao. 1 2 3 4 5 6 7 8 9 10 package managedbeans.4 Definindo o tratamento das ações Para implementar as lógicas que devem ser executadas assim que o usuário clicar em um botão ou link. 1 2 3 4 5 6 @ManagedBean class MeuManagedBean { public void logica() { // implemetação } } Esses métodos podem ser VOID quando desejamos manter os usuários na mesma tela ou devolver S TRING quando desejamos realizar uma navegação entre telas. } } 9.br 86 . 9.informacao.k19. anotação ou xml. public String getInformacao() { return this. public void setInformacao(Strign informacao) { this.

} } A propriedade Language: 1 #{teste. essa ligação é estabelecida através de algum atributo das tags dos componentes.5 Expression Language De alguma forma as telas precisam referenciar os Managed Beans com os quais elas desejam interagir.6 Binding Os componentes que estão nas telas podem ser “ligados” aos Managed Beans.2 Acessando as propriedades dos Managed Beans As propriedades dos Managed Beans são acessadas tanto para leitura quanto para escrita da maneira mais natural possível. public String getInformacao() { return this. Normalmente. delimitamos os trechos escritos em Expression Language através dos símbolos #{ }. 1 2 3 4 @ManagedBean(name="teste") class ManagedBean { } 9.5. Por 87 K19 Treinamentos . Suponha o seguinte Managed Bean: 1 2 3 4 5 6 7 8 9 10 11 12 @ManagedBean(name="teste") class ManagedBean { private String informacao. Porém podemos alterar o nome acrescentado um argumento na anotação.informacao = informacao.informacao} INFORMACAO deve ser acessada da seguinte forma utilizando Expression 9. Dentro do código de uma tela.Managed Beans 9. pelo nome. Essa linguagem é chamada de Expression Language.1 Nome dos Managed Beans Todo Managed Bean possui um nome único que é utilizado para acessá-lo dentro dos trechos escritos com Expression Language.5. Há uma linguagem no JSF que podemos utilizar no código das telas que é apropriada para realizar a interação entre as páginas e os Managed Beans.informacao. o JSF assume que o nome do Managed Bean é o nome da classe com a primeira letra minúscula. Quando utilizamos a anotação @ManagedBean. } public void setInformacao(String informacao) { this. 9. por padrão.

O tempo de vida de uma instância afeta principalmente a durabilidade dos dados que ela armazena. os desenvolvedores definem as classes e o JSF cuida do “new”. ou seja. podemos determinar quando os Managed Beans devem ser criados e descartados.br 88 .com. Mesmo sendo o padrão.k19.Managed Beans exemplo.7. o código seria mais ou menos assim: 1 <h:inputText value="#{teste. esse dado será armazenado no atributo INFORMACAO através do método SET I NFOR MACAO (). O JSF utiliza o escopo Request como padrão. suponha que queremos ligar um campo de texto a uma propriedade de um Managed Bean. O código seria mais ou menos assim: CAO 1 2 3 4 5 6 @ManagedBean class MeuManagedBean { public void logica() { // implemetação } } 1 <h:commandButton action="#{meuManagedBean. as instâncias dos Managed Beans são criadas durante o processamento de uma requisição assim que forem necessárias e descartadas no final desse mesmo processamento.informacao}"/> O atributo VALUE do H : INPUT T EXT cria o vínculo entre o input e a propriedade INFORMA do Managed Bean TESTE. precisamos escolher qual escopo queremos utilizar em cada Managed Bean.logica}" value="Executar"/> 9.1 Request No escopo Request. Dessa forma. 9. Dessa forma. www. Porém. quando o usuário preencher algum valor nesse campo. Ou seja. se o desenvolvedor não definir nenhum escopo para um determinado Managed Bean o escopo Request será adotado automaticamente. Outro exemplo. Por isso.7 Escopo Os Managed Beans são instanciados pelo JSF. podemos deixar explícito a escolha do escopo Request através da anotação @RequestScoped ou da tag managed-bean-scope. os dados não são mantidos de uma requisição para outra. suponha que desejamos associar um método do nosso Managed Bean a um botão de uma tela qualquer.

9.MeuManagedBean</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> Antes do JSF 2.MeuManagedBean</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> 89 K19 Treinamentos .Managed Beans 1 2 3 4 5 6 7 package managedbeans. devemos utilizar a anotação @SessionScoped ou a tag managed-bean-scope. @ManagedBean @RequestScoped class MeuManagedBean { } 1 2 3 4 5 <managed-bean> <managed-bean-name>meuManagedBean</managed-bean-name> <managed-bean-class>managedbeans. Durante todo esse tempo. Essas instâncias são eliminadas basicamente em duas situações: a própria aplicação decide por algum motivo específico apagar a Session de um usuário (por exemplo. As instâncias dos Managed Beans configurados com o escopo Session são criadas quando necessárias durante o processamento de uma requisição e armazenadas na Session do usuário que fez a requisição. é possível existir duas ou mais Sessions de um mesmo usuário. havia somente a opção da configuração através de xml.2 Session Certas informações devem ser mantidas entre as requisições de um determinado usuário em um determinado navegador. Por exemplo. por exemplo. Daí surge o escopo Session. o usuário fez logout) ou o Web Container decide apagar a Session de um usuário pois este não faz requisições a “muito” tempo. Cada usuário possui um espaço na memória do servidor que é chamado de Session. se ele estiver utilizando dois navegadores. Para escolher o escopo Session. existe uma Session para cada usuário. suponha uma aplicação que utiliza a ideia de carrinho de compras. Um usuário faz diversas requisições para escolher os produtos e colocálos no seu carrinho. a aplicação deve manter a informação de quais produtos já foram escolhidos por este usuário. Esse tempo pode ser configurado com o Web Container. Tecnicamente. 1 2 3 4 5 6 7 package managedbeans.7. @ManagedBean @SessionScoped class MeuManagedBean { } 1 2 3 4 5 <managed-bean> <managed-bean-name>meuManagedBean</managed-bean-name> <managed-bean-class>managedbeans. ou seja.

com.br 90 . 9. 1 2 3 4 5 6 7 package managedbeans. Os dados dessas instâncias podem ser utilizados nas telas de todos os usuários durante toda a execução da aplicação. devemos utilizar a anotação @ApplicationScoped ou a tag managed-bean-scope. A ideia é manter determinados dados enquanto o usuário não mudar de tela. o escopo Requeste é mais apropriado. havia somente a opção da configuração através de xml.7.k19. Portanto. havia somente a opção da configuração através de xml. 1 2 3 4 5 6 7 package managedbeans. a dica é evitar utilizar o escopo Session quando possível. Para não consumir excessivamente os recursos de memória do servidor. devemos utilizar a anotação @ViewScoped ou a tag managed-bean-scope. @ManagedBean @ViewScoped class MeuManagedBean { } www. Temos que tomar um cuidado maior ao utilizar o escopo Session pois podemos acabar sobrecarregando o servidor. para escolher o escopo Application. @ManagedBean @ApplicationScoped class MeuManagedBean { } 1 2 3 4 5 <managed-bean> <managed-bean-name>meuManagedBean</managed-bean-name> <managed-bean-class>managedbeans. para escolher o escopo View. As instância dos Managed Beans em escopo View são eliminadas somente quando há uma navegação entre telas.4 View O escopo View foi adicionado no JSF 2.7. Analogamente. 9.3 Application As instâncias dos Managed Beans configurados com escopo Application são criadas no primeiro momento em que elas são utilizadas e mantidas até a aplicação ser finalizada. Analogamente.Managed Beans Antes do JSF 2.MeuManagedBean</managed-bean-class> <managed-bean-scope>application</managed-bean-scope> </managed-bean> Antes do JSF 2.

havia somente a opção da configuração através de xml.Managed Beans 1 2 3 4 5 <managed-bean> <managed-bean-name>meuManagedBean</managed-bean-name> <managed-bean-class>managedbeans.8 Interdependência e Injeção Instâncias de Managed Beans podem “conversar” entre si para dividir o processamento das requisições dos usuários de acordo a especialidade de cada uma delas. bastaria declarar um atributo na classe do primeiro Managed Bean relacionando-o ao segundo. Para que duas instâncias “conversem”. Como a criação e eliminação das instâncias dos Managed Beans são responsabilidade do JSF. Basicamente. } 91 K19 Treinamentos . suponha dois Managed Beans: 1 2 3 4 @ManagedBean class PrimeiroManagedBean { } 1 2 3 4 @ManagedBean class SegundoManagedBean { } Suponha também que o primeiro precisa chamar o segundo para resolver algum problema. } Porém. 1 2 3 4 5 @ManagedBean class PrimeiroManagedBean { @ManagedProperty(value="#{segundoManagedBean}") private SegundoManagedBean segundoManagedBean. uma deve possuir a referência da outra. como é o JSF que vai administrar as ligações entre os objetos. 1 2 3 4 @ManagedBean class PrimeiroManagedBean { private SegundoManagedBean segundoManagedBean. ele é o mais indicado para administrar as referências entre as instâncias do Managed Beans. Do ponto de vista da Orientação a Objetos. devemos indicar através de anotações ou de xml o vínculo dos dois Managed Beans. Como exemplo. o que o desenvolvedor deve fazer é indicar ao JSF quais instâncias devem ser conectadas através de referências.MeuManagedBean</managed-bean-class> <managed-bean-scope>view</managed-bean-scope> </managed-bean> Antes do JSF 2. 9.

PrimeiroManagedBean</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> <managed-property> <property-name>segundoManagedBean</property-name> <value>#{segundoManagedBean}</value> </managed-property> </managed-bean> <managed-bean> <managed-bean-name>segundoManagedBean</managed-bean-name> <managed-bean-class>managedbeans. public void adicionaImposto() { this. No pacote managedbeans. } // GETTERS AND SETTERS } 4. 3. @ManagedBean(name="impostometro") public class ImpostometroBean { private double total.9 Exercícios 1.Managed Beans 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <managed-bean> <managed-bean-name>primeiroManagedBean</managed-bean-name> <managed-bean-class>managedbeans.valor.k19. Na pasta src. 2. www. faça um pacote chamado managedbeans.SegundoManagedBean</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> Quando as instâncias dos Managed Beans são criadas pelo JSF ele resolve todas as dependências conectando os objetos. adicione a seguinte classe: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 package managedbeans. private double valor.com.xhtml.br 92 . Crie um projeto do tipo Dynamic Web Project chamado ManagedBean seguindo os passos vistos no exercício do capítulo 5.total += this. O arquivo da tela deve se chamar impostometro. Crie uma tela com o suporte do Managed Bean impostometro. 9.

dtd"> <html xmlns="http://www.org/1999/xhtml" xmlns:h="http://java. Observe que o total não acumula os valores adicionados em requisições anteriores.w3. Altere o escopo do impostometro para Session.org/TR/xhtml1/DTD/xhtml1-transitional.0 Transitional//EN" "http://www. Faça um Managed Bean que calcula juros baseado na taxa selic.5.sun.total}" /> <h:outputLabel value="Digite o imposto a ser adicionado: " for="campo-imposto" /> <h:inputText id="campo-imposto" value="#{impostometro. 1 2 3 @ManagedBean(name="impostometro") @SessionScoped public class ImpostometroBean { 6. Teste novamente. Por quê? 5.com/jsf/html"> <h:head> <title>Impostometro</title> </h:head> <h:body> <h1>Impostometro</h1> <h:form> <h:panelGrid> <h:outputText value="Total: #{impostometro. Para isso. 93 K19 Treinamentos .valor}" /> <h:commandButton value="Adicionar" action="#{impostometro. Crie um Managed Bean para guardar os valores de algumas taxas. 1 2 3 4 5 6 7 8 9 package managedbeans. @ManagedBean(name="taxas") public class TaxasBean { private double selic = 3.adicionaImposto}" /> </h:panelGrid> </h:form> </h:body> </html> Adicione alguns valores através do formulário. ele deve ser relacionado com o Managed Bean do exercício anterior.Managed Beans 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. // GETTERS AND SETTERS } 7.w3.

com. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. Construa uma tela que utilize os Managed Beans criados nos exercícios anteriores.getSelic() / 100. @ManagedBean(name="calculadora") public class CalculadoraBean { @ManagedProperty(value="#{taxas}") private TaxasBean taxas.montante}" /> <h:commandButton value="Calcular" action="#{calculadora.juros}" /> <h:outputLabel value="Digite um montante: " /> <h:inputText value="#{calculadora. public void calculaJuros() { this.selic}" /> <h:outputText value="Juros: #{calculadora.br 94 . } // GETTERS AND SETTERS } 8.Managed Beans 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 package managedbeans. private double montante.montante * this.k19.org/TR/xhtml1/DTD/xhtml1-transitional.w3.0 Transitional//EN" "http://www.sun.calculaJuros}" /> </h:panelGrid> </h:form> </h:body> </html> www.juros = this.com/jsf/html"> <h:head> <title>Calculadora de Imposto</title> </h:head> <h:body> <h1>Calculadora de Imposto</h1> <h:form> <h:panelGrid> <h:outputText value="Selic: #{taxas.w3. private double juros.dtd"> <html xmlns="http://www.taxas.org/1999/xhtml" xmlns:h="http://java.

De acordo com o HTTP. quando uma aplicação recebe valores preenchidos em formulários HTML. Eles são tratados como texto puro. ou seja. o JSF oferece um mecanismo automatizado de conversão de dados. protocolo de comunicação utilizado entre os navegadores e as aplicações web. os valores escolhidos são enviados para uma aplicação.1 Conversão Quando um usuário preenche um formulário. 10.1 Conversão Padrão Implícita Para os tipos fundamentais da linguagem Java.Capítulo 10 Conversão e Validação 10. os dados que chegam para as aplicações não podem ser convertidos pois não estão no formato esperado. Dessa forma. Por exemplo. se o texto preenchido em um campo numérico possui caracteres não numéricos a conversão falhará. Felizmente.1. Veremos a seguir o funcionamento desse mecanismo. Nem sempre o formato das informações que estão em uma aplicação web Java corresponde ao formato que desejamos que seja apresentado para os usuários. os dados devem ser convertidos antes de enviados para os navegadores. Eventualmente. ela precisa realizar a conversão dos dados que deseja tratar de forma específica. esses dados não possuem tipagem. Novamente. Podemos observar o processo de conversão de outro ponto de vista. o JSF define conversores padrões e os aplica de maneira implícita. não precisamos fazer nada para o processo de conversão acontecer. Por exemplo. A informação digitada nesse campo é tratada como texto puro até chegar na aplicação que deve converter esse dado para algum tipo adequado do Java como INT ou LONG. suponha um formulário que possui um campo para os usuários digitarem a sua idade. Os tipos fundamentais do Java são: • BigDecimal • BigInteger • Boolean • Byte • Character 95 .

Conversão e Validação • Double • Float • Integer • Long • Short 1 2 3 4 5 6 7 @ManagedBean public class MeuManagedBean { private double numero.1. Estipulando duas casas decimais no mínimo: 1 2 3 <h:outputText value="#{managedbean. para trabalhar com valores monetários precisamos de outros conversores.O valor digitado nesse campo será convertido para double --> <h:inputText value="#{meuManagedBean.valor}" > <f:convertNumber pattern="#0.numero}" /> 10. // GETTERS AND SETTERS } 1 2 <!-. Por isso.com.valor}" > <f:convertNumber minFractionDigits="2" /> </h:outputText> Defindo a formatação através de expressão regular: 1 2 3 <h:outputText value="#{managedbean. os conversores padrões aplicados implicitamente nos tipos fundamentais do Java não são suficientes.2 Conversão Padrão Explícita Em alguns casos.000" /> </h:outputText> www.br 96 . f:convertNumber A tag f:convertNumber permite que conversões mais sofisticadas sejam feitas em valores numéricos. Por exemplo. o JSF define dois outros conversores padrões para serem aplicados de maneira explícita.k19.

devemos utilizar a componente h:message. desejamos apresentar para os usuários mensagens relacionadas aos erros no preenchimento das informações. Esse conversor pode ser aplicado em dados do tipo java. 1 2 3 <h:outputText value="#{managedbean.date}"> <f:convertDateTime pattern="dd/MM/yyyy" /> </h:outputText> 10.valor}" > <f:convertNumber currencySymbol="R$" type="currency" /> </h:outputText> f:convertDateTime A tag f:convertDateTime permite que conversões de datas sejam realizadas.1 h:message Para adicionar nas telas erros relacionados a um determinado campo.valor}" > <f:convertNumber type="percent" /> </h:outputText> Utilizando o símbolo do Real para valores monetários: 1 2 3 <h:outputText value="#{managedbean.2 Mensagens de Erro Eventualmente.Date. temos que definir um id para o campo desejado. Nesses casos.2. Depois. Primeiro.util. geralmente.Conversão e Validação Apresentando os dados em porcentagem: 1 2 3 <h:outputText value="#{managedbean. 10. 97 K19 Treinamentos . as informações preenchidas pelos usuários em formulários não são adequadas impedindo a conversão dos dados.

k19. Em alguns casos.Conversão e Validação associar o h:message a esse id. simplesmente. // GETTERS AND SETTERS } 1 2 <h:inputText value="#{meuManagedBean.com. podemos colocar as mensagens de erro de campo em lugares diferentes na página que será apresentada ao usuário.2.2 h:messages A tag h:message permite que os erros dos diversos campos de um formulário sejam colocados um a um na tela. 1 <h:messages/> 10. devemos aplicar a tag h:messages.3 Alterando as Mensagens de Erro O texto de cada mensagem de erro de conversão ou validação está definido na especificação do JSF 2 que pode ser obtida através da url: http://jcp.numero}" id="campo-numero"/> <h:message for="campo-numero"/> 10. Para isso. Inclusive.org/en/jsr/detail?id=314 www. queremos colocar todos os erros de todos os campos de um formulário juntos na tela.2.br 98 . 1 2 3 4 5 6 7 @ManagedBean public class MeuManagedBean { private double numero.

3 Exercícios 1.BooleanConverter. Acrescente um pacote na pasta src chamado managedbean e adicione a seguinte classe nesse pacote: 99 K19 Treinamentos . Para registrá-lo.xml. Normalmente. Os arquivos de mensagens devem possuir o sufixo properties. devemos consultar a especificação do JSF que pode ser obtida através da url: http://jcp.faces. você deve acrescentar uma configuração no arquivo faces-config. 1 2 3 <application> <message-bundle>resources.converter. Registrando um Arquivo de Mensagens Suponha que você tenha criado um arquivo de mensagem chamado Messages.Conversão e Validação Essas mensagens estão definidas em inglês. Criar um arquivo de mensagens. Registrar o arquivo de mensagens.BOOLEAN={1}: ’’{0}’’ must be ’true’ or ’false’. 2. Sendo que cada chave se refere a um tipo de erro e está associada a um valor que é o texto que será apresentado nas telas através das tags h:message ou h:messages. O maior problema para definir um arquivo de mensagens no JSF é saber quais são as chaves que podemos utilizar.Messages</message-bundle> </application> 10. Criando um Arquivo de Mensagens Um arquivo de mensagens é um conjunto de chaves e valores. Veja um exemplo de arquivo de mensagens: 1 javax. Para conhecer as chaves. Crie um projeto do tipo Dynamic Web Project chamado ConversaoValidacao seguindo os passos vistos no exercício do capítulo 5.properties num pacote chamado resources.org/en/jsr/detail?id=314. 2. devemos seguir dois passos: 1. queremos personalizar essas mensagens. Para isso.

aniversario}"> <f:convertDateTime pattern="dd/MM/yyyy"/> </h:inputText> <h:message for="campo-aniversario"/> <h:commandButton value="Cadastrar"/> </h:panelGrid> <h:messages/> </h:form> </h:body> </html> Preencha o formulário várias vezes com valores errados e observe os erros. Adicione um arquivo na pasta WebContent chamado cadastro.com/jsf/core"> <h:head> <title>Cadastro de Funcionário</title> </h:head> <h:body> <h1>Cadastro de Funcionário</h1> <h:form> <h:panelGrid columns="3"> <h:outputLabel value="Salário: R$ " for="campo-salario"/> <h:inputText id="campo-salario" value="#{funcionarioBean.w3. // GETTERS AND SETTERS } 3.w3. Crie uma tela para cadastrar funcionários.org/1999/xhtml" xmlns:h="http://java.sun. www.org/TR/xhtml1/DTD/xhtml1-transitional. Faça um pacote chamado resources na pasta src e adicione um arquivo de mensagens nesse pacote chamado Messages.com.properties com o seguinte conteúdo. 4.Sistema numérico do Brasil --> <f:convertNumber locale="pt_BR"/> </h:inputText> <h:message for="campo-salario"/> <h:outputLabel value="Código: " for="campo-codigo"/> <h:inputText id="campo-codigo" value="#{funcionarioBean.xhtml. private Date aniversario.codigo}"/> <h:message for="campo-codigo"/> <h:outputLabel value="Data: (dd/MM/yyyy)" for="campo-aniversario"/> <h:inputText id="campo-aniversario" value="#{funcionarioBean. private int codigo.sun.0 Transitional//EN" "http://www.k19.dtd"> <html xmlns="http://www.Conversão e Validação 1 2 3 4 5 6 7 8 9 10 11 @ManagedBean public class FuncionarioBean { private double salario.salario}"> <!-.br 100 .com/jsf/html" xmlns:f="http://java. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

NumberConverter. mais uma etapa deve ser realizada para validar as informações.3 f:validateLongRange O validador f:validateLongRange é utilizado para verificar se um valor numérico inteiro pertence a um determinado intervalo de números.2 Campo Obrigatório (Required) A validação mais comum de todas é a de verificar se um determinado campo não deixou de ser preenchido. javax. 6. 101 K19 Treinamentos .Messages</message-bundle> </application> Observação: a tag <application> deve ser colocada dentro de faces-config.DateTimeConverter. o valor digitado será tratado como texto até chegar na aplicação e lá poderá ser convertido para INT. depois da conversão dos dados. javax. javax. 1 2 <h:inputText value="#{managedbean.INTEGER=O valor {0} não é adequado.NUMBER=O valor {0} não é adequado.DateTimeConverter. Dessa forma.faces.converter. Essa conversão não verifica se o número obtido é negativo.Conversão e Validação 1 2 3 4 5 6 javax.faces. nesse caso.faces.4 Validação Muitas vezes. Preencha o formulário várias vezes com valores errados e observe as novas mensagens.DATE=A data {0} não está correta. 1 2 3 <application> <message-bundle>resources.DATE_detail= {0} não parece uma data.faces.INTEGER_detail={0} não é um número inteiro.NUMBER_detail={0} não é número ou é inadequado. 5. Adicione a configuração necessária no faces-config. Podemos aplicar essa validação utilizando o atributo required dos inputs. não seria correto obter números negativos pois a idade de uma pessoa é sempre positiva. A seguir veremos a aplicação desses validadores: 10.xml para utilizar o arquivo de mensagens criado no exercício anterior. suponha um campo para os usuários digitarem uma idade.converter. 10.nome}" id="campo-nome" required="true"/> <h:message for="campo-nome"/> 10.4.4. Porém.converter.converter. Como visto anteriormente. apenas a conversão de dados não é suficiente para verificar se uma informação preenchida em um formulário por um usuário está correta. javax.faces.IntegerConverter.converter.converter. 10. Por exemplo.IntegerConverter.NumberConverter.1 Validação Padrão O JSF também define validadores padrões para serem aplicados nos dados obtidos dos usuários.4. javax.faces.

idade}" id="campo-idade"> <f:validateLongRange minimum="10" maximum="130" /> </h:inputText> <h:message for="campo-idade"/> 10.4.6 f:validateRegex O validador f:validateRegex é utilizado para verificar se um texto respeita uma determinada expressão regular.nome}" id="campo-nome"> <f:validateLength minimum = "6" maximum = "20"/> </h:inputText> <h:message for="campo-nome"/> 10.com.4 f:validateDoubleRange O validador f:validateDoubleRange é utilizado para verificar se um valor numérico real pertence a um determinado intervalo de números.4. www.56" /> </h:inputText> <h:message for="campo-preco"/> 10. Para definir as validações com Bean Validation.k19. basta adicionar anotações nas classes de modelo. 1 2 3 4 <h:inputText value="#{managedbean.7 Bean Validation Uma nova abordagem para definir as validações foi adicionada no JSF2.br 102 .org/en/jsr/detail?id=303.preco}" id="campo-preco"> <f:validateDoubleRange minimum="20. A ideia é declarar as regras de validação nas classes de modelo ao invés de inserí-las nas telas. 1 2 3 4 <h:inputText value="#{managedbean.4.57" maximum="200.20}"/> </h:inputText> <h:message for="campo-nome"/> 10. 1 2 3 4 <h:inputText value="#{managedbean.5 f:validateLength O validador f:validateLength é utilizado para verificar se uma string possui uma quantidade mínima ou máxima de letras.nome}" id="campo-nome"> <f:validateRegex pattern="[a-zA-Z]{6. Esse novo recurso é chamado Bean Validation e foi definido pela especificação JSR 303 que pode ser obtida através da url: http://jcp.Conversão e Validação 1 2 3 4 <h:inputText value="#{managedbean.4. A grande vantagem das validações definidas nas classes de modelo é que elas podem ser utilizadas em diversas partes da aplicação.

. @Max: define um valor máximo. O arquivo que você criará deve se chamar cadastra-produto. } 10.. . crie uma tela para cadastrar produtos de uma loja virtual. 1 2 3 4 5 public class Funcionario { @NotNull(message="O nome não pode ser nulo") private String nome.5 Exercícios 7. @Size: define um valor mínimo e máximo. } @NotNull: o valor não pode ser nulo..xhtml. No projeto ConversaoValidacao. @Pattern: aplica uma expressão regular na validação. @Min: define um valor mínimo. ..Conversão e Validação 1 2 3 4 5 6 public class Funcionario { @NotNull private String nome. 103 K19 Treinamentos . Podemos acrescentar mensagens de erro através das anotações.

// GETTERS AND SETTERS } 10. 1 2 3 4 5 6 public class Produto { private String nome.com. Faça a classe ProdutoBean dentro do pacote managedbeans.0 Transitional//EN" "http://www.dtd"> <html xmlns="http://www.k19. 1 2 3 4 5 6 @ManagedBean public class ProdutoBean { private Produto produto = new Produto().w3.org/TR/xhtml1/DTD/xhtml1-transitional.org/1999/xhtml" xmlns:h="http://java.preco}"> <f:validateDoubleRange minimum="0" /> </h:inputText> <h:message for="produto-preco" /> <h:commandButton value="Cadastrar" /> </h:panelGrid> </h:form> </h:body> </html> 8. Crie a classe de modelo para definir os produtos.w3. www.nome}"/> <h:message for="produto-nome" /> <h:outputLabel value="Preço: " for="produto-preco"/> <h:inputText id="produto-preco" required="true" value="#{produtoBean.sun.br 104 . // GETTERS AND SETTERS } 9.produto. implemente o Managed Bean que dará suporte à tela de cadastro de produtos.produto. Depois.com/jsf/core"> <h:head> <title>Cadastro de Produto</title> </h:head> <h:body> <h:form> <h:panelGrid columns="3"> <h:outputLabel value="Nome: " for="produto-nome"/> <h:inputText id="produto-nome" required="true" value="#{produtoBean.Conversão e Validação 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. Teste o formulário preenchendo diversos valores e observe as mensagens de erro.sun. Adicione essa classe dentro de um pacote chamado model. private double preco.com/jsf/html" xmlns:f="http://java.

Acrescente uma validação com as anotações da especificação de Bean Validation na classe P RODUTO. 13. Retire a validação realizada com a tag f:validateDoubleRange. Teste novamente o formulário. 105 K19 Treinamentos . 1 2 3 4 5 6 7 8 public class Produto { private String nome. @Min(value = 0) private double preco.Conversão e Validação 11. (Opcional) Altere as mensagens de erros do formulário de cadastro de produto. // GETTERS AND SETTERS } 12.

com.k19.br 106 .Conversão e Validação www.

107 . 11. Os eventos de aplicação correspondem às ações dos usuários que são pertinentes às aplicações. Um Action Method deve ser utilizado quando desejamos efetuar uma navegação (mudar de tela) após o tratamento do evento. Por exemplo.Capítulo 11 Eventos Normalmente.1 ActionEvent Os ActionEvents são gerados por botões ou links quando esses são pressionados pelos usuários. as empresas buscam sistemas mais interativos para controlar os seus negócios e serem utilizados pelos seus funcionários. O tratamento dos ActionEvents pode ser definido por métodos dentro dos Managed Beans. um usuário pressiona um botão ou altera o valor de preenchido em um campo de um formulário.1. Consequentemente. 11. O nível mais alto de interatividade aconteceria se uma aplicação pudesse perceber e reagir aos pensamentos dos usuários. devemos utilizar um Action Listener Method. O JSF suporta dois tipos de eventos de aplicação: ActionEvent e ValueChangeEvent. O JSF não oferece esse nível de interação. nenhuma tecnologia oferece. veremos que ele oferece um mecanismo bem sofisticado para aumentar a interatividade com os usuários.1 Eventos de Aplicação (Application Events) Como dito anteriormente. Esse mecanismo é baseado na ideia de eventos. Mas. as pessoas preferem utilizar aplicações que ofereçam maior grau de interatividade. Os eventos de ciclo de vida correspondem às transições entre as diversas etapas do processamento de uma requisição ou às transições entre os estados dos componentes do JSF ou da própria aplicação. Esses métodos são classificados em dois tipos: Action Method ou Action Listener Method. Caso contrário. A interatividade de uma aplicação está diretamente relacionada a sua capacidade de percepção e reação. na verdade. há duas categorias fundamentais de eventos: eventos de aplicação e eventos de ciclo de vida. os eventos de aplicação correspondem às ações dos usuários que interessam para as aplicações. No JSF.

Um ActionEvent contem informações sobre o evento disparado.1. Action Listener Method Um Action Listener Method precisa ser void e aceita um ActionEvent como argumento. Veja um exemplo de Action Method.salva}" /> 1 2 3 public void salva(ActionEvent event) { // implementação } No h:commandButton definimos qual é o Action Listener Method que queremos associar ao botão através do atributo actionListener. Esses métodos são chamados de Value Change Listeners.com. Um ValueChangeEvent contem informações sobre o evento disparado.2 ValueChangeEvent Os ValueChangeEvent são gerados quando os usuários modificam o valor preenchido em um campo de um formulário.Eventos Action Method Um Action Method deve devolver uma String que será utilizada como outcome para processar uma navegação. 1 <h:commandButton value="Salva" action="#{produtoBean. 11. } No h:commandButton definimos qual é o Action Method que queremos associar ao botão através do atributo action. 1 2 <h:outputLabel value="Preço: "/> <h:inputText valueChangeListener="#{produtoBean.mudaPrecoListener}"/> 1 2 3 public void mudaPrecoListener(ValueChangeEvent event) { // implementação } www.br 108 . O tratamento desse tipo de evento pode ser realizado por métodos de um Managed Bean.k19.salva}" /> 1 2 3 4 public String salva() { // implementação return "lista-produtos". 1 <h:commandButton value="Salva" actionListener="#{produtoBean. Um Value Change Listener precisa ser void e aceita um ValueChangeEvent como argumento.

devemos apenas criar um Phase Listener e registrá-lo. public class MeuPhaseListener implements PhaseListener { public void beforePhase(PhaseEvent pe) { // implementação } public void afterPhase(PhaseEvent pe) { // implementação } public PhaseId getPhaseId() { return PhaseId. Vamos discutir a respeito dos Phase Events que correspondem às transições entre as etapas do processamento das requisições. Um Phase Event é tratado por um Phase Listener. } } O método getPhaseID() associa o listener a determinadas fases do processamento de uma requisição. Para criar um Phase Listener. crie um pacote chamado model e adicione a seguinte classe para representar os estados. Vamos montar um formulário de estados e cidades.MeuPhaseListener</phase-listener> </lifecycle> 11.ANY_PHASE. 11. 1 2 3 4 5 6 7 8 9 10 11 12 13 package listeners. Os métodos beforePhase() e afterPhase() são executados respectivamente antes e depois das fases associadas ao listener. 109 K19 Treinamentos . 1 2 3 <lifecycle> <phase-listener>listeners. Para registrar o nosso Phase Listener devemos acrescentar algumas configurações no facesconfig. Para isso.xml. Crie um projeto do tipo Dynamic Web Project chamado Eventos seguindo os passos vistos no exercício do capítulo 5.Eventos No h:inputText definimos qual é o Value Change Listener queremos associar ao campo através do atributo valueChangeListener. devemos escrever uma classe que implemente a interface PhaseListener.3 Exercícios 1. 2.2 Eventos de Ciclo de Vida (Lifecycle Events) Os eventos de ciclo de vida são utilizados quando desejamos executar procedimentos antes ou depois de uma determinada etapa do processamento de uma requisição ou a cada mudança de estado de um componente do JSF e da própria aplicação. Como o próprio JSF dispara automaticamente os Phase Events.

com.Eventos 1 2 3 4 5 6 7 8 9 10 11 package model.getCidades().setNome("São Paulo").getNewValue(). sp. rj. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 package managedbeans. rj. // GETTERS AND SETTERS } 3. Estado rj = new Estado(). private Estado estado = new Estado(). public class Estado { private String nome. crie um pacote managedbeans e adicione um Managed Bean para manipular os estados. } } } // GETTERS AND SETTERS } 4.setSigla("SP").estados. sp.setSigla("RJ"). private List<String> cidades = new ArrayList<String>().getCidades(). private List<Estado> estados = new ArrayList<Estado>(). sp.estados){ if(e.xhtml na pasta WebContent. this.k19. } public void mudaEstado(ValueChangeEvent vce) { this.add("São Paulo").siglaEstado)){ this. @ManagedBean @SessionScoped public class LocalidadeBean { private String cidade.add(rj).siglaEstado = vce. rj.add("Rio de Janeiro").getSigla().add(sp). private String siglaEstado.getCidades(). private String sigla. for(Estado e : this.getCidades().estados.setNome("Rio de Janeiro").add("Campinas").br 110 . Faça a tela de busca de estados e cidade. sp. Adicione um arquivo chamado busca-localidade.equals(this. public LocalidadeBean() { Estado sp = new Estado(). this.add("Niterói"). www.estado = e. rj. Depois.toString().

form.dtd"> <html xmlns="http://www.estado.siglaEstado}" valueChangeListener="#{localidadeBean.cidades}" /> </h:selectOneMenu> </h:form> </h:body> </html> 111 K19 Treinamentos .sun.w3.0 Transitional//EN" "http://www.cidade}"> <f:selectItems value="#{localidadeBean.com/jsf/html" xmlns:f="http://java."> <f:selectItems value="#{localidadeBean.w3.org/TR/xhtml1/DTD/xhtml1-transitional.Eventos 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.org/1999/xhtml" xmlns:h="http://java.submit().nome}" itemValue="#{e.estados}" var="e" itemLabel="#{e.com/jsf/core"> <h:head> <title>Busca Localidade</title> </h:head> <h:body> <h1>Busca Localidade</h1> <h:form> <h:outputLabel value="Estado: " for="campo-estado" /> <h:selectOneMenu id="campo-estado" value="#{localidadeBean.mudaEstado}" onchange="this.sun.sigla}" /> </h:selectOneMenu> <h:outputLabel value="Cidade: " for="campo-cidade" /> <h:selectOneMenu id="campo-cidade" value="#{localidadeBean.

com.br 112 .k19.Eventos www.

com o intuito de melhorar a interatividade entre as aplicações e os usuários. Para fazer isso. msn.. A versão 2 do JSF. oferece suporte nativo a AJAX. Novamente. 12.Capítulo 12 Ajax Quando as aplicações possuem telas complexas com grande quantidade de conteúdo. 113 . A listagem de contatos pode ser atualizada frequentemente sem os usuários pedirem e sem que eles tenham que para a navegação para essa atualização. Outro exemplo.. Por exemplo. Esses eventos estão fortemente relacionados aos componentes visuais colocados nas telas. . Quando o usuário pressiona o link para a próxima página. Precisamos indicar para o JSF quais componentes e eventos devem disparar requisições para o servidor. Veremos como utilizar esse suporte. suponha uma página de listagem de fotos que possua paginação. podemos aplicar o conceito do AJAX (Asynchronous Javascript And XML). não é interessante recarregar uma página inteira só para modificar um pequeno “pedaço” da tela pois isso deixará os usuários insatisfeitos. Isso porque a tag f:ajax assume o evento padrão do componente associado a ela. uma requisição AJAX será disparada quando o valor do campo for modificado. diferentemente das anteriores. Aplicando a ideia do AJAX obtemos duas capacidades muito uteis: a primeira é poder fazer requisições sem recarregar as páginas completamente e sim a parte delas que nos interessa. O componente h:inputText utiliza por padrão o evento onchange. a segunda é poder realizar requisições sem pausar a navegação dos usuários.1 Fazendo requisições AJAX As requisições AJAX são realizadas quando determinados eventos definidos pela linguagem Javascript ocorrem. suponha uma aplicação de Instant Message (gtalk. podemos recarregar apenas os itens na listagem. 1 2 3 <h:inputText> <f:ajax/> </h:inputText> No exemplo acima. não é necessário recarregar todo o conteúdo da tela. devemos utilizar a tag f:ajax (principal tag do suporte nativo do JSF para aplicar o conceito do AJAX).).

Ajax Por outra lado. podemos pedir para o JSF redesenhar alguns “pedaços” da tela que está sendo mostrada para o usuário. O padrão do componente h:commandButton é onclick. podemos mandar o JSF redesenhar a listagem e apenas a listagem com os dados que acabaram de chegar. A tag f:ajax através do atributo render permite escolher os ids dos componentes que devem ser recarregados após uma requisição AJAX. suponha uma listagem paginada de produtos. 1 2 3 4 5 <f:ajax event="mouseout"> <h:inputText/> <h:inputSecret/> <h:commandButton value="OK"/> <f:ajax> 12. quando o usuário clica no botão que requisita através de AJAX a próxima página e a resposta chega. basta passar uma listagem de ids no valor do atributo render. Por exemplo. www.br 114 .k19. 1 2 3 <h:inputText> <f:ajax event="keyup"/> </h:inputText> Quando temos vários componentes para os quais desejamos oferecer o suporte do AJAX. Devemos tomar cuidado pois nem todos os eventos são aceitos por todos os componentes.numero"/> Podemos redesenhar vários componentes.2 Recarregando alguns “pedaços” das telas Após realizar uma requisição AJAX. 1 2 3 4 5 <f:ajax> <h:inputText/> <h:inputSecret/> <h:commandButton value="OK"/> <f:ajax> Novamente.com. podemos explicitar o evento que deve disparar as requisições AJAX deixando o código mais claro através do atributo event. O padrão dos componentes h:inputText e h:inputSecret é onchange. Mas. se não escolhermos explicitamente o evento que vai disparar as requisições o JSF assumirá o padrão de cada componente. podemos agrupá-los através da tag f:ajax. 1 2 3 4 <h:commandButton value="Gera Número"> <f:ajax event="click" render="numero"/> <h:commandButton/> <h:outputText id="numero" value="managedBean. podemos explicitar o evento que deve disparar as requisições AJAX para um determinado grupo de componentes da mesma forma que fizemos anteriormente.

Podemos definir quais componentes devem ser avaliados pelo JSF através do atributo execute passando uma lista de ids.message}"/> 12. @nome : refere-se a nenhum componente. só é necessário avaliar os componentes que estão no próprio formulário. 115 K19 Treinamentos . @all : refere-se a todos os componentes da tela.Ajax 1 2 3 4 5 <h:commandButton value="Gera Números"> <f:ajax event="click" render="numero1 numero2"/> <h:commandButton/> <h:outputText id="numero1" value="managedBean. @this : refere-se ao componente que disparou a requisição AJAX. Podemos alterar o código do formulário anterior para utilizar a palavra especial @form no lugar do id do formulário. Por exemplo. o JSF criou palavras chaves associadas a grupos especiais de componente. @form : refere-se aos componentes do formulário que contém o componente que disparou a requisição AJAX. provavelmente. 1 2 3 4 5 6 7 8 9 10 <h:form id="formulario"> <h:inputText/> <h:inputSecret/> <h:commandButton value="Entrar"> <f:ajax event="click" render="message" execute="formulario"/> <h:commandButton/> </h:form> <h:outputText id="message" value="#{loginBean. quando enviamos um formulário. Quando escolhemos um componente para ser avaliados os componentes dentro dele também serão. Dessa forma. podemos trabalhar sem a necessidade de definir ids em alguns casos. podemos determinar quais componentes da tela devem ser avaliados pelo JSF.3 Processando alguns “pedaços” das telas Quando uma requisição AJAX é feita.numero2"/> 12.numero1"/> <h:outputText id="numero2" value="managedBean.4 Palavras especiais Como podemos passar uma lista de componentes para os atributos render e execute.

@ManagedBean @SessionScoped public class AutomovelBean { private Automovel automovel = new Automovel().k19. Adicione um arquivo chamado listacadastro-automovel.automovel = new Automovel(). crie um pacote managedbeans e adicione um Managed Bean para manipular os automóveis.com.automoveis. public class Automovel { private String nome. public void adiciona(){ this. Faça a tela de listagem e cadastro de automóveis.Ajax 1 2 3 4 5 6 7 8 9 10 <h:form> <h:inputText/> <h:inputSecret/> <h:commandButton value="Entrar"> <f:ajax event="click" render="message" execute="@form"/> <h:commandButton/> </h:form> <h:outputText id="message" value="#{loginBean. } // GETTERS AND SETTERS } 4. Crie um projeto do tipo Dynamic Web Project chamado Ajax seguindo os passos vistos no exercício do capítulo 5. this. private List<Automovel> automoveis = new ArrayList<Automovel>(). 1 2 3 4 5 6 7 8 9 10 package model. Vamos montar um formulário de cadastro de automóveis.br 116 . private String marca.message}"/> 12.add(this.automovel). 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 package managedbeans.xhtml na pasta WebContent.5 Exercícios 1. Para isso. www. Depois. // GETTERS AND SETTERS } 3. crie um pacote chamado model e adicione a seguinte classe para representar os automóveis. 2.

nome}" /> <h:outputLabel value="Marca: " for="campo-marca" /> <h:inputText id="campo-marca" value="#{automovelBean.com/jsf/html" xmlns:f="http://java.sun.marca} </h:column> </h:dataTable> </h:form> </h:body> </html> 117 K19 Treinamentos .w3.dtd"> <html xmlns="http://www.Ajax 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.marca}" /> <h:commandButton value="Cadastrar"> <f:ajax event="click" render="lista" execute="@form" listener="#{automovelBean.adiciona}"/> </h:commandButton> </h:panelGrid> <h1>Lista de Automóveis</h1> <h:dataTable id="lista" value="#{automovelBean.org/1999/xhtml" xmlns:h="http://java.w3.org/TR/xhtml1/DTD/xhtml1-transitional.automoveis}" var="automovel"> <h:column> <f:facet name="header"> <h:outputText value="Nome" /> </f:facet> #{automovel.nome} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Marca" /> </f:facet> #{automovel.automovel.com/jsf/core"> <h:head> <title>Automóveis</title> </h:head> <h:body> <h1>Novo Automóvel</h1> <h:form> <h:panelGrid columns="2"> <h:outputLabel value="Nome: " for="campo-nome" /> <h:inputText id="campo-nome" value="#{automovelBean.0 Transitional//EN" "http://www.automovel.sun.

Ajax www.k19.br 118 .com.

mostraremos alguns padrões e conceitos relacionados ao desenvolvimento de aplicações web. Além disso. // GETTERS AND SETTERS } 119 . 1 2 3 4 5 6 7 8 public class Selecao { private String pais. Agora. 2. vimos isoladamente recursos do JSF e do JPA.2 Exercícios 1.1 Modelo Por onde começar o desenvolvimento de uma aplicação? Essa é uma questão recorrente. Faça um pacote chamado modelo e adicione as duas classes principais da nossa aplicação. private String tecnico. Como exemplo de aplicação desenvolveremos uma aplicação de cadastro de jogadores e seleções de futebol. 13. No nosso caso. vamos nos restringir às entidades Selecao e Jogador.Capítulo 13 Projeto Nos capítulos anteriores. 13. Devemos estabelecer um relacionamento entre essas entidades já que um jogador atua em uma seleção. vamos mostrar em detalhes como esses recursos trabalham juntos e solidificar os conhecimentos obtidos. Crie um projeto do tipo Dynamic Web Project chamado K19-CopaDoMundo seguindo os passos vistos no exercício do capítulo 5. Um ótimo ponto de partida é desenvolver as entidades principais da aplicação.

private double altura. private String posicao. Inicialmente.4 Exercícios 3.br 120 . private String pais. private Calendar nascimento = new GregorianCalendar(). vamos definir o mapeamento das nossas entidades através das anotações adequadas. Adicione as anotações do JPA nas classes de modelo. // GETTERS AND SETTERS } www.com. 13.Mapeamento Depois de definir algumas entidades podemos começar o processo de implementação da persistência da nossa aplicação. 1 2 3 4 5 6 7 8 9 10 11 12 @Entity public class Selecao { @Id @GeneratedValue private Long id. // GETTERS AND SETTERS } 13. private Selecao selecao.k19. Vamos aplicar os recursos do JPA que aprendemos nos primeiros capítulos.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public class Jogador { private String nome. private String tecnico.3 Persistência .

Entre na pasta K19-Arquivos/MySQL-Connector-JDBC da Área de Trabalho e copie o arquivo MYSQL . 13. Configure o JPA adicionando o arquivo persistence. Dessa forma. devemos adicionar o driver JDBC que desejamos utilizar nas bibliotecas do Glassfish.1. // GETTERS AND SETTERS } A anotação @ManyToOne é utilizada para indicar a cardinalidade do relacionamento entre jogadores e seleções.BIN .6 Exercícios 4.13. implantaremos a nossa aplicação no Glassfish que é um servidor de aplicação Java EE. private String nome.xml. geralmente. os servidores de aplicação não são distribuídos com os principais drivers JDBC que normalmente as aplicação desejam utilizar. Os servidores de aplicação Java EE já possuem uma implementação de JPA. JAR para pasta glassfishv3/glassfish/lib também da sua Área de Trabalho. 6. private String posicao.CONNECTOR . Portanto. private double altura. Depois disso. 5. devemos configurar as propriedades do JPA através do arquivo persistence. Por outro lado.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 @Entity public class Jogador { @Id @GeneratedValue private Long id. 121 K19 Treinamentos . 13.Configuração Assim como nos capítulos anteriores. as aplicações não precisam se preocupar em obter um provedor de JPA.5 Persistência .xml na pasta META-INF. @ManyToOne private Selecao selecao. private Calendar nascimento = new GregorianCalendar().JAVA -5. Adicione uma pasta chamada META-INF na pasta src do projeto K19-CopaDoMundo.

ejb.k19.persistence.jdbc. Abra um terminal. e crie uma base de dados nova chamada copadomundo. conseguiremos garantir a existência da fábrica durante todo o período no qual a aplicação receberá requisições.hibernate. 13. Ao criar uma fábrica de Entity Manager.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <persistence xmlns="http://java.← MySQLInnoDBDialect" /> <property name="hibernate.mysql. Dessa forma.br 122 . entre no cliente do MySQL Server.HibernatePersistence</provider> <properties> <property name="hibernate.jdbc.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java. Além disso.Driver← " /> <property name="javax.hibernate.dialect.sun. podemos criar uma fábrica de entity manager exatamente antes da primeira requisição à servlet do JSF e destruí-la exatamente antes do encerramento da aplicação.1 Persistência . Para entrar no MySQL Server: mysql -u root -p Para apagar uma base de dados: DROP DATABASE copadomundo.Open Session in View Gerenciando as fábricas de Entity Managers Quando trabalhamos com JPA. apague se existir a base de dados copadomundo.auto" value="update" /> <property name="javax.sun. De fato.jdbc.url" value="jdbc:mysql://← localhost:3306/copadomundo" /> </properties> </persistence-unit> </persistence> 7. todas as configurações e anotações são processadas e armazenadas na memória.com/xml/ns/persistence" xmlns:xsi="http://www.7 13. devemos nos preocupar com a criação e destruição das fábricas de entity manager.com/xml/← ns/persistence/persistence_1_0.jdbc.driver" value="com.persistence.persistence.7. como esse procedimento pode consumir significativamente os recursos da máquina então realizá-lo duas ou mais vezes na mesma execução seria apenas desperdício.password" value="root" /> <property name="javax. www.user" value="root" /> <property name="javax.com/xml/ns/persistence http://java. só é necessário realizar esse processo uma vez para cada execução.w3.dialect" value="org.sun. Para criar uma base de dados: CREATE DATABASE copadomundo.jdbc.com.0"> <persistence-unit name="copadomundo" transaction-type="RESOURCE_LOCAL"> <provider>org.hbm2ddl.xsd" version="1.persistence. No contexto de uma aplicação web implementada com JSF.

Ou seja. Imediatamente. Na chegada de uma requisição.Projeto 13. antes da resposta ser enviada ao usuário. quando esse processamento terminar. O método INIT () é chamado para inicializar o filtro imediatamente antes da primeira requisição ser enviada para a servlet do JSF.7. devemos abrir e confirmar uma transação no Entity Manager para que as alterações decorrentes ao processamento da requisição sejam refletidas no banco de dados. antes da primeira requisição a essa servlet ele será iniciado e imediatamente antes da aplicação encerrar ele será desativado.7. Dessa forma. quando uma requisição é realizada.2 Filtros Para implementar essa abordagem. a estratégia de gerenciamento de Entity Managers mais simples de entender e manter é adotar o padrão a Open Session in View. A ideia é associar o tempo de vida de um Entity Manager à duração do processamento de uma requisição. @Override public void init(FilterConfig filterConfig) throws ServletException { this. Além disso. Para implementar o padrão Open Session in View.factory. podemos utilizar o mesmo filtro que gerencia a criação e o fechamento das fábricas de Entity Manager pois as requisições passam por esse filtro antes de chegar até a servlet do JSF. O método DESTROY () é chamado para desativar o filtro imediatamente antes do encerramento da aplicação. ServletResponse response. 13. Fechamos a fábrica de entity manager nesse método. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 @WebFilter(servletNames={"Faces Servlet"}) public class JPAFilter implements Filter { private EntityManagerFactory factory. Criamos a fábrica de entity manager nesse método. FilterChain chain) throws IOException. criamos um Entity Manager para ser utilizado no tratamento dessa requisição.createEntityManagerFactory("copadomundo"). } @Override public void doFilter(ServletRequest request. fechamos o Entity Manager. Através dessa anotação definimos qual servlet está associada ao nosso filtro pelo nome da servlet. podemos criar um filtro no Web Container associado à servlet do JSF. antes da resposta ser enviada.close(). } @Override public void destroy() { this. ServletException { // por enquanto vazio } } Um filtro é registrado no Web Container através da anotação @WebFilter. devemos criar um Entity Manager e adicioná-lo na requisição para que ele possa ser acessado pela aplicação durante o processamento dessa requisição. a execução passa pelo filtro novamente.factory = Persistence. 123 K19 Treinamentos .3 Gerenciando os Entity Managers Provavelmente.

request.close(). } @Override public void destroy() { this.factory = Persistence.getTransaction().factory.doFilter(request. ServletException { EntityManager entityManager = this. entityManager.close(). @Override public void doFilter(ServletRequest request. try { entityManager.rollback(). } } 13.getTransaction().Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 @WebFilter(servletNames={"Faces Servlet"}) public class JPAFilter implements Filter { private EntityManagerFactory factory. } finally { entityManager.factory. } catch (Exception e) { entityManager.k19. response). } } @Override public void init(FilterConfig filterConfig) throws ServletException { this.com. chain.8 Exercícios 8. www. ServletResponse response.setAttribute("entityManager".getTransaction().commit().createEntityManagerFactory("copadomundo").begin(). Faça um pacote chamado filtros e adicione nele uma classe chamada JPAFilter. entityManager). FilterChain chain) throws IOException.br 124 .createEntityManager().

o gerenciamento das transações não é uma tarefa dos repositórios. o funcionamento deles ainda é afetado pelo controle de transações. Dessa forma. Se um usuário faz uma requisição para cadastrar uma seleção ela só existirá no banco de dados quando o processamento voltar para o filtro que gerencia as transações.Repositórios Vamos deixar os repositórios para acessar as entidades da nossa aplicação preparados. o usuário veria uma listagem sem a seleção que ele acabou de cadastrar. cada repositório terá um construtor para receber um Entity Manager como parâmetro. chain.commit(). o repositório de seleções pode enviar a nova seleção imediatamente para o banco de dados bem antes da montagem da tela de resposta. Como o padrão Open Session in View foi adotado na nossa aplicação.begin(). Então. } } @Override public void init(FilterConfig filterConfig) throws ServletException { this. @Override public void doFilter(ServletRequest request. entityManager).9 Persistência . Os repositórios precisam de Entity Managers para realizar as operações de persistência.rollback(). a tela de resposta já teria sido montada pelo Facelets com os dados do banco de dados sem a nova seleção.createEntityManagerFactory("copadomundo"). request.close().factory.createEntityManager(). } catch (Exception e) { entityManager. ServletException { EntityManager entityManager = this. try { entityManager.getTransaction(). Em outras palavras.factory = Persistence. ServletResponse response. response). Para resolver este problema. 125 K19 Treinamentos .Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 @WebFilter(servletNames={"Faces Servlet"}) public class JPAFilter implements Filter { private EntityManagerFactory factory. } } 13.getTransaction().close(). Nesse momento. A implementação desse repositório deve utilizar o método flush() que envia imediatamente para o banco de dados as alterações realizadas dentro da transação corrente sem confirmá-las (a confirmação só ocorre na chamada do método commit()). } @Override public void destroy() { this. entityManager.setAttribute("entityManager".doFilter(request. Mas.factory. FilterChain chain) throws IOException.getTransaction(). } finally { entityManager. essa tela de listagem de seleções mostrará inclusive a nova seleção.

public SelecaoRepository(EntityManager entityManager) { this.entityManager = entityManager.entityManager.10 Exercícios 9.persist(selecao). this. Os outros repositórios podem adotar a mesma estratégia para garantir que os usuários vejam dados atualizados. Abra uma transação na chegada de uma requisição. 13.createQuery("select s from Selecao as s"). Caso contrário.com. return query.entityManager .flush().entityManager.entityManager.br 126 .k19. devemos alterar o nosso filtro de gerenciamento transacional para que ele abra uma transação na chegada de uma nova requisição. } public void adiciona(Jogador jogador) { this. o método flush() não funcionará no repositório de seleções.flush(). } } 11.persist(jogador). } public void adiciona(Selecao selecao) { this.entityManager. return query. Analogamente crie um repositório de jogadores.getResultList(). this.Projeto Para que esse processo funcione.getResultList(). } public List<Selecao> getSelecoes() { Query query = this. Altere o filtro de gerenciamento de transações. } public List<Jogador> getJogadores() { Query query = this. Faça um pacote chamado repositorios e adicione nele uma classe chamada SelecaoRepository. www. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 public class SelecaoRepository { private EntityManager entityManager.entityManager . 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 public class JogadorRepository { private EntityManager entityManager.createQuery("select j from Jogador as j"). Veja como deve ficar o método doFilter(). public JogadorRepository(EntityManager entityManager) { this. } } 10.entityManager = entityManager.

entityManager. crie um arquivo com algumas regras CSS chamado style.doFilter(request.12 Exercícios 12.factory. } 13.begin(). 127 K19 Treinamentos .Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 EntityManager entityManager = this.commit().getTransaction(). Aplicaremos algumas regras CSS para melhorar a parte visual das telas.css. entityManager). } finally { entityManager. chain.Template Vamos definir um template para as telas da nossa aplicação utilizando os recursos do Facelets. response). 13.11 Apresentação . try { entityManager.createEntityManager(). } catch (Exception e) { entityManager. Na pasta WebContent.getTransaction().setAttribute("entityManager".close(). request.rollback().getTransaction().

botao:hover{ background-color: #cccccc. color: white. padding: 2px 5px. border: none.k19.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 .tabela tr th. Copie o arquivo k19-logo. line-height: 20px. } . } . color: #ffffff. font-weight: bold.titulo { color: #064D83. color: #666666. } .botao { background-color: #064D83. text-decoration: none. font-size: 20px. clear: both. } . margin: 0 0 0 20px.logo{ vertical-align: middle. } 13. border: 1px solid #333333.tabela tr td{ border: 1px solid #064D83. } . vertical-align: middle. padding: 5px.mensagem-erro{ color: #ff0000.png da pasta K19-Arquivos da sua Área de Trabalho para a pasta WebContent. padding: 5px.com. } .botao-formulario{ background-color: #064D83.formulario fieldset{ float: left. www.tabela{ border: 1px solid #064D83. } . color: #ffffff. } .br 128 . vertical-align: middle. margin: 0 0 20px 0. } .tabela tr th{ background-color: #064D83. border-collapse: collapse.formulario fieldset legend{ color: #064D83. } . .

com/jsf/core"> <ui:composition template="template. 2010 K19.org/1999/xhtml" xmlns:ui="http://java.w3.w3.png" /> <h:outputLink styleClass="botao" value="selecoes.com/jsf/html"> <h:head> <title>Copa do Mundo</title> <link rel="stylesheet" href="style.xhtml e ambos devem possuir o seguinte conteúdo. Crie um arquivo chamado template.sun.xhtml"> </ui:composition> </html> 16.com/jsf/facelets" xmlns:h="http://java. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. Acesse as duas telas criadas anteriormente. uma para seleções e outra para jogadores. utilizaremos os recursos nativos do JSF 2 para aplicar as técnicas de AJAX.xhtml">Jogadores</← h:outputLink> <hr/> </div> <ui:insert name="conteudo"> Espaço para o conteúdo da tela </ui:insert> <div id="footer" style="text-align: center"> <hr /> &copy.0 Transitional//EN" "http://www.com/jsf/html" xmlns:f="http://java.sun.sun. Aplicaremos regras de validação específicas para garantir que nenhum dado incorreto seja armazenado no banco de dados.com/jsf/facelets" xmlns:h="http://java.sun.xhtml e jogadores. </div> </h:body> </html> 15.w3.org/TR/xhtml1/DTD/xhtml1-transitional. Agora implemente um template utilizando Facelets. Os arquivos devem se chamar: selecoes.xhtml na pasta WebContent.xhtml">Selecoes</h:outputLink> <h:outputLink styleClass="botao" value="jogadores. vamos adicionar um formulário para cadastrar novas seleções e uma tabela para apresentar as já cadastradas. 129 K19 Treinamentos . 13.css" type="text/css"/> </h:head> <h:body> <div id="header"> <img class="logo" src="k19-logo.Projeto 14. Além disso. Todos os direitos reservados.13 Cadastrando e Listando Seleções Na tela de seleções. 1 2 3 4 5 6 7 8 9 <html xmlns="http://www. Adicione duas telas.dtd"> <html xmlns="http://www.sun. Essas duas telas devem utilizar o template criado no exercício anterior.org/1999/xhtml" xmlns:ui="http://java.

Adicione o arquivo listagem-selecoes.com.adiciona}" render="@form" /> </h:commandButton> </h:panelGrid> </fieldset> </html> 18. vamos criar uma tela parcial para apresentar as seleções dentro de uma tabela.pais}"> <f:validateLength minimum="3" /> </h:inputText> <h:message for="selecao-pais" styleClass="mensagem-erro" /> <h:outputLabel value="Técnico: " for="selecao-tecnico" /> <h:inputText id="selecao-tecnico" required="true" value="#{selecaoBean.14 Exercícios 17.org/1999/xhtml" xmlns:ui="http://java.k19.com/jsf/core"> <fieldset> <legend>Nova Seleção</legend> <h:panelGrid columns="3"> <h:outputLabel value="País: " for="selecao-pais" /> <h:inputText id="selecao-pais" required="true" value="#{selecaoBean. criaremos uma tela parcial com os campos e o botão referentes ao cadastramento de seleções.xhtml na pasta WebContent com o seguinte conteúdo. www. Adicione o arquivo cadastro-selecao.Projeto 13. Para garantir uma melhor legibilidade da nossa aplicação.sun.selecao.w3. Analogamente ao exercício anterior.com/jsf/html" xmlns:f="http://java. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <html xmlns="http://www.sun.xhtml na pasta WebContent com o seguinte conteúdo.selecao.br 130 .sun.tecnico}"> <f:validateLength minimum="6" /> </h:inputText> <h:message for="selecao-tecnico" styleClass="mensagem-erro" /> <h:commandButton value="Cadastrar" styleClass="botao-formulario"> <f:ajax event="click" execute="@form" listener="#{selecaoBean.com/jsf/facelets" xmlns:h="http://java.

Implemente um Managed Bean para dar suporte às funcionalidades da tela de seleções.w3.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <html xmlns="http://www.org/1999/xhtml" xmlns:ui="http://java.xhtml"/> <ui:include src="/listagem-selecoes. Veja como deve ficar o arquivo selecoes.com/jsf/core"> <ui:composition template="/template.id} </h:column> <h:column> <f:facet name="header"> <h:outputText value="País" /> </f:facet> #{selecao.tecnico} </h:column> </h:dataTable> </html> 19. Adicione um pacote chamado managedbeans.xhtml"> <ui:define name="conteudo"> <h:form styleClass="formulario"> <ui:include src="/cadastro-selecao.com/jsf/facelets" xmlns:h="http://java. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html xmlns="http://www.com/jsf/facelets" xmlns:h="http://java.com/jsf/core"> <h3 class="titulo">Listagem de Seleções</h3> <h:dataTable id="tabela" value="#{selecaoBean.sun.xhtml.sun.sun.selecoes}" var="selecao" styleClass="tabela"> <h:column> <f:facet name="header"> <h:outputText value="Id" /> </f:facet> #{selecao.com/jsf/html" xmlns:f="http://java.sun.w3.com/jsf/html" xmlns:f="http://java.org/1999/xhtml" xmlns:ui="http://java.pais} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Técnico" /> </f:facet> #{selecao. O próximo passo é montar a tela principal de seleções agrupando as telas parciais criadas anteriormente.xhtml"/> </h:form> </ui:define> </ui:composition> </html> 20.sun.sun. 131 K19 Treinamentos .

Dessa forma podemos injetá-los nos Managed Beans com o mesmo escopo através da anotação @ManagedProperty.faces. EntityManager entityManager = (EntityManager) FacesContext.selecao = new Selecao(). 13.getELResolver(). Devemos registrar esse arquivo no faces-config. os Managed Beans com escopos maiores devem utilizar o seguinte código para acessar os Entity Managers. Adicione nesse pacote um arquivo chamadao Messages.selecao). "entityManager"). return repository.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 @ManagedBean public class SelecaoBean { @ManagedProperty(value = "#{entityManager}") private EntityManager entityManager. public void adiciona() { SelecaoRepository repository = new SelecaoRepository(this.← getApplication().properties com o seguinte conteúdo: 1 2 javax.getCurrentInstance().getValue(elContext. } public List<Selecao> getSelecoes() { SelecaoRepository repository = new SelecaoRepository(this.validator.getELContext().component.getCurrentInstance(). Adicione o seguinte trecho no arquivo faces-config.adiciona(this.faces.entityManager).UIInput. null.REQUIRED = Campo obrigatório javax.MINIMUM = O número mínimo de caracteres é "{0}". private Selecao selecao = new Selecao(). Crie um pacote na pasta src chamado resources. 1 2 ELContext elContext = FacesContext.15 Mensagens de Erro Vamos personalizar as mensagens de erro criando um arquivo de mensagens em português. } // GETTERS AND SETTERS } OBS: O Filtro que implementa o padrão Open Session in View armazena os Entity Managers em escopo de requisição.k19. repository.entityManager).xml: www. this. 22. 13.com.getSelecoes().16 Exercícios 21.LengthValidator. Por outro lado.br 132 .xml.

1 2 3 4 public void remove(Selecao selecao) { this.17 Removendo Seleções Vamos acrescentar a funcionalidade de remover seleções utilizando o suporte de AJAX do JSF 2.18 Exercícios 23.entityManager.19 Otimizando o número de consultas Os getters dos Managed Beans são chamados diversas vezes pelo JSF durante o processamento de uma requisição. 13.remove(selecao).Projeto 1 2 3 <application> <message-bundle>resources.xhtml.Messages</message-bundle> </application> 13. 1 2 3 4 public void remove(Selecao selecao) { SelecaoRepository repository = new SelecaoRepository(this.remove(selecao). 1 2 3 4 5 6 7 8 9 10 11 <h:column> <f:facet name="header"> <h:outputText value="Remover" /> </f:facet> <f:ajax event="click" render="@form" listener="#{selecaoBean.entityManager.remove(selecao)}"> <h:commandLink>Remover</h:commandLink> </f:ajax> </h:column> 24. this. } 25. Por exemplo.entityManager). } 13. Implemente um método para remover seleções no repositório de seleções. o método getSelecoes() da classe SelecaoBean é 133 K19 Treinamentos . repository. Adicione um método para remover seleções no Managed Bean SelecaoBean.flush(). Acrescente uma coluna na tabela que apresenta das seleções alterando o arquivo listagemselecoes. SelecaoRepository.

20 Exercícios 26. Por exemplo. Esse método chama o getSelecoes() do repositório que por sua vez faz uma consulta no banco de dados. Verifique quantas vezes a mensagem é impressa no console do eclipse acessando a url: http://localhost:8080/K19-CopaDoMundo/selecoes. quando uma seleção for adicionada ou removida devemos descartar qualquer resultado armazenado no Managed Bean SelecaoBean.com. SelecaoRepository repository = new SelecaoRepository(this.xhtml 28.Projeto chamado cerca de nove vezes durante o processamento da requisição à página principal de seleções. Apenas devemos tomar cuidado para não manter informações desatualizadas nos Managed Beans. Imprima uma mensagem no método getSelecoes() do Managed Bean SelecaoBean para verificar a quantidade de vezes que ele é chamado quando o usuário acessa a url: http://localhost:8080/K19-CopaDoMundo/selecoes.xhtml.getSelecoes().br 134 . 1 2 3 4 5 public List<Selecao> getSelecoes() { System. www. são realizadas cerca de nove consultas iguais para gerar a tela principal de seleções. Altere a classe SelecaoBean para esse Managed Bean guardar os resultados das consultas feitas nos repositórios.entityManager).k19. return repository.out. 13. } 27. ou seja. Podemos diminuir o número de consultas fazendo os Managed Beans armazenarem o resultado de uma consulta para utilizá-lo o maior número possível de vezes.println("CHAMANDO O REPOSITORIO").

adiciona(this.selecao = new Selecao(). } return this. utilizaremos os recursos nativos do JSF 2 para aplicar as técnicas de AJAX. Listando e Removendo Jogadores Na tela de jogadores. criaremos uma tela parcial com os campos e o botão referentes ao cadastramento de jogadores.selecoes == null) { System. } // GETTERS AND SETTERS } 29.remove(selecao). private List<Selecao> selecoes. this.xhtml na pasta WebContent com o seguinte conteúdo.21 Cadastrando.out.entityManager). Verifique quantas vezes a mensagem é impressa acessando novamente a url: http://localhost:8080/K19-CopaDoMundo/selecoes. vamos adicionar um formulário para cadastrar novos jogadores e uma tabela para apresentar os já cadastrados.entityManager).getSelecoes(). this.22 Exercícios 30. Aplicaremos regras de validação específicas para garantir que nenhum dado incorreto seja armazenado no banco de dados.selecoes = null.xhtml 13. SelecaoRepository repository = new SelecaoRepository( this. repository.println("CHAMANDO O REPOSITORIO"). Além disso. Para garantir uma melhor legibilidade da nossa aplicação.selecoes. } public List<Selecao> getSelecoes() { if (this.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 @ManagedBean public class SelecaoBean { @ManagedProperty(value = "#{entityManager}") private EntityManager entityManager. repository. Adicione o arquivo cadastro-jogador. this.selecoes = repository. 13.selecao). 135 K19 Treinamentos .entityManager).selecoes = null. private Selecao selecao = new Selecao(). public void adiciona() { SelecaoRepository repository = new SelecaoRepository(this. this. } public void remove(Selecao selecao) { SelecaoRepository repository = new SelecaoRepository(this.

com/jsf/facelets" xmlns:h="http://java.selecoes}" var="selecao" itemLabel="#{selecao. www.selecaoID}"> <f:selectItems value="#{selecaoBean. Adicione o arquivo listagem-jogadores. vamos criar uma tela parcial para apresentar os jogadores dentro de uma tabela.com.nome}"> <f:validateLength minimum="6" /> </h:inputText> <h:message for="jogador-nome" styleClass="mensagem-erro" /> <h:outputLabel value="Posição: " for="jogador-posicao" /> <h:inputText id="jogador-posicao" required="true" value="#{jogadorBean.w3.id}" /> </h:selectOneMenu> <h:message for="jogador-selecao" styleClass="mensagem-erro" /> <h:commandButton value="Cadastrar" styleClass="botao-formulario"> <f:ajax event="click" execute="@form" listener="#{jogadorBean.nascimento.posicao}"> </h:inputText> <h:message for="jogador-posicao" styleClass="mensagem-erro" /> <h:outputLabel value="Data de Nascimento: " for="jogador-nascimento" /> <h:inputText id="jogador-nascimento" required="true" value="#{jogadorBean.sun.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 <html xmlns="http://www.time}"> <f:convertDateTime pattern="dd/MM/yyyy" /> </h:inputText> <h:message for="jogador-nascimento" styleClass="mensagem-erro" /> <h:outputLabel value="Altura (m): " for="jogador-altura" /> <h:inputText id="jogador-altura" required="true" value="#{jogadorBean.br 136 . Analogamente ao exercício anterior.org/1999/xhtml" xmlns:ui="http://java.altura}"> </h:inputText> <h:message for="jogador-altura" styleClass="mensagem-erro" /> <h:outputLabel value="Seleção: " for="jogador-selecao" /> <h:selectOneMenu id="jogador-selecao" value="#{jogadorBean.k19.xhtml na pasta WebContent com o seguinte conteúdo.jogador.sun.adiciona}" render="@form" /> </h:commandButton> </h:panelGrid> </fieldset> </html> 31.com/jsf/html" xmlns:f="http://java.jogador.sun.pais}" itemValue="#{selecao.jogador.com/jsf/core"> <fieldset> <legend>Novo Jogador</legend> <h:panelGrid columns="3"> <h:outputLabel value="Nome: " for="jogador-nome" /> <h:inputText id="jogador-nome" required="true" value="#{jogadorBean.jogador.

com/jsf/facelets" xmlns:h="http://java.com/jsf/html" xmlns:f="http://java.nome} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Posição" /> </f:facet> #{jogador.remove(jogador)}"> <h:commandLink>Remover</h:commandLink> </f:ajax> </h:column> </h:dataTable> </html> 137 K19 Treinamentos .sun.org/1999/xhtml" xmlns:ui="http://java.id} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Nome" /> </f:facet> #{jogador.sun.com/jsf/core"> <h3 class="titulo">Listagem de Jogadores</h3> <h:dataTable id="tabela" value="#{jogadorBean.altura} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Seleção" /> </f:facet> #{jogador.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 <html xmlns="http://www.sun.pais} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Remover" /> </f:facet> <f:ajax event="click" render="@form" listener="#{jogadorBean.w3.jogadores}" var="jogador" styleClass="tabela"> <h:column> <f:facet name="header"> <h:outputText value="Id" /> </f:facet> #{jogador.selecao.posicao}"> <f:convertDateTime pattern="dd/MM/yyyy"/> </h:outputText> </h:column> <h:column> <f:facet name="header"> <h:outputText value="Altura" /> </f:facet> #{jogador.posicao} </h:column> <h:column> <f:facet name="header"> <h:outputText value="Nascimento" /> </f:facet> <h:outputText value="#{jogador.

k19.com/jsf/facelets" xmlns:h="http://java.xhtml"/> <ui:include src="/listagem-jogadores. www.flush().com/jsf/html" xmlns:f="http://java. JogadorRepository. 1 2 3 4 public void remove(Jogador jogador) { this.xhtml"/> </h:form> </ui:define> </ui:composition> </html> 33.org/1999/xhtml" xmlns:ui="http://java.br 138 . 1 2 3 public Selecao procura(Lond id) { return this.sun.remove(jogador).sun. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html xmlns="http://www.entityManager.Projeto 32. O próximo passo é montar a tela principal de jogadores agrupando as telas parciais criadas anteriormente.entityManager. } 34. } 35.com/jsf/core"> <ui:composition template="/template.w3. Implemente um método para remover jogadores no repositório de jogadores. Veja como deve ficar o arquivo jogadores.find(Selecao.entityManager.xhtml"> <ui:define name="conteudo"> <h:form styleClass="formulario"> <ui:include src="/cadastro-jogador.sun. Crie um Managed Bean para trabalhar com a tela de jogadores.class. id). this.xhtml.com. Adicione um método no repositório de seleções para buscar por id.

jogador). this.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 @ManagedBean public class JogadorBean { @ManagedProperty(value = "#{entityManager}") private EntityManager entityManager. this. private List<Jogador> jogadores. Outra possibilidade é remover a seleção e os jogadores quando o usuário clicar no link para remover uma seleção.23 Removendo Seleções com Jogadores Se uma seleção possui jogadores ela não poderá ser removida pois teríamos dados inconsistentes no banco de dados. } public List<Jogador> getJogadores() { if (this. a maneira de proceder depende das regras da aplicação. public void adiciona() { SelecaoRepository selecaoRepository = new SelecaoRepository(this.jogador = new Jogador().entityManager).jogadores. Selecao selecao = selecaoRepository.jogador. 139 K19 Treinamentos .jogadores == null) { System.jogadores = repository.remove(jogador).jogadores = null. repository. } // GETTERS AND SETTERS } 13. this.24 Exercícios 36. } return this. JogadorRepository jogadorRepository = new JogadorRepository(this. Em outras palavras. Na verdade.selecaoID). 13.out.setSelecao(selecao). jogadorRepository. uma possibilidade é informar ao usuário que ele só pode remover seleções sem jogadores. this. Tente remover pela interface web uma seleção que possua jogadores. private Jogador jogador = new Jogador(). JogadorRepository repository = new JogadorRepository( this. } public void remove(Jogador jogador) { JogadorRepository repository = new JogadorRepository(this.getJogadores().println("CHAMANDO O REPOSITORIO"). this.entityManager). teríamos jogadores vinculados com seleções que já teriam sido removidas. Devemos alterar o repositório de seleções para aplicar essa regra. Vamos supor que a regra da nossa aplicação é remover tanto a seleção quanto os jogadores. Nesse caso.entityManager). private Long selecaoID.jogadores = null.procura(this.entityManager).adiciona(this.

A modificação deve ser feita no método remove().entityManager.25 Controle de Acesso Na maioria dos casos.com.br 140 . Query query = this.entityManager .26 Exercícios 38. Adicione no pacote filtros a seguinte classe: www.selecao = :selecao"). o filtro redirecionará o usuário para a tela de login. List<Jogador> jogadores = query. Vamos implementar um mecanismo de autenticação na nossa aplicação utilizando filtro. Se estiver logado o filtro autoriza o acesso. Altere a classe SelecaoRepository para que na remoção de seleções os jogadores correspondentes também sejam removidos.createQuery("select j from Jogador as j where j. for (Jogador jogador : jogadores) { this. as aplicações devem controlar o acesso dos usuários. query. Caso contrário. } 13.setParameter("selecao". selecao). 13.entityManager. A função do filtro é verificar se o usuário está logado ou não. As requisições feitas pelos usuários passarão por esse filtro antes de chegar ao controle do JSF.entityManager. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 public void remove(Selecao selecao) { this.k19.remove(selecao). } this.remove(jogador).getResultList().flush().Projeto 37.

xhtml na pasta WebContent. } } @Override public void init(FilterConfig filterConfig) throws ServletException { } @Override public void destroy() { } } 39. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html xmlns="http://www.com/jsf/html" xmlns:f="http://java. FilterChain chain) throws IOException.endsWith("login.xhtml"> <ui:define name="conteudo"> <h:form styleClass="formulario"> <h:outputLabel value="Usuário: " for="usuario"/> <h:inputText id="usuario" value="#{loginBean.entrar}"/> </h:form> </ui:define> </ui:composition> </html> 40.senha}"/> <h:commandButton value="Entrar" action="#{loginBean.usuario}" /> <h:outputLabel value="Senha: " for="senha"/> <h:inputSecret id="senha" value="#{loginBean. } else { HttpServletResponse res = (HttpServletResponse) response.getRequestURI(). HttpSession session = req.sun. Adicione uma classe no pacote managedbeans chamada LoginBean.w3.com/jsf/core"> <ui:composition template="/template.org/1999/xhtml" xmlns:ui="http://java. 141 K19 Treinamentos . Crie a tela de login adicionando um arquivo chamado login.xhtml")) { chain.doFilter(request.xhtml"). ServletException { HttpServletRequest req = (HttpServletRequest) request.sun. if (session.sun. response).sendRedirect("login.com/jsf/facelets" xmlns:h="http://java. res.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 @WebFilter(servletNames = { "Faces Servlet" }) public class LoginFilter implements Filter { @Override public void doFilter(ServletRequest request. Implemente o Managed Bean que autentica os usuários.getSession().getAttribute("autenticado") != null || req. ServletResponse response.

usuario) && "k19". private String senha.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 @ManagedBean public class LoginBean { private String usuario. 1 2 3 4 5 6 7 8 9 10 11 <html xmlns="http://www.removeAttribute("autenticado").br 142 .com/jsf/facelets" xmlns:h="http://java. } } public String sair() { HttpSession session = (HttpSession) FacesContext.getCurrentInstance(). return "/selecoes". Crie uma tela de despedida que será utilizada quando um usuário sair da aplicação.sun.equals(this.com/jsf/core"> <ui:composition template="/template. } // GETTERS AND SETTERS } 41.xhtml na pasta WebContent.senha)) { HttpSession session = (HttpSession) FacesContext . session.getExternalContext().xhtml"> <ui:define name="conteudo"> <h3 class="titulo" >Até Logo</h3> </ui:define> </ui:composition> </html> 42. } else { return "/login".getCurrentInstance() .sun. Adicione um arquivo chamado ate-logo. www.org/1999/xhtml" xmlns:ui="http://java. session.equals(this.getSession(false).getSession(false).k19.sun.w3.com. true).getExternalContext() . return "/ate-logo".com/jsf/html" xmlns:f="http://java.setAttribute("autenticado". Modifique o template das telas para acrescentar um botão de sair. public String entrar() { if ("k19".

Projeto
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>Copa do Mundo</title> <link rel="stylesheet" href="style.css" type="text/css"/> </h:head> <h:body> <div id="header"> <img class="logo" src="k19-logo.png" /> <h:outputLink styleClass="botao" value="selecoes.xhtml">Selecoes</h:outputLink> <h:outputLink styleClass="botao" value="jogadores.xhtml">Jogadores</← h:outputLink> <h:form style="display: inline;"> <h:commandLink styleClass="botao" action="#{loginBean.sair}">Sair</← h:commandLink> </h:form> <hr/> </div> <ui:insert name="conteudo"> Espaço para o conteúdo da tela </ui:insert> <div id="footer" style="text-align: center"> <hr /> &copy; 2010 K19. Todos os direitos reservados. </div> </h:body> </html>

13.27

Ordem dos filtros

Em alguns casos a ordem de execução dos filtros afeta o funcionamento da aplicação. No caso da nossa aplicação, a ordem correta de execução dos filtros é primeiro o filtro de autenticação e depois o de controle transacional. Não podemos definir a ordem de execução de uma conjunto de filtros através de anotações. Podemos determinar essa sequência se os filtros forem registrados no arquivo de configurações do Web Container, web.xml. A ordem de execução do filtros é a ordem na qual eles aparecem no arquivo de configuração.

13.28

Exercícios

43. Remova a anotação @WebFilter das classes JPAFilter e LoginFilter que estão no pacote filtros.

44. Adicione o seguinte trecho de configuração no arquivo web.xml. 143 K19 Treinamentos

Projeto
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <filter> <filter-name>LoginFilter</filter-name> <filter-class>jpa.LoginFilter</filter-class> </filter> <filter-mapping> <filter-name>LoginFilter</filter-name> <servlet-name>Faces Servlet</servlet-name> </filter-mapping> <filter> <filter-name>JPAFilter</filter-name> <filter-class>jpa.JPAFilter</filter-class> </filter> <filter-mapping> <filter-name>JPAFilter</filter-name> <servlet-name>Faces Servlet</servlet-name> </filter-mapping>

13.29

Controle de Erro

Quando uma exception ocorre durante o processamento de uma requisição, o filtro de controle transacional dispara um rollback para desfazer o que já havia sido alterado no banco de dados. Porém, o usuário não é informado sobre o problema. Podemos configurar uma página de erro padrão para ser utilizada toda vez que um erro ocorrer. O filtro de controle transacional deve lançar uma ServletException após disparar o rollback para informar o Web Container que houve uma falha no processamento da requisição. Depois, devemos configurar uma página de erro padrão no Web Container.

13.30

Exercícios

45. Modifique o filtro de controle transacional para que ele informe o Web Container através de uma exception que houve um problema no processamento de uma requisição. www.k19.com.br 144

Projeto
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 public class JPAFilter implements Filter { private EntityManagerFactory factory; @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { EntityManager entityManager = this.factory.createEntityManager(); request.setAttribute("entityManager", entityManager); entityManager.getTransaction().begin(); chain.doFilter(request, response); try { entityManager.getTransaction().commit(); } catch (Exception e) { entityManager.getTransaction().rollback(); throw new ServletException(e); } finally { entityManager.close(); } } @Override public void init(FilterConfig filterConfig) throws ServletException { this.factory = Persistence.createEntityManagerFactory("copadomundo"); } @Override public void destroy() { this.factory.close(); } }

46. Configure a página de erro no arquivo web.xml. Acrescente o seguinte trecho.
1 2 3 4 <error-page> <exception-type>java.lang.Exception</exception-type> <location>/erro.xhtml</location> </error-page>

47. Crie a página de erro adicionando um arquivo chamado erro.xhtml na pasta WebContent com o seguinte conteúdo.
1 2 3 4 5 6 7 8 9 10 11 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <ui:composition template="/template.xhtml"> <ui:define name="conteudo"> <h3 class="titulo" >Erro Interno</h3> </ui:define> </ui:composition> </html>

145

K19 Treinamentos

br 146 .w3. Adicione a classe ErroBean no pacote managedbeans com o seguinte conteúdo.0 Transitional//EN" "http://www.sun.com/jsf/facelets" xmlns:h="http://java.k19.org/TR/xhtml1/DTD/xhtml1-transitional.erro}">Erro</← h:commandLink> </h:form> <hr/> </div> <ui:insert name="conteudo"> Espaço para o conteúdo da tela </ui:insert> <div id="footer" style="text-align: center"> <hr /> &copy.xhtml">Selecoes</h:outputLink> <h:outputLink styleClass="botao" value="jogadores."> <h:commandLink styleClass="botao" action="#{loginBean.xhtml">Jogadores</← h:outputLink> <h:form style="display: inline. </div> </h:body> </html> 13. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 1 2 3 4 5 6 @ManagedBean public class ErroBean { public void erro(){ throw new NullPointerException().dtd"> <html xmlns="http://www. Modifique o template para adicionar um botão que dispara o Managed Bean que sempre gera um erro.Projeto 48. www. 2010 K19. podemos permitir que o usuário envie uma email para os administradores do sistema.png" /> <h:outputLink styleClass="botao" value="selecoes. Vamos criar um Managed Bean que sempre gera um problema para testar a página de erro.com/jsf/html"> <h:head> <title>Copa do Mundo</title> <link rel="stylesheet" href="style.com.org/1999/xhtml" xmlns:ui="http://java.sun.sair}">Sair</← h:commandLink> <h:commandLink styleClass="botao" action="#{erroBean.css" type="text/css"/> </h:head> <h:body> <div id="header"> <img class="logo" src="k19-logo. Todos os direitos reservados.w3. Devemos utilizar a especificação JavaMail para que a nossa aplicação JSF tenha a capacidade de enviar mensagems por email. } } 49.31 Enviando email Quando um erro ocorre na nossa aplicação.

sun.envia}" /> </h:panelGrid> </h:form> </ui:define> </ui:composition> </html> 51. senhas e emails válidos do gmail para este exercício.com/jsf/facelets" xmlns:h="http://java.32 Exercícios 50.</p> <h:form styleClass="formulario"> <h:panelGrid columns="3"> <h:outputLabel value="Mensagem: " for="campo-mensagem" /> <h:inputTextarea id="campo-mensagem" value="#{emailBean.w3. Crie um Managed Bean que envie as mensagens por email utilizando a especificação JavaMail. 147 K19 Treinamentos . 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <html xmlns="http://www. Altere a tela de erro adicionando um formulário para o usuário escrever uma mensagem para os administradores da aplicação. Observação.sun. utilize usuários.org/1999/xhtml" xmlns:ui="http://java.xhtml"> <ui:define name="conteudo"> <h3 class="titulo">Erro Interno</h3> <p>Envie uma mensagem para os administradores do sistema.com/jsf/html" xmlns:f="http://java.mensagem}" required="true" rows="10" cols="30"/> <h:message for="campo-mensagem" /> <h:commandButton value="Enviar" action="#{emailBean.sun.Projeto 13.com/jsf/core"> <ui:composition template="/template.

authenticator = new Authenticator() { protected PasswordAuthentication getPasswordAuthentication() { return new PasswordAuthentication("USUÁRIO DO GMAIL". this.smtp.socketFactory.host".gmail. message.ssl.put("mail. message.br 148 .put("mail.setFrom(new InternetAddress("EMAIL DE ORIGEM")). "smtp. "SENHA DO USUÁRIO← "). true). MimeMessage message = new MimeMessage(session). "EMAIL DE DESTINO").properties.send(message).RecipientType.properties. } // GETTERS AND SETTERS } www.properties. }.port". "false"). }.smtp. this.class". this.properties.k19.com").put("mail. message. MessagingException { Session session = Session. return "/selecoes".setRecipients(Message.com.fallback".setContent(this.smtp. this.properties.auth".smtp.properties. private Properties properties = new Properties(). Transport. this. message.getInstance(this. } public String envia() throws AddressException. private Authenticator authenticator.put("mail. "text/plain").socketFactory.SSLSocketFactory").TO. "javax.authenticator).setSentDate(new Date()). message.mensagem.setSubject("Copa do Mundo .Erro"). public EmailBean() { this. this. "465").put("mail.Projeto 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 @ManagedBean public class EmailBean { private String mensagem.net.

Sign up to vote on this title
UsefulNot useful