JSF Facelets. Como Facelets muda a forma de desenvolver com JSF

Tamanho: px

Começar a partir da página:

Download "JSF Facelets. Como Facelets muda a forma de desenvolver com JSF"

Oswaldo Dias Lombardi
10 Há anos
Visualizações:

1 JSF Facelets Como Facelets muda a forma de desenvolver com JSF

2 Agenda JSF 1.x JSF e JSP Facelets JSF 2.0

3 JSF Framework MVC Eventos (Observadores) Manter o estado da View Uma árvore de componete

4 JSF

5 JSF e JSP Tecnologias não combinam JSP JSF Cria e renderiza os componentes em paralelos Processa e responde Os componentes são criados e somente depois renderizados Ciclo complexo

6 JSF e JSP <ul> <c:foreach items="${books}" var="b"> <li><h:outputtext id="id" value="#{b}" /></li> </c:foreach> </ul>

7 Facelets Substitui o compilador JSP Feito especialmente para trabalhar com JSF Tempo de resposta de 30% à 40% mais rápido

8 Facelets Configuração Download: Adicionar no web.xml <context-param> <param-name> javax.faces.default_suffix </param-name> <param-value>.xhtml</param-value> </context-param> Adionar no faces-config.xml <application> <view-handler> com.sun.facelets.faceletviewhandler </view-handler> </application>

9 Facelets Templates <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" <head><title>facelets</title></head> <body> <div id="body"> <div id="header"><ui:include src="/template/include/header.xhtml"/></div> <div id="content"> <ui:insert name="content">body Content</ui:insert> </div> <div id="footer"><ui:include src="/template/include/footer.xhtml"/></div> </div> </body> </html>

10 Facelets Templates <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" O Conteúdo fora da tag 'ui:composition' e 'ui:define' não são exibidos <ui:composition template="/template/template.xhtml"> <ui:define name="content"> Substituindo o conteúdo do 'content' definido no 'template.xhtml' </ui:define> </ui:composition> </html>

11 Facelets Componentes <c:if test="#{empty required}"><c:set var="required" value="false" /></c:if> <c:if test="#{empty rendered}"><c:set var="rendered" value="true" /></c:if> <c:if test="#{empty secret}"><c:set var="secret" value="false" /></c:if> <h:panelgrid columns="3" columnclasses="lblcolumn, inputcolumn, msgcolumn" width="300" border="0"> <h:outputlabel value="#{label}: " for="#{id}" rendered="#{rendered}"/> <c:choose> <c:when test="${secret}"> <h:inputsecret id="#{id}" value="#{value}" required="#{required}" maxlength="#{maxlength}" rendered="#{rendered}" disabled="#{disabled}" size="12"/> </c:when> <c:otherwise> <h:inputtext id="#{id}" value="#{value}" required="#{required}" maxlength="#{maxlength}" rendered="#{rendered}" disabled="#{disabled}" size="10"/> </c:otherwise> </c:choose> <h:message for="#{id}" rendered="#{rendered}" styleclass="error"/> </h:panelgrid>

rendered="#{rendered}"/> <c:choose> <c:when test="${secret}"> <h:inputsecret id="#{id}" value="#{value}" required="#{required}" maxlength="#{maxlength}" rendered="#{rendered}" disabled="#{disabled}"

12 Facelets Componentes Criar arquivo xml de configuração <!DOCTYPE facelet-taglib PUBLIC "-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN" " <facelet-taglib> <namespace> <tag> <tag-name>inputcomponent</tag-name> <source>source/inputcomponent.xhtml</source> </tag> </facelet-taglib> Adicionar no web.xml <context-param> <param-name>facelets.libraries</param-name> <param-value>/web-inf/tags/alfa.tags.xml</param-value> </context-param>

alfa/tags</namespace> <tag> <tag-name>inputcomponent</tag-name> <source>source/inputcomponent.

13 Facelets Componentes <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:alfa=" <ui:composition template="/template/template.xhtml"> <ui:define name="content"> <h:form id="form" prependid="false"> <alfa:inputcomponent label="login" id="login" value="login" required="true" maxlength="10"/> <alfa:inputcomponent label="password" id="password" value="password" required="true" maxlength="10" secret="true"/> <h:commandbutton action="enter" value="enter"/> </h:form> </ui:define> </ui:composition> </html>

xhtml"> <ui:define name="content"> <h:form id="form" prependid="false"> <alfa:inputcomponent label="login" id="login" value="login" required="true"

14 JSF 2.0 Facelets conquistou o JCP Facelets + JSF = JSF Incorporado na especificação Novas features Mais maduro

15 JSF 2.0 <html xmlns=" xmlns:f=" xmlns:ui=" xmlns:composite=" <composite:interface> <composite:valueholder name="username" /> <composite:valueholder name="password" /> <composite:actionsource name="loginevent" /> </composite:interface> <composite:implementation> <h:panelgrid columns="2"> Username: <h:inputtext id="username" /> Password: <h:inputsecret id="password" /> <h:commandbutton value="login" id="loginevent" /> </h:panelgrid> </composite:implementation> </html>

name="loginevent" /> </composite:interface> <composite:implementation> <h:panelgrid columns="2"> Username: <h:inputtext id="username" /> Password:

16 JSF 2.0 <html xmlns=" xmlns:f=" xmlns:alfa=" <h:head><title>exemplo</title></h:head> <h:body> <p>mostrando o basico de JSF2</p> <ui:debug hotkey="p" rendered="true"/> <h:form> <div> <alfa:loginpanel> <f:actionlistener for="loginevent" type="exemplo.loginactionlistener" /> </alfa:loginpanel> <p><h:outputtext value="#{mensagemlogin}" /></p> </div> <p><h:commandbutton value="reload" /></p> </h:form> </h:body> </html>

JSF2</p> <ui:debug hotkey="p" rendered="true"/> <h:form> <div> <alfa:loginpanel> <f:actionlistener for="loginevent" type="exemplo.

17 JSF 2.0 package exemplo; import javax.faces.*; public class LoginActionListener implements ActionListener { public void processaction(actionevent event) throws AbortProcessingException { UIComponent source = event.getcomponent(); ValueHolder valueholder1,valueholder2; valueholder1 = (ValueHolder) source.findcomponent("username"); valueholder2 = (ValueHolder) source.findcomponent("password"); String msg = "Ola usuario: "+valueholder1.getvalue() +", descobri sua senha: "+valueholder2.getvalue()+". O login funcionou"; FacesContext fc = FacesContext.getCurrentInstance(); fc.getexternalcontext().getrequestmap().put("mensagemlogin",msg); } }

source = event.getcomponent(); ValueHolder valueholder1,valueholder2; valueholder1 = (ValueHolder) source.

18 Perguntas

19 Referências e_ui_components

com/pub/a/onjava/2004/06/09/jsf.html http://www.ibm.

20 Contato Alexandre Campelo Fabiana Anjos

Documentos relacionados

Introdução. <facelets> Templates. Configurações. Componentes. Prof. Enzo Seraphim

Introdução. <facelets> Templates. Configurações. Componentes. Prof. Enzo Seraphim Introdução Templates Configurações Componentes Prof. Enzo Seraphim Definição Linguagem de descrição de páginas (PDL Page Description Language) criada para JSF. Estabelece templates que suportam