Introduction to JSF
•Télécharger en tant que PPTX, PDF•
3 j'aime•1,253 vues
Understand the basic concepts of Java Server Faces (JSF) Technology. by Serhiy Veryovka
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (13)
Similaire à Introduction to JSF
Similaire à Introduction to JSF (20)
Plus de SoftServe
Plus de SoftServe (18)
Dernier
Dernier (20)
Introduction to JSF
- 2. Objective Understand the basic concepts of Java Server Faces (JSF) Technology.
- 3. Agenda What is JSF and why JSF? Architecture Overview UI Component Model Summary of new features in JSF 2 Development Steps
- 4. JSF (JavaServer Faces) Framework Is… A server side user interface component framework for Java technology-based web applications F-35 JSF Joint Strike Fighter
- 5. Ok, but what JSF really is? A specification and reference implementation for a web application development framework Components Events Validators & converters Navigation Back-end-data integration Localization Error Handling
- 6. But why JSF? Standard Huge vendor and industry support MVC for web applications Clean separation of roles Easy to use Extendable Component and Rendering architecture Support for client device independence
- 7. Agenda What is JSF and why JSF? Architecture Overview UI Component Model Summary of new features in JSF 2 Development Steps
- 8. JSF Architecture Server Desktop Browser HTML Renderer kit HTML App Backend Front Ctrl JSF Page JSF Page Phone WML Renderer kit WML
- 9. Request Processing Lifecycle Phases Restore component tree phase Apply request values phase Process validations phase Update model values phase Invoke application phase Render response phase
- 12. Methods invoked
- 13. Navigation calculatedUpdate Model Values Invoke Application Render Response Response Component values are updated from backing bean properties System-level phase Application-level phase
- 14. Agenda What is JSF and why JSF? Architecture Overview UI Component Model Summary of new features in JSF 2 Development Steps
- 15. User Interface Component Model UI components Event handling model Conversion and Validation model Rendering model Page navigation support
- 21. Is a custom tag library
- 27. Agenda What is JSF and why JSF? Architecture Overview UI Component Model Summary of new features in JSF 2 Development Steps
- 28. What’s new? FaceletsView Declaration Language Annotation based configuration Standardized Ajax Implicit Navigation Scopes (conversation, view, flash, custom) Composite Components Bean Validation Support Error Handling more - resource loading, improved GET support, behaviors, tree visiting, system events and many more (out of scope)
- 32. f:ajax tagExamples <h:selectOneMenuvalue="#{dynamicProperties.targetClass}"> <f:ajaxevent="change"execute="@form"render="@form"/> <f:selectItemsvalue="#{dynamicProperties.targetClasses}"/> </h:selectOneMenu> <h:commandButtonvalue="Count" onclick="jsf.ajax.request(this.id, event, {execute: this.id, render: 'out1'}); return false;"/>
- 33. Composite Components Define <html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://java.sun.com/jsf/html" xmlns:composite="http://java.sun.com/jsf/composite"> <h:head></h:head> <h:body> <composite:interface> <composite:attributename="who"/> </composite:interface> <composite:implementation> <h:outputTextvalue="Hello, #{cc.attrs.who}!"/> </composite:implementation> </h:body></html> Use <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"xmlns:greet="http://java.sun.com/jsf/composite/greet"> <greet:hellowho="World"/> </html>
- 35. Steps in Development Process Develop model objects which hold the data Register model objects (managed bean) in faces-config.xml or use annotations Create Pages using UI component and core tags Define Page Navigation in faces-config.xml or use implicit navigation Configure web.xml
- 37. Step 3: Create JSF Page
- 38. Binding UI to Managed Bean editUser.xhtml <h:inputTextvalue="#{userEditBean.firstName}" required="true"/> EditUserBean.java @ManagedBean(name = "userEditBean") @SessionScoped publicclassEditUserBean { public String getFirstName() { … } public void setFirstName(String firstName) { … }
- 39. Step 4: Define Page Navigation Rules <h:commandButtonaction="goBack" image="../images/back-arrow-small.png"/> <h:commandButtonvalue="LookupPrices"action="#{multiCategorySelectBackingBean.lookupPrices}"/> Web Page Backing Bean public String lookupPrices() { ... return "showPriceRecs"; } <navigation-rule> <from-view-id>/wizard/item.jsp</from-view-id> <navigation-case> <from-outcome>showPriceRecs </from-outcome> <to-view-id>/wizard/pricesResult.jsp</to-view-id> </navigation-case> <navigation-case> <from-outcome>goBack</from-outcome> <to-view-id>/wizard/start.jsp</to-view-id> </navigation-case> </navigation-rule> faces-config.xml
- 40. Step 5: Configure (web.xml) Add <servlet> <servlet-name>Faces Servlet</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>*.jsf</url-pattern> </servlet-mapping> May be not necessary with Servlets 3.0 compliant container
- 41. Questions?