Continuação... Criando a Interface e adiante

Tamanho: px

Começar a partir da página:

Download "Continuação... Criando a Interface e adiante"

Ronaldo Alvarenga
5 Há anos
Visualizações:

1 Continuação... Criando a Interface e adiante

2 Racepitulando 1. Criar um projeto web: JavaServer Faces + Tomcat + Primefaces 2. Criar um banco de dados Postgresql 3. Adicionar os jars: javax.persistence + eclipselink + postgresql (driver) 4. Criar o persistence.xml (arquivo de configurações) 5. Criar a unidade de persistência (JpaUtil) 6. Criar a classe DAO (Data Access Object)

3 Recapitulando 7. Criar as classes entidades - que terão dados persistidos 8. A classes entidades devem: a. implementar a interface Serializable b. ter a c. ter um construtor sem argumentos d. implementar os métodos hascode( ), equals( ), tostring( ) e. ter a para indicar o identificador f. ter a g. campos private com gets e sets 9. Registrar a classe no persistence.xml 10. Testar! JUnit é útil, acreditem!

4 Entidades com Relacionamentos Algumas entidades (classes) estão relacionadas entre si Sistema de exemplo:

5 Mapeando relacionamentos Se um objeto do tipo Veiculo pode estar em vários objetos do tipo Emprestimo Relacionamento UM PARA MUITOS Na classe Veiculo

6 Mapeando relacionamentos Se um objeto do tipo Usuario pode estar em vários objetos do tipo Emprestimo Relacionamento UM PARA MUITOS Na classe Usuario

7 Mapeando relacionamentos Se vários objetos do tipo Emprestimo podem ter um mesmo objeto do tipo Veiculo... Relacionamento MUITOS PARA UM Na classe Emprestimo

8 Mapeando relacionamentos Se vários objetos do tipo Emprestimo podem ter um mesmo objeto do tipo Usuario... Relacionamento MUITOS PARA UM Na classe Emprestimo

9 Criando a Interface e etc...

10 Criando a interface Para criar a interface utilizaremos JavaServer Faces Biblioteca PrimeFaces Documentação de PrimeFaces

11 JavaServer Faces JavaServer Faces É um framework que tem o objetivo simplificar o desenvolvimento de interfaces para web Fornece um conjunto de componentes para interação com o usuário É baseado em eventos: o evento no cliente causa uma resposta do servidor

12 Aplicações web

13 Aplicações web com Java Uma aplicação web é um programa que fica hospedado em um servidor O usuário acessa o programa por meio do browser O acesso aos sistemas é feito utilizando o modelo request/response O cliente solicita que uma ação seja realizada(request) e o servidor a realiza e responde ao cliente (response)

14 Aplicações web com Java No mundo Java os servidores são chamados de Servlet Container Exemplos de servidores: Glassfish Tomcat JBoss etc

15 Aplicações web com Java Neste curso, utilizaremos a biblioteca de componentes PrimeFaces Utilizaremos o modelo MVC - Model - View - Controller A ideia por trás do MVC é a separação de conceitos Separa-se a informação (e regras de negócio) da interface com a qual o usuário interage

16 Um pouco sobre MVC

17 Ou...

18 Um pouco sobre MVC Modelo (model): dados da aplicação Visão (view): camada que manipula os dados para exibição exibe os dados Controlador: faz a mediação entre o modelo e a visão (Nem todos concordam com isso...)

19 Criando o Controlador (Controller)

20 Vamos à prática - Uma classe do modelo Utilizaremos a classe Usuario, já criada: Construtor sem argumentos Implementa a interface Serializable Atributos privados e métodos get e set para cada atributo para relacionar com uma tabela do banco Definição de uma chave primária

21 Criando o controle para cadastro de usuários

22 Criando o Controlador O controlador: Implementa a interface Serializable Tem um construtor sem parâmetros Fica entre a tela e o modelo Um controlador processa as requisições do usuário e devolve as respostas

23 Criando o controle para cadastro de usuários

24 Cuidado com null pointer

25 Criando o controle Dê um nome e estabeleça o escopo

26 Criando o controle Nome: opcional Se não for dado, o padrão é o nome da classe com a primeira letra minúscula Escopo Tempo de vida do objeto (controlador)

27 Criando o controle Escopo Request: o objeto morre a cada requisição View: o objeto vive enquanto a aplicação não mudar de tela Session: enquanto durar a sessão Application: enquanto a aplicação estiver executando

28 Criando a tela Nossas telas serão criadas em xhtml Crie na pasta web do projeto (subpasta adequada) Reaproveite o esqueleto de telas É trabalhoso lembrar os detalhes Não se preocupe com aparência!! (por enquanto)

29 Criando a tela

30 Criando a tela - Arquivo xhtml

31 Criando um form Sempre que houver entrada de dados na tela, os campos devem estar dentro de um form

32 Criando um form A classe Usuario tem três atributos: codigo (atribuído automaticamente) nome unidade Vamos criar o campo para o usuário preencher o nome e unidade do novo usuário

33 Utilizando as tags do PrimeFaces As tags dos componentes do PrimeFaces se iniciam com <p: Um rótulo em PrimeFaces Componentes com uma linha terminam com />

34 Utilizando as tags do PrimeFaces Componentes com outros aninhados

35 Utilizando as tags do PrimeFaces Criando um campo para entrada de texto

36 Vinculando com o controller A vinculação com o controlador é feita por meio da linguagem EL - expression language A EL utiliza os caracteres #{ }

37 Componentes: botão de comando Vamos criar um botão de ação

38 Processando o evento Vamos criar um método no controlador para processar o evento gerado pelo botão

39 Processando o evento Vamos vincular o clique no botão ao método no controlador

40 Retornando mensagem Vamos adicionar um componente para exibir as mensagens

41 Retornando mensagem Vamos alterar o método no controlador para exibir uma mensagem ao usuário

42 Retornando mensagem É necessário dizer que queremos atualizar a tela (o form) após o processamento da ação relativa ao botão

43 Incrementando os Componentes jsf Vamos incrementar nosso componente

44 Navegação entre páginas

45 Navegação entre páginas Por meio do componente link outcome é a página destino novousuario é o nome do xhtml

46 Navegação entre páginas Por meio de método no controlador return null permanece na página return menu vai para menu.xhtml

47 Tabelas e outros componentes

48 Gerenciando Usuários (Cadastrar, Alterar, Excluir, Consultar) Já vimos como cadastrar um novo usuário (gravar o objeto no arquivo) Agora melhorar nossa tela para listar os objetos cadastrados, bem como poder alterá-los e excluí-los Utilizaremos um componente DataTable

49 Listando Usuários Cadastrados Já temos o método listartodos( ) na classe DAO que nos retorna uma lista com todos os objetos gravados no arquivo Precisamos uma lista no controlador para receber estes objetos

50 Listando Usuários Cadastrados No controlador:

51 Listando Usuários Cadastrados No xhtml:

52 Listando Usuários Cadastrados Cada coluna da tabela é um campo do objeto:

53 Excluindo Usuários Adicionamos uma coluna com um link excluir Observe que há um método no controlador...

54 Excluindo Usuários Incrementando nosso código: confirmação Observe que está fora da datatable

55 Excluindo Usuários No controlador...

56 Alterando Usuários

57 Alterando Usuários Criando as colunas com link: Vamos abrir um popup para editar o usuário

58 Alterando Usuários Vamos abrir um popup para editar o usuário

59 Alterando Usuários Enquanto isso, no controlador

60 Outros Componentes

61 Componentes de seleção Alguns componentes exigem um tratamento diferente, como SelectOneMenu e SelectOneRadio

62 SelectOneMenu Vamos cadastrar uma retirada de carro por um usuário

63 SelectOneMenu Exibindo os veículos existentes (neste caso a placa)

64 Converter e sua necessidade Tudo que é exibido em uma página html é texto É preciso converter o texto para um objeto No caso, a lista exibida no combo contém apenas as placas dos veículos Quando o usuário seleciona a placa, é necessário recuperar o objeto correspondente

65 Converter e sua necessidade Para isso criamos um converter

66 Converter e sua necessidade Um converter é uma classe que implementa a interface Converter

67 Criando o SelectOneMenu para Veiculos

68 Criando o SelectOneMenu para Veículos O value é o objeto no controlador que contém a seleção

69 Criando o SelectOneMenu para Veículos É preciso criar uma lista de opções (selectitem) A lista pode estar vinculada a uma lista no controlador (veiculos é uma List com todos os veículos)

70 Criando o SelectOneMenu para Veículos O itemvalue é o valor que o componente contém quando o usuário selecionar O itemlabel é o que aparecerá na tela var é uma variável para cada item da lista (você pode ver este código em emprestarveiculo.xhtml)

71 Controlador Lembrando que tudo vinculado a um controlador

72 Controlador Sobre o método registraremprestimo( )

73 Programe aí

Documentos relacionados

Continuação... Criando a Interface e adiante

Continuação... Criando a Interface e adiante Criando a interface Para criar a interface utilizaremos JavaServer Faces Biblioteca PrimeFaces Documentação de PrimeFaces http://www.primefaces.org/showcase/