Regras de Navegação e Templates

Tamanho: px

Começar a partir da página:

Download "Regras de Navegação e Templates"

Maria Vitória de Sousa Brunelli
6 Há anos
Visualizações:

1 Regras de Navegação e Templates Primeiras páginas Paulo Ricardo Lisboa de Almeida 1

inserts Utilize o tutorial disponível no site da disciplina Inicialize o

2 Instanciando a aplicação Clone o projeto da aula com o Git (disponível no site da disciplina) Suba o banco de dados Crie as tabelas e rode o script de inserts Utilize o tutorial disponível no site da disciplina Inicialize o Eclipse e importe o Projeto Utilize o tutorial disponível no site da disciplina 2

3 Regras de navegação Desejamos redirecionar o usuário para determinada página após alguma ação Exemplo: após logar, o usuário vai para a página inicial 3

4 Regras de Navegação Os métodos chamados por um botão da tela podem retornar uma String Essa string será utilizada como hash de navegação public class LoginMB { //... public String login() { try{ if(cpf == 1) {//loga somente se digitarmos 1 Funcionario f = new Funcionario(); f.setcpf(cpf); // esse funcionário não existe no banco! Esse é somente um teste f.setdataadmissao(new Date()); f.setid(1l); f.setnascimento(new Date()); f.setnome("funcionário teste"); f.settipofuncionario(new TipoFuncionario()); usermb.setfuncionario(f); } //... } return "index"; }else { JSFMessageUtil.sendWarningMessageToUser("Login incorreto!"); } }catch(exception e){ e.printstacktrace();//logar! JSFMessageUtil.sendWarningMessageToUser("Ocorreu um erro na aplicação!"); } return null; 4

5 No faces-config Adicionamos as regras de navegação no faces-config //...  <managed-bean> <managed-bean-name>loginmb</managed-bean-name> <managed-bean-class>com.up.clinicaveterinaria.mb.loginmb</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> <managed-property> <property-name>usermb</property-name> <property-class>com.up.clinicaveterinaria.mb.usermb</property-class> <value>#{usermb}</value> </managed-property> </managed-bean> <managed-bean> <managed-bean-name>usermb</managed-bean-name> <managed-bean-class>com.up.clinicaveterinaria.mb.usermb</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean>   <navigation-rule> <from-view-id>*</from-view-id> <navigation-case> <from-outcome>index</from-outcome> <to-view-id>/pages/index.xhtml</to-view-id> <redirect /> </navigation-case> </navigation-rule> <!-- Fim Regras de Navegação //... 5

6 Regras de Nevagação From-view-id a partir de qual view a regra é válida * significa todas From-outcome qual a string que gera esse redirecionamento No exemplo é a string index To-view-id qual é a página que deve ser renderizada Temos aqui um controller 6

7 Teste Suba a aplicação e teste o resultado Note que se digitarmos o cpf válido (no caso 1) somos redirecionados para index.html Perceba também que não temos segurança alguma no momento Se o usuário digitar o endereço completo da página de index, ele consegue acessar mesmo sem ter logado localhost:8080/clinicavet/pages/index.xhtml Um erro absurdo, mas que muitas aplicações comentem Nas próximas aulas esse problema será corrigido através de filtros 7

8 Criando um modelo padrão para as páginas Insira o arquivo template.xhtml disponível na página da disciplina no diretório pages Esse template define um modelo que todas páginas devem seguir, exceto a de login Todas páginas na nossa aplicação terão acesso a um menu principal Note a tag <ui:insert name="main" /> Isso define que as páginas baseadas no template devem definir uma subpágina em um componente chamado main 8

9 A página de index A página index.xhtml então fica <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xmlns:ui=" xmlns:h=" xmlns:f=" xmlns:fn=" xmlns:p=" <h:body> <ui:composition template="/pages/template.xhtml"> <ui:define name="main"> <div> Olá mundo! </div> </ui:define> </ui:composition> </h:body> </html> Utilizamos ui:composition Passamos qual a página estamos componto (template) ui:define Define qual o conteúdo será inserido dentro de main, definido no template 9

10 Fim Pesquise sobre os demais componentes que podemos utilizar 10

11 Referências MANN, K. Java Server Faces In Action. Dreamtech Press, ISBN ZAMBON, G. Beginning JSP, JSF and Tomcat: Java Web Development. Apress, (Expert s voice in Java). ISBN Documentação Oracle Documentação Primefaces 11

Documentos relacionados

Managed Beans e Tags JSF

Managed Beans e Tags JSF Passos iniciais no Projeto Paulo Ricardo Lisboa de Almeida 1 Instanciando a aplicação Clone o projeto da aula com o Git (disponível no site da disciplina) Suba o banco de dados