24
JavaServer Faces (JSF) a nd Ajax Integration

JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Embed Size (px)

Citation preview

Page 1: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

JavaServer Faces (JSF) and Ajax Integration

Page 2: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Agenda

• 대강의 ( 정말로 ..) 개요• 예제• 아키텍트라면 ..

Page 3: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

JavaServer Faces (JSF)

• MVC-2 Architecture vs. Component-Based Architecture

• Struts vs. JSF• Servlet vs. Faces Servlet

Page 4: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Basic Elements of JSF

• User Interface Components • Managed Beans • Validators • Convertors • Events and Listeners • Page Navigation • Renderers

Page 5: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 6: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 7: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Different Phases in a JSF Application

• View Restoration • Applying the Request Values • Validation of User Inputs • Updating the Model objects • Execution of Application Logic • Rendering the Response to the

Clients

Page 8: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 9: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 10: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Visual Web Pack

• http://www.netbeans.org/products/index.html

Page 11: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

5.5.1

• NetBeans Visual Web Pack• http://www.netbeans.info/downloads/star

t.php

Page 12: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

5.5.1 + 9.0

• NetBeans IDE• Sun Java System Application Server

– Bundled Tomcat(5.5.17)• http://www.netbeans.info/downloads/star

t.php?f_id=20415&lang_id=16

Page 13: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

So far

• NetBeans Visual Web Pack Update Center

Page 14: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Next

• BluePrints AJAX Component Library

Page 15: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Final Destination

Page 16: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

AutoCompleteApp

• a new visual web application project

Page 17: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 18: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

http://localhost:4848/asadmin/admingui/TopFrameset

Launch 꼭 누를 것 !

Page 19: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Web Service Client 등록

DictionaryService.wsdl

Page 20: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 21: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 22: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 23: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면
Page 24: JavaServer Faces (JSF) and Ajax Integration. Agenda 대강의 ( 정말로..) 개요 예제 아키텍트라면

Architectural DecisionsCraig R. McClanahan

• To AJAX or not to AJAX, that is the question ...

• Render “markup + code” or just “code”?

• Manage client side interactions• Access static resources• Asynchronous callbacks – client side

view• Asynchronous callbacks – server side

view