Rich faces

Download Rich faces

Post on 07-Jul-2015

5.498 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

Curso de RichFaces da VerdeSource

TRANSCRIPT

<ul><li> 1. RichFaces<br />Introduo<br /></li></ul> <p> 2. RichFaces<br />RichFaces uma biblioteca de componentes para aplicaes web que utilizam o framework JSF <br />Os componentes desta biblioteca possuem um incrvel suporte AJAX, e pode ser considerada uma extenso do Ajax4jsf com inmeros componentes com Ajax embutido e com um suporte a Skins que podem deixar as interfaces da sua aplicao com um visual padronizado.<br /> 3. RichFaces<br />Vantagens<br />Facilita o uso de Ajax<br /> totalmente integrado com o ciclo de vida do JSF<br />Cria rapidamente telas complexas<br />Cria interface rica com usurrio com look-and-feel e skins<br />Cria componentes , actione listeners.<br /> 4. RichFaces<br />Para usar o RichFaces 3.3.1 necessrio:<br />Java &gt; 1.5<br />JavaServer Faces<br />Java application server ou servlet container<br />Browser (client side)<br />RichFaces framework<br /> 5. RichFaces<br />Frameworks compatveis:<br />JSF<br />Sun JSF-RI - 1.2_12<br />MyFaces 1.2.5<br />Facelets 1.1.1 - 1.2<br />Seam 1.2. - 2.1.0<br /> 6. RichFaces<br />Servidores de Aplicao compatveis:<br />Apache Tomcat 5.5 - 6.0<br />BEA WebLogic 9.1 - 10.0<br />Resin 3.1<br />Jetty 6.1.x<br />Sun Application Server 9 (J2EE 1.5)<br />Glassfish (J2EE 5)<br />JBoss 4.2.x - 5<br />Websphere 7.0. <br />Geronimo 2.0<br /> 7. RichFaces<br />Browsers compatveis:<br />Internet Explorer 6.0 - 8.0<br />Firefox 2.0 - 3.0<br />Opera 8.5 - 9.5<br />Safari 3.0<br />Google Chrome<br /> 8. RichFaces<br />Instalao<br />1 - Baixar as bibliotecas do richfaces no site<br />2 - Configurar o web.xml<br /> 9. RichFaces - Instalao<br />Configurar o web.xml<br /><br /><br />org.richfaces.SKIN<br />blueSky<br /><br /><br />org.richfaces.CONTROL_SKINNING<br />enable<br /><br /> 10. RichFaces - Instalao<br />Configurar o web.xml<br /><br />RichFacesFilter<br />richfaces<br />org.ajax4jsf.Filter<br /><br /><br />richfacesFacesServletREQUEST<br />FORWARDINCLUDE<br /><br /> 11. Exerccio 1<br />Configurar o RichFaces em uma aplicao JSF<br />Utilizar o richPanel para testar a instalao. <br />Cadastro OK, RichFaces funcionando<br /><br /> 12. RichFaces<br />AjaxSupport<br /> o mais importante componente do RichFaces. Ele permite adicionar ajax em componentes sem recurso de ajax<br />Deve ser inserido diretamente como filho de outro componente. Seus atributos chaves so:'event' e 'reRender'<br /><br /><br /> 13. Exerccio 2<br />Utilizar o ajaxSupport para mudar o valor de um objeto conforme vai apertando cada tecla<br />Utilizar o ajaxSupport para mudar o valor de um objeto ao sair do campo<br /> 14. RichFaces<br />AjaxValidation<br /> um componente desenvolvido para validaes ajax dentro de componentes Input, semelhante ao a4j:support , mas ele pula todas fases do JSF exceto validao. <br /><br /><br /><br /><br /><br /> 15. Exerccio 3<br />Utilizar o ajaxValidation para validar campos de entrada de dados<br />Utilizar o rich message<br /><br /><br /><br /><br /><br /><br /><br /><br /> 16. RichFaces<br />beanValidator <br />Criado a partir da verso 3.2.2 GA, prov suporte a validao usando Hibernate Validator. <br />rich:beanValidator deve ser definido da mesma forma que um validador JSF<br /><br /><br /><br /><br /><br /><br />@NotEmpty<br />@Pattern(regex=".*[^s].*", message="This string contain only spaces")<br />@Length(min=3,max=12)<br />private String name;<br /> 17. RichFaces<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />directInputSuggestions="true" defaultLabel=Selecione..." /&gt;<br /> 22. Exerccio 8<br />Utilizar o componente de modal<br /><br /><br /> Abrir Modal<br /> 23. Exerccio 9 (Opcional)<br />Criar uma LOV (List Of Value) de UFs.<br />Construir uma modal para apresentar as UFs, com uma tabela onde ter um link, que ao clicar, retorna a UF selecionada para tela anterior.<br /><br /><br /><br /><br /><br /><br /><br /> 24. Exerccio 10<br />Criar um rich:panel e inserir efeito nele<br /> ....panelcontent....<br />BlindDownEffectBlindUpEffectOpacityEffect<br /> 25. Exerccio 11<br />Entrar no site e verificar outros componentes e fazer testes<br />http://livedemo.exadel.com/richfaces-demo/<br /> 26. FIM<br /></p>