Primefaces Java: trabalhando com gr�ficos em Java

Fique por dentro

Este artigo � �til por apresentar como adicionar gr�ficos em sistemas desenvolvidos com o PrimeFaces, biblioteca para a construç�o de interfaces ricas (e em JSF) com o usu�rio e que oferece, al�m de componentes para a criaç�o de telas de cadastro e listagem, opç�es para a criaç�o de diferentes tipos de gr�ficos, que podem ser utilizados para a an�lise de dados ou para a geraç�o de relat�rios.
Autores: Eduardo Felipe Zambom Santana e Luiz Henrique Zambom Santana

Um dos principais diferenciais do PrimeFaces em relaç�o aos seus concorrentes � a grande quantidade de componentes disponibilizados, que podem ser utilizados para os mais diversos fins, como para a criaç�o de telas de cadastro, listagens, galerias de imagens, entre outras opç�es. Adicionalmente, s�o oferecidos componentes para a criaç�o de gr�ficos, os quais s�o bastante simples de serem utilizados.

Para a geraç�o de um gr�fico, � necess�rio apenas informar os dados e alguns par�metros, como o tipo do gr�fico desejado (se ele ser� um gr�fico de barras, linhas, pizza ou outro tipo) e o seu t�tulo. Os dados utilizados podem ser recuperados de diversas fontes, como de arquivos texto, criados diretamente na aplicaç�o, coletados de um banco de dados, entre outras opç�es.

Com o intuito de explorar o uso de gr�ficos em um projeto web com o PrimeFaces, este artigo demonstrar� o desenvolvimento de uma aplicaç�o para cadastro e visualizaç�o de pesquisas eleitorais. As informaç�es necess�rias para a geraç�o desses gr�ficos ser�o recuperadas de um banco dedados PostgreSQL, que ser� manipulado com o Hibernate. Para possibilitar o cadastro das informaç�es, ser�o criados dois formul�rios: um para a inserç�o dos dados dos candidatos que participam de uma eleiç�o e outro para o cadastro dos resultados das pesquisas de opini�o. Por fim, ser� implementada uma tela para a visualizaç�o das pesquisas, na qual ser�o exibidos gr�ficos de linhas, barras e pizza.

Configuraç�o do JSF e do PrimeFaces

Antes de começar a implementaç�o do projeto, � necess�rio fazer sua configuraç�o. Em nosso exemplo, para a gest�o das depend�ncias ser� empregado o Apache Maven, como mostra a Listagem 1, onde � apresentado o arquivo pom.xml com as depend�ncias do PrimeFaces 5.1, do JSF 2.2, do Hibernate e do driver para a conex�o com o banco de dados PostgreSQL.

Listagem 1. Configuraç�o das depend�ncias do projeto Maven.

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
         <modelVersion>4.0.0</modelVersion>
         <groupId>com.devmedia.primefaces</groupId>
         <artifactId>graficos</artifactId>
         <version>0.0.1-SNAPSHOT</version>
         <packaging>war</packaging>
   
         <dependencies>
               <dependency>
                      <groupId>org.primefaces</groupId>
                      <artifactId>primefaces</artifactId>
                      <version>5.1</version>
                      <scope>compile</scope>
               </dependency>
               <dependency>
                      <groupId>org.glassfish</groupId>
                      <artifactId>javax.faces</artifactId>
                      <version>2.2.0</version>
                      <scope>compile</scope>
               </dependency>
               <dependency>
                      <groupId>org.hibernate</groupId>
                      <artifactId>hibernate-entitymanager</artifactId>
                      <version>5.1.0.Final</version>
               </dependency>
               <dependency>
                      <groupId>postgresql</groupId>
                      <artifactId>postgresql</artifactId>
                      <version>9.1-901-1.jdbc4</version>
               </dependency>
         </dependencies>
  </project>

Al�m das depend�ncias, � necess�rio criar o arquivo web.xml, como mostrado na Listagem 2, no diret�rio WEB-INF. Nele devem ser realizadas a configuraç�o do JavaServer Faces, o que � feito com a inclus�o do servlet JSF na tag <servlet>, e o mapeamento das requisiç�es que ser�o atendidas por esse servlet, o que � feito na tag <url-pattern>.

Listagem 2. C�digo do arquivo web.xml.

<?xml version="1.0" encoding="UTF-8"?>
  <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
      <display-name>com.devmedia.primefaces</display-name>
      <servlet>
          <servlet-name>Faces Servlet</servlet-name>
          <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
          <load-on-startup>1</load-on-startup>
      </servlet>
      <servlet-mapping>
          <servlet-name>Faces Servlet</servlet-name>
          <url-pattern>*.xhtml</url-pattern>
      </servlet-mapping>
      <welcome-file-list>
          <welcome-file>/index.xhtml</welcome-file>
      </welcome-file-list>
      <error-page>
          <exception-type>javax.faces.application.ViewExpiredException</exception-type>
          <location>/index.xhtml</location>
      </error-page>
  </web-app>

A �ltima configuraç�o necess�ria � a definiç�o do banco de dados da aplicaç�o e seus atributos. Nesse projeto utilizaremos o PostgreSQL, SGBD completo, robusto, gratuito e de c�digo fonte aberto. Essa configuraç�o ser� feita no arquivo persistence.xml, que possui todos os par�metros para a conex�o da aplicaç�o com o banco (veja a Listagem 3).

Listagem 3. "

[...] continue lendo...

Aprenda a trabalhar com gr�ficos no PrimeFaces

Desenvolva uma aplicação para cadastro de pesquisas eleitorais com JPA e PostgreSQL e apresente os resultados na forma de gráficos com o PrimeFaces.

Artigos relacionados