richfaces 4 - desenvolvimento jsf mais rico
Post on 06-Jun-2015
5.287 Views
Preview:
TRANSCRIPT
Globalcode – Open4education
RichFaces 4 Desenvolvimento Web com JSF2 mais rico
Globalcode – Open4education
Eu
Eder Magalhães
eder@yaw.com.br twitter.com/edermag
Globalcode – Open4education
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;
Globalcode – Open4education
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;
Globalcode – Open4education
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”;
Globalcode – Open4education
JSF 1.* puro?
! Usar um suíte ou extensão de componentes era praticamente obrigatório!
Globalcode – Open4education
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;
Globalcode – Open4education
! 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;
Globalcode – Open4education
JavaScript do RichFaces 4
! JavaScript gerado é baseado em jQuery!
Globalcode – Open4education
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;
Globalcode – Open4education
Instalação
! Só colocar os jars no projeto (libs); ! Ou configurar os artefatos (Maven); ! Nenhuma configuração extra via xml;
Globalcode – Open4education
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;
Globalcode – Open4education
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
Globalcode – Open4education
Alguns Componentes Ajax
! a4j:ajax ! a4j:commandButton ! a4j:commandLink ! a4j:param
! a4j:poll ! a4j:status ! a4j:region
Globalcode – Open4education
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;
Globalcode – Open4education
Alguns Componentes UI
! rich:datatable ! rich:dataGrid ! rich:calendar ! rich:toolTip
! rich:select ! rich:list ! rich:autocomplete
Globalcode – Open4education
ScrumToys: a cobaia!
! Demo: instalação + componentes básicos do RichFaces
Globalcode – Open4education
Componentes p/ próximas versões
! rich:colorPicker ! rich:editor ! rich:listShuttle ! rich:gmap
Globalcode – Open4education
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;
Globalcode – Open4education
ScrumToys: a cobaia, o retorno!
! Demo: validadores JSF + Bean Validations
Globalcode – Open4education
RichFaces 4 Mobile Development
! http://bit.ly/mCWTZB
Post falando sobre o assunto no Jboss World 2011 Keynote
Globalcode – Open4education
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…
Globalcode – Open4education
Experimente
! http://richfaces-showcase.appspot.com/
RichFaces 4 Showcase
Globalcode – Open4education
JavaServer Faces
Service
Persistence
Model
Estratégia para aplicativos JSF
+ + …
! http://bit.ly/oiPSmj
Globalcode – Open4education
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
Globalcode – Open4education
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/
Globalcode – Open4education
Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam
Globalcode – Open4education
Obrigado !
eder@yaw.com.br @edermag
top related