Cícero Ednilson

Blog sobre Desenvolvimento de Softwares

Home » Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 12: Consulta com Carousel PrimeFaces.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 12: Consulta com Carousel PrimeFaces.

Nessa parte do nosso tutorial vamos criar uma consulta usando o componente Carousel do PrimeFaces.

Páginas do tutorial.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 1: Introdução.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 2: Criando o banco de dados.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 3: Criando o projeto com JSF no Maven.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 4: Criando o template com Facelets.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 5: Desenvolvendo a autenticação do sistema.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 6: Desenvolvendo cadastro de pessoa.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 7: Desenvolvendo cadastro via upload de arquivo XML.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 8: Desenvolvendo consulta com PrimeFaces dataTable.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 9: Formatando LocalDateTime.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 10: Editando um registro.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 11: Excluindo um registro.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 12: Consulta com Carousel PrimeFaces.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 13: Consulta com Gráfico PrimeFaces.

Criando uma aplicação Java com JSF, PrimeFaces, CDI e JPA – Parte 14: Exportando arquivo XML com fileDownload e Jdom.

Criando Consulta com Carousel.

No pacote br.com.ciceroednilson.pessoa.controller vamos criar uma classe com o nome de ConsultarPessoaCarouselController, depois vamos deixar nossa 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
38
39
40
package br.com.ciceroednilson.pessoa.controller;
 
import java.io.Serializable;
import java.util.List;
 
import javax.annotation.PostConstruct;
import javax.enterprise.inject.Produces;
import javax.faces.view.ViewScoped;
import javax.inject.Inject;
import javax.inject.Named;
 
import br.com.ciceroednilson.model.PessoaModel;
import br.com.ciceroednilson.repository.PessoaRepository;
 
@Named(value="consultarPessoaCarouselController")
@ViewScoped
public class ConsultarPessoaCarouselController implements Serializable {
 
	private static final long serialVersionUID = 1L;
 
	@Inject transient
	private PessoaRepository pessoaRepository;
 
	@Produces 
	private List<PessoaModel> pessoas;
 
	public List<PessoaModel> getPessoas() {
		return pessoas;
	}
 
	@PostConstruct
	private void init(){
 
		this.pessoas = pessoaRepository.GetPessoas();
	}
 
 
 
 
}

Agora na pasta sistema vamos adicionar uma página com o nome de consultarPessoaCarousel.xhtml, depois vamos deixar nossa página 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
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
<!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://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:format="http://ciceroednilson.com.br/LocalDateTimeConverter"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">
 
<h:head>
</h:head>
 
<ui:composition template="/template/layoutBase.xhtml">
 
	<ui:define name="content">
 
		<div style ="padding-left:25%;">
 
			<h:form id="form-consulta-carousel">
 
			<p:carousel value="#{consultarPessoaCarouselController.pessoas}" 
						var="pessoa"
						responsive="true"
						itemStyle="height:250px;"
						numVisible="3"
						style="width:600px">
 
			        	<div style="margin-left: 5px;">	            
 
			            	<p><h:outputText value="Código: #{pessoa.codigo}" /></p>		 
			            	<p><h:outputText value="Nome: #{pessoa.nome}" /></p>		            	 
			            	<p><h:outputText value="Sexo: #{pessoa.sexo}" /></p>		            		 			
			 				<p><h:outputText value="E-mail: #{pessoa.email}" /></p>
			            	<p><h:outputText value="Endereço:#{pessoa.endereco}" /></p>	          
			            	<p><h:outputText value="Origem Cadastro: #{pessoa.origemCadastro}" /></p>
			            	<p><h:outputText value="Usuário que Cadastrou: #{pessoa.usuarioModel.usuario}" /></p>
 
			            	<p>				
					<h:outputText value="Data de Cadastro: "/>
			            	<h:outputText value="#{pessoa.dataCadastro}">		            
			            	<format:LocalDateTimeConverter pattern="dd/MM/yyyy HH:mm:ss"/>		            	
			            	</h:outputText>
			            	</p>
 
			            </div>
 
				    <f:facet name="footer">
				         Total de registros: #{fn:length(consultarPessoaCarouselController.pessoas)}
				    </f:facet>
 
 
			</p:carousel>
 
			</h:form>	
 
		</div>
 
	</ui:define>
 
</ui:composition>
</html>

Agora vamos abrir o nosso header.xhtml, e vamos adicionar a chamada da nossa página que contem o carousel.

Abaixo podemos ver o fluxo entre nossa página e nossas classes.

Testando consulta com Carousel.

Agora vamos realizar o deploy da nossa aplicação para testarmos a nossa página de consulta, e então vamos clicar no menu Consulta por Carousel e vamos ver a página abaixo.

Bom é isso ai amigos, na próxima parte do nosso tutorial vamos aprender a trabalhar com o componente de gráfico do PrimeFaces, até a próxima.

Comentários

Name of author

Name: ciceroednilson@gmail.com

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *