JSF – Tutorial RichFaces

RichFaces é uma biblioteca de componentes para aplicações que utilizam JSF. Uma das suas características mais poderosas é o uso embutido do AJAX em seus componentes, assim o desenvolvedor não precisa se preocupar em reiventar a roda criando funções JavaScript. De maneira simples podemos utilizar vários componentes complexos apenas inserindo-os em nossa aplicação.

Outra característica bem bacana é o suporte a skins que deixam a interface da aplicação padronizada.

Versões utilizadas

  • Eclipse 3.4.1
  • JDK 1.6
  • Tomcat 6.0.18
  • MyFaces 1.2.5
  • RichFaces 3.3.1

Instalação

  • Baixar o RichFaces aqui
  • Descompacte os arquivos
  1. richfaces-api-3.3.1.GA.jar
  2. richfaces-impl-3.3.1.GA.jar
  3. richfaces-ui-3.3.1.GA.jar

na pasta WEB-INF/lib do seu projeto

Registrando no web.xml

Adicione as seguintes linhas no seu arquivo web.xml:

<context-param>
    <param-name>org.richfaces.SKIN</param-name>
    <param-value>blueSky</param-value>
</context-param>
<context-param>
    <param-name>org.richfaces.CONTROL_SKINNING</param-name>
    <param-value>enable</param-value>
</context-param>
<filter>
    <display-name>RichFaces Filter</display-name>
    <filter-name>richfaces</filter-name>
    <filter-class>org.ajax4jsf.Filter</filter-class>
</filter>
<filter-mapping>
    <filter-name>richfaces</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
    <dispatcher>REQUEST</dispatcher>
    <dispatcher>FORWARD</dispatcher>
    <dispatcher>INCLUDE</dispatcher>
</filter-mapping>

Primeira página

Crie um arquivo pagina.jsp na pasta WebContent/pages do seu projeto com o seguinte conteúdo:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.ajax4jsf.org/rich"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Página JSF</title>
</head>
<body>
<f:view>
     <rich:calendar/>
</f:view>
</body>
</html>

Resultado

pagina

Download do projeto

Baixe o projeto completo aqui.

Demonstração dos componentes

Aqui você poderá visualizar os outros componentes.

Até o próximo post!


3 Comentários on “JSF – Tutorial RichFaces”

  1. […] https://serjaum.wordpress.com/2009/07/25/jsf-tutorial-richfaces/ Categories: Main, java, jsf Click here to cancel reply. Name (required) […]

  2. Show!!!!
    Estava precisando dessas informações.
    Abraços.

    Au Freitas


Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s