Pós Ruy - 2 e 3 Camadas - Web com JSF2

40
1 web JSF2 com fonte da imagem: http://www.renewdesign.com.br

description

Slides da aula na faculdade Ruy Barbosa do curso de Componentes Web da disciplina Componentes de Software e Aplicações Web : 2 e 3 camadas.

Transcript of Pós Ruy - 2 e 3 Camadas - Web com JSF2

Page 1: Pós Ruy - 2 e 3 Camadas - Web com JSF2

1

webJSF2

com

fonte da imagem: http://www.renewdesign.com.br

Page 2: Pós Ruy - 2 e 3 Camadas - Web com JSF2

2

atribuir à http://cleversonsacramento.wordpress.com

para mais detalheshttp://creativecommons.org/licenses/by-nc-sa/3.0/

Page 3: Pós Ruy - 2 e 3 Camadas - Web com JSF2

3

zyc/

cleversonsacramento.

ordpress.com

Page 4: Pós Ruy - 2 e 3 Camadas - Web com JSF2

4

cliente servidor

Page 5: Pós Ruy - 2 e 3 Camadas - Web com JSF2

5

cliente servidor<html><body>14/04/2011

</body></html>

<html><body><%= Date() %>

</body></html>

asp

Page 6: Pós Ruy - 2 e 3 Camadas - Web com JSF2

6

cliente servidor

java

Page 7: Pós Ruy - 2 e 3 Camadas - Web com JSF2

7

RIArich internet application

web2jsf1jsf2javascript

ajax

Page 8: Pós Ruy - 2 e 3 Camadas - Web com JSF2

8

Page 9: Pós Ruy - 2 e 3 Camadas - Web com JSF2

9

2010 JSF2 2009 Vaadin 2006 GWT 2004 JSF1 2004 Wicket 2000 Struts 1998 JSP 1996 ASP 1995 PHP 1995 JavaScript 1993 CGI1991 HTML

Page 10: Pós Ruy - 2 e 3 Camadas - Web com JSF2

10

jsfmojarra

Page 11: Pós Ruy - 2 e 3 Camadas - Web com JSF2

11

anotaçõesEL melhorado

faceletsoutcome sem rodeios

tratamento de exceções

jsf2

Page 12: Pós Ruy - 2 e 3 Camadas - Web com JSF2

12servidorexemplo.xhtml

Page 13: Pós Ruy - 2 e 3 Camadas - Web com JSF2

13

cliente

Page 14: Pós Ruy - 2 e 3 Camadas - Web com JSF2

14

cliente

Page 15: Pós Ruy - 2 e 3 Camadas - Web com JSF2

151#

Page 16: Pós Ruy - 2 e 3 Camadas - Web com JSF2

16servidornavegacao.xhtml

Page 17: Pós Ruy - 2 e 3 Camadas - Web com JSF2

17servidorPessoaMB.java

Page 18: Pós Ruy - 2 e 3 Camadas - Web com JSF2

18

cliente

Page 19: Pós Ruy - 2 e 3 Camadas - Web com JSF2

192#

Page 20: Pós Ruy - 2 e 3 Camadas - Web com JSF2

20servidornavegacao.xhtml

Page 21: Pós Ruy - 2 e 3 Camadas - Web com JSF2

21servidorPessoaMB.java

Page 22: Pós Ruy - 2 e 3 Camadas - Web com JSF2

22

cliente

Page 23: Pós Ruy - 2 e 3 Camadas - Web com JSF2

23servidorindex.xhtml

Page 24: Pós Ruy - 2 e 3 Camadas - Web com JSF2

24

cliente

Page 25: Pós Ruy - 2 e 3 Camadas - Web com JSF2

25

cliente

Page 26: Pós Ruy - 2 e 3 Camadas - Web com JSF2

26servidorPessoaMB.java

Page 27: Pós Ruy - 2 e 3 Camadas - Web com JSF2

273#

Page 28: Pós Ruy - 2 e 3 Camadas - Web com JSF2

28

padrao.xhtml

Page 29: Pós Ruy - 2 e 3 Camadas - Web com JSF2

29

navegacao.xhtml

Page 30: Pós Ruy - 2 e 3 Camadas - Web com JSF2

30

index.xhtml

Page 31: Pós Ruy - 2 e 3 Camadas - Web com JSF2

31

Page 32: Pós Ruy - 2 e 3 Camadas - Web com JSF2

32

Page 33: Pós Ruy - 2 e 3 Camadas - Web com JSF2

33

faceletsistoé

Page 34: Pós Ruy - 2 e 3 Camadas - Web com JSF2

34

patterncompositeview

Page 35: Pós Ruy - 2 e 3 Camadas - Web com JSF2

35

Page 36: Pós Ruy - 2 e 3 Camadas - Web com JSF2

36

facesservlet

browserindex.jsf

*.jsf *.xhtml

PessoaMB.java

#{pessoaMB.nome}

index.xhtml

PrimeFacesMojarra

<h:* /><p:* />

Facelets

<ui:* />

Page 37: Pós Ruy - 2 e 3 Camadas - Web com JSF2

37

#{ }Expression Language

Page 38: Pós Ruy - 2 e 3 Camadas - Web com JSF2

38

web.xml

faces-config.xml

Page 39: Pós Ruy - 2 e 3 Camadas - Web com JSF2

39

Page 40: Pós Ruy - 2 e 3 Camadas - Web com JSF2

40