Baixado 26 vezes
Carregado porDalton Valadares
Desenvolvimento Web com JSF
O documento apresenta um plano de aula sobre desenvolvimento web com JavaServer Faces (JSF), abordando os fundamentos e características do JSF, exemplos básicos de implementação e configuração do ambiente.
Mais conteúdo relacionado
Semelhante a Desenvolvimento Web com JSF
Desenvolvimento Web com JSF
- 1.
- 2. Plano ● Visão geralsobre desenvolvimento web; ● Fundamentos e características do JSF; ● Principais implementações e bibliotecas de componentes; ● Ciclo de vida do JSF; ● Exemplos básicos.
- 3. Desenvolvimento: Desktop xWeb Desktop: ● Replicação de código nos clientes; ● Processamento local → Regras de negócio, validações, etc.; ● Gerência, manutenção e depuração mais complicados. Web: ● Código centralizado em servidor; ● Clientes mais leves e comunicação por HTTP; ● Requisições e respostas; ● Melhor gerenciamento e manutenibilidade.
- 4.
- 5. Frameworks web baseadosem componentes ● Arcabouços de software/Conjuntos de bibliotecas; ● Abstraem protocolo de comunicação; ● Dinamizam operações repetitivas de desenvolvimento; ● Buscam reutilização de código, evitando complexidade; ● Fornecem acesso a dados, segurança, gerência de sessão, modelagem, etc.; ● Componentes visuais pré-definidos (renderização da UI); ● Exemplos: Struts, Spring Web MVC, GWT, JSF, etc.
- 6. MVC - ModelView Controller Modelo arquitetural/Padrão de projeto: separa regras de negócio/modelo de dados e visão por meio de um controlador. Fonte: https://www.youtube.com/watch?v=3Cj2mDx0-Ws#t=745
- 7. JavaServer Faces (JSF) ●Framework web MVC ● Definida pela JCP (padrão Java) ● Conjunto de componentes padrão (UI) ● Tags jsp para acesso aos componentes ● Extensível/personalizável ● Comunicação entre componentes e dados do servidor ● Eventos de componentes chamam funções do
- 8. JavaServer Faces (JSF) ●Validação e conversão de dados ● Suporte a Ajax ● Suporte à Internacionalização ● Guarda estado dos componentes (Stateful) ● Servidores de aplicação: Tomcat, Glassfish, JBoss, etc.
- 9. Implementações e Bibliotecasde componentes Implementações: ● Implementação de referência: Oracle Mojarra (http://javaserverfaces.java. net/) ● Outra implementação: MyFaces, da Apache (http: //myfaces.apache.org/) Bibliotecas: ● RichFaces ● PrimeFaces ● ICEFaces ● OpenFaces ● Trinidad
- 10.
- 11.
- 12.
- 13. Ciclo JSF Requisição Restaurar visão Aplicarvalores da requisição Processar requisições Atualizar valores do modelo Chamar aplicação Renderizar resposta Resposta
- 14. Configuração de ambiente Fonte:https://www.youtube.com/watch?v=TA-s9z1eHrQ
- 15. Configuração de ambiente(cont.) Configuração do ‘controlador’ do JSF (web.xml): <servlet> <servlet-name>FacesServlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>FacesServlet</servlet-name> <url-pattern>*.xhtml</url-pattern> </servlet-mapping> Eclipse → Configuração ‘automática’
- 16. Configuração, ainda... faces-config.xml (configuraçõesdos ManagedBeans) <faces-config xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd" version="2.0"> </faces-config> Menos usado, atualmente → @annotations
- 17. View JSF (xhtml)- Básico Importar tags JSF → Namespace no .xhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <!-- Tags do JSF --> </html>
- 18. Tags JSF -Componentes Hierarquia de componentes <html ...> <h:head> <!-- Cabeçalho --> </h:head> <h:body> <!-- Corpo da página --> </h:body> </html>
- 19. Managed Bean @ManagedBean public classTimeBean { public String getTime() { SimpleDateFormat sdf = new SimpleDateFormat("hh:mm:ss"); return "Hora atual: " + sdf.format(new Date()); } }
- 20. View ←→ ManagedBean <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>JSF - Primeira Aula</title> </h:head> <h:body> <h:outputText value =”#{timeBean.time}” /> </h:body> </html>
- 21. JSF - Outroscomponentes básicos <h:form> <h:outputLabel for="date" value="Digite a data de hoje:"/> <h:inputText id="date" value="#{timeBean.date}"/> <h:commandButton value="Ok" action="#{timeBean.time}"/> </h:form> Importante: <h:outputText value="Hora: #{timeBean.time}" rendered="#{not empty timeBean.time}"/>
- 22.
- 23.