richfaces 4 - desenvolvimento jsf mais rico

Globalcode – Open4education

RichFaces 4 Desenvolvimento Web com JSF2 mais rico


Eu

Eder Magalhães

[email protected] twitter.com/edermag


Agenda

!   Sobre JavaServer Faces; !   Introdução ao RichFaces; !   Características do RichFaces; !   Demonstração de Componentes Visuais; !   Demonstração da Validação lado cliente; !   Links e twitters;


Sobre o JavaServer Faces

!   Framework MVC Java baseado em UI Component; !   Templates e Composite Components (Facelets); !   Ajax Nativo; !   Configuração via anotações; !   Navegação implícita; !   Bookmarkable / Requisição GET; !   Várias opções de escopo; !   Suporte a Bean Validation;


Relembrando: JSF 1.x

!   Não suportava Ajax nativo; !   Gestão de escopo limitada; !   Sem suporte a GET; !   Customização de componentes UI relativamente complexa; !   Configuração somente através de XML; !   Praticamente impossível desenvolver uma app utilizando o JSF 1.x “puro”;


JSF 1.* puro?

!   Usar um suíte ou extensão de componentes era praticamente obrigatório!


JSF 2 versus Suíte de Componentes

!   Com JSF 2 ainda é necessário utilizar uma suíte? !   Algumas limitações da especificação: !   Componentes UI ainda são rústicos; !   Poucas opções de Componentes UI; !   Não define componente de tema/skin; !   Modelo de requisição Ajax é bem simples; !   Não disponibiliza tratamento nativo para Flow;


!   RichFaces é a suíte mais famosa para JSF 1.*; !   RichFaces 4: !   Lançado recentemente com suporte a JSF 2; !   Projeto foi reconstruído para suportar JSF 2;


JavaScript do RichFaces 4

!   JavaScript gerado é baseado em jQuery!


Refactoring

!   Todos os componentes foram revisados: !   Usabilidade; !   Melhor semântica HTML; !   Mais performance em código client-side e server-side; !   Código mais limpo;


Instalação

!   Só colocar os jars no projeto (libs); !   Ou configurar os artefatos (Maven); !   Nenhuma configuração extra via xml;


Roda em quais servidores?

!   Tomcat 6 e 7; !   JBoss AS 6 e 7; !   Glassfish 3.*; !   Qualquer servidor com suporte a JSF 2; !   Cloud: GAE + Amazon EC2 + CloudBees;


Mais detalhes sobre o RichFaces

!   UI Components: !   a4j: tag lib p/ Ajax; !   rich: tag lib p/ componentes visuais;

!   Skin; !   Validação client-side (Bean Validation); !   Component Development Kit


Alguns Componentes Ajax

!   a4j:ajax ! a4j:commandButton ! a4j:commandLink ! a4j:param

!   a4j:poll !   a4j:status !   a4j:region


Queue para Ajax

!   Organiza as requisições Ajax em telas complexas; !   Funcionalidades: !   requestDelay !   requestGrouping !   ignoreDupResponses

!   Cria um escopo de fila; !   Eventos no cliente e API JavaScript;


Alguns Componentes UI

!   rich:datatable !   rich:dataGrid !   rich:calendar !   rich:toolTip

!   rich:select !   rich:list !   rich:autocomplete


ScrumToys: a cobaia!

!  Demo: instalação + componentes básicos do RichFaces


Componentes p/ próximas versões

!   rich:colorPicker !   rich:editor !   rich:listShuttle !   rich:gmap


Validação lado cliente

!   Utiliza os validadores JSF; !   Compreende JSR 303; !   Gera código JavaScript para validar; !   Suporta validação de múltiplos valores (campos); !   Agrega valor ao rich:message;


ScrumToys: a cobaia, o retorno!

!  Demo: validadores JSF + Bean Validations


RichFaces 4 Mobile Development

!   http://bit.ly/mCWTZB

Post falando sobre o assunto no Jboss World 2011 Keynote


RichFaces 4.1 – coming soon

!   Os fontes migrados para o Git; !   Novos componentes UI; !   Integração com Seam-forge; !   Melhor suporte p/ HTML5 e Mobile; !   Sandbox e CDK; !   Bug fixing;

6 meses de trabalho…


Experimente

! http://richfaces-showcase.appspot.com/

RichFaces 4 Showcase


JavaServer Faces

Service

Persistence

Model

Estratégia para aplicativos JSF

+ + …

!   http://bit.ly/oiPSmj


Planejamento p/ JSF

JavaServer Faces Java EE JSF 1.2 – JSR 127 5.0 JSF 2.1 – JSR 314 6.0 JSF 2.2 – JSR 344 6.0

JSF 3 7.0


Algumas referências ! http://www.jboss.org/richfaces !   http://bit.ly/RF_Downloads !   http://bit.ly/RH_Getting_Started !   http://bit.ly/RF_User_Space !   http://richfaces-showcase.appspot.com/ !   http://jcp.org/en/jsr/detail?id=344 !   http://blog.globalcode.com.br/search/label/JSF !   http://mkblog.exadel.com/


Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam


Obrigado !

[email protected] @edermag

richfaces 4 - desenvolvimento jsf mais rico

Technology