Olá desenvolvedores, se você tem acompanhado nossa série de tutorias, então chegou a hora de carregar os lançamentos para exibi-los em tela. Até aqui, além da implementação do CRUD (Create, Read, Update e delete), implementamos também o managedBean que é o responsável pela delegação de funções específicas para a camada de visão (view).

A camada de visão é onde os dados que foram solicitados na camada de modelo são exibidos, que aliás, é o que faremos neste tutorial. Já temos implementado o método carregarLancamentos(), que é responsável pelo carregamento dos dados apenas do usuário logado. Se ainda não viu este tutorial, é só clicar aqui, e acessar o “CRUD DE LANÇAMENTOS: FINALIZANDO”. Então está fácil para implementar a exibição dos dados.

CARREGANDO OS DADOS EM TELA

Para carregar os dados em tela na página lançamento.xhtml, usaremos o h:dataTable, que é um componente JSF – JavaServer Faces usado para exibir os dados de forma tabular.

O h:dataTable receberá como valor a Entidade Lancamentos, estabelecerá uma variável, e também um componente de estilização, que neste caso é a borda.

Definiremos por meio do f:facet um cabeçalho (header) para a tabela. O f:facet é a tag específica para criação de cabeçalhos em colunas de uma tabela.

<f:facet name=”#{LancamentoBean.Lancamentos}” var=’Lanc” border=”3” />

Com o componente h:column estruturaremos as quatro colunas correspondentes aos campos “id”, “Nota Fiscal”, “Origem” e “Destino” da tabela, onde cada coluna receberá a tag f:facet para definir um título no cabeçalho.

E então inicie o servidor ou atualize o projeto e veja o resultado. Cadastre alguns usuários testando todos os perfis criados. Insira alguns lançamentos para cada perfil e depois carregue estes dados, para que você possa realmente constatar o poder da aplicação que está construindo.

EM POUCAS PALAVRAS

Neste tutorial implementamos a exibição dos lançamentos em tela, exibindo apenas os lançamentos correspondentes ao usuário logado. Você agora poderá aplicar a estilização que desejar em sua página e/ou nas tabelas, divirta-se programando e estilizando. Eu fico por aqui e nos vemos no próximo tutorial.