Minicurso Java Server Faces

Java Server Faces
João Sávio C. Longo
joaosavio@gmail.com

Surgimento do JSF
• Duas técnicas de desenvolvimento de
aplicativos para web
– Desenvolvimento rápido
– Programação aprofundada

Características
• Especificação
– Cada um implementa da maneira que quiser
• Morraja (JSF RI) – Sun Microsystems
• MyFaces – Apache
• ADF Faces – Oracle
• Etc
– Possui um conjunto de componentes de UI pré-
desenvolvidos
– Modelo de programação dirigida por eventos

Características
• Especificação
– Modelo de componentes que permite a utilização
de outros componentes fornecidos por terceiros
• Woodstock
• JBoss RichFaces
• ICEFaces
• Apache Tomahawk
• http://www.jsfmatrix.net

Características
• Integração com Frameworks
– Hibernate
– Spring
– Seam
– Struts
– Facelets

Características
• Especificação
• Integração com Frameworks
• Servidores

Quem usa?
• Vivo
• CVC
• SUS
• TIM
• www.comprafacil.com.br
• Banco IBI

Visão Geral - Model
• Beans
public class User {

private String login;

public void setLogin(String login) {
this.login = login;
}

public String getLogin() {
return login;
}
}

Visão Geral - Controller
• Backing Beans
– Seus métodos podem ser chamados a partir da
view
– Contém as variáveis que serão mostradas na tela
– São configurados no faces-config.xml

• Backing Beans
– 3 tipos de escopo: request, session e application
– Instanciados automaticamente por Inversão de
Controle

public class BackingBean {

private User user = new User();

public String login() {
if (user.getLogin().equals(“João Sávio”))
return “main”;
else
return null;
}

//user setters and getters
}


<managed-bean>
<managed-bean-name>bb</managed-bean-name>
<managed-bean-class>BackingBean</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>

• Backing Beans
• Regras de navegação
– Ei, para qual página vamos agora?
– Configuradas também no faces-config.xml

<navigation-rule>
<from-view-id>/index.jsp</from-view-id>
<navigation-case>
<from-outcome>main</from-outcome>
<to-view-id>/main.jsp</to-view-id>
</navigation-case>
</navigation-rule>

Visão Geral - View
• Tags JSF
– <f:view>
– <h:form>
– <h:inputText>
– <h:inputSecret>
– <h:commandButton>
– http://www.horstmann.com/corejsf/jsf-tags.html

Juntando Tudo
• Expression Language
– É uma poderosa linguagem de expressão para
acessar propriedades de beans e coleções
– “#{apelido.algumaCoisa}”
– Quando ocorrer uma requisição pelo browser, os
elementos da página são preenchidos
dinamicamente pela camada de negócios

Juntando Tudo
<body>
<f:view>
<h:form>
Login: <h:inputText value="#{bb.user.login}"/>
<h:commandButton value="OK” action="#{bb.login}"/>
</h:form>
</f:view>
</body>

APRESENTO-LHES

FACESCONTEXT 

FacesContext
• Representa o estado da requisição atual
– Acessar a view atual
– Controlar a sessão
– Adicionar mensagens de erro
• Info, warn, error, fatal
– Controlar o ciclo de vida

FacesContext
• Representa o estado da requisição atual
• Como pegá-lo?
– FacesContext context =
FacesContext.getCurrentInstance();

Sessão
• Objeto HttpSession

• FacesContext fc = FacesContext.getCurrentInstance();
HttpSession httpSession = (HttpSession)
fc.getExternalContext().getSession(true);

Filtros
• Autenticação
• Log
• Modificar a requisição e a resposta
• Compressão de dados

Filtros
• Implementar javax.servlet.Filter
– init(FilterConfig filterConfig)
– doFilter(ServletRequest request, ServletResponse
response, FilterChain chain)
– destroy()

• Configurar no web.xml

Filtros
<filter>
<filter-name>AuthenticationFilter</filter-name>
<filter-class>controller.AuthenticationFilter</filter-class>
</filter>

<filter-mapping>
<filter-name>AuthenticationFilter</filter-name>
<url-pattern>/faces/home/*</url-pattern>
</filter-mapping>

Prática 2

Sistema de login + filtro de
autenticação

Internacionalização

Sistema Web


PERGUNTA:
Como a página vai escolher o
locale dinamicamente?

• Como a página vai escolher o locale
dinamicamente?
– <f:view locale=
"#{facesContext.externalContext.request.locale}">

• Criar arquivos
<fileName>_<língua>_<VARIANTE>.properties
– messages_pt_BR.properties
– messages_en_US.properties

• chave=valor

• messages_pt_BR.properties
index.login=Login
index.password=Senha
main.logout=Sair

• messages_en_US.properties
index.login=Login
index.password=Password
Main.logout=Logout

• Configurar no faces-config.xml

<application>
<locale-config>
<default-locale>en_US</default-locale>
<supported-locale>pt_BR</supported-locale>
</locale-config>
</application>

• <f:loadBundle basename="messages" var="msgs"/>

• <h:outputText value="#{msgs['index.login']}"/>

Prática 3

Sistema de login + filtro de
autenticação + internacionalização

Ciclo de Vida
1. Restore View
2. Apply request values
3. Process Validation
4. Update model values
5. Invoke Application
6. Render response

Ciclo de Vida
1. Restore View
– Recupera a árvore de components do cliente ou
sessão

Ciclo de Vida
1. Restore View
– Decodifica os componentes
– Preenche-os com valores string

Ciclo de Vida
1. Restore View
– Converte strings para objetos
– Valida os objetos

Ciclo de Vida
1. Restore View
– Chama os métodos setters dos managed beans

Ciclo de Vida
1. Restore View
– Invoca os métodos
– Verifica a navegação

Ciclo de Vida
1. Restore View
6. Render response
– Chama os métodos getters para preencher os
componentes

AJAX + JSF
• Antes
– Navegação orientada à páginas

• Agora
– Navegação orientada a estados

AJAX + JSF
private static String STATE1 = “state1”;
private static String STATE2 = “state2”;
private String currentState = STATE1;

public boolean isState1() {
return currentState.equals(STATE1);
}

public boolean isState2() {
return currentState.equals(STATE2);
}

AJAX + JSF
public String changeState() {
if (currentState.equals(STATE1) {
currentState = STATE2;
}
else {
currentState = STATE1;
}
}

Prática 4

Configurando a biblioteca RichFaces

Prática 5

Ajax simples na página main.jsp

Referências
• GEARY, David M; HORSTMANN, C. Core Java Server Faces. 1ª
edição, 2005
• Entendendo um pouco de Java Server Faces. Disponível em
http://www.javafree.org/artigo/871659/Entendendo-um-
pouco-de-Java-Server-Faces-JSF.html
• Especificação oficial JSF (capítulos 10 - 14). Disponível em
http://java.sun.com/javaee/5/docs/tutorial/doc/bnaph.html
• www.rponte.com.br

Obrigado!

João Sávio C. Longo
joaosavio@gmail.com

Minicurso Java Server Faces

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (13)

Semelhante a Minicurso Java Server Faces

Semelhante a Minicurso Java Server Faces (20)

Último

Último (20)

Minicurso Java Server Faces