Java server faces
This presentation is the property of its rightful owner.
Sponsored Links
1 / 15

Java Server Faces PowerPoint PPT Presentation


  • 84 Views
  • Uploaded on
  • Presentation posted in: General

95-733 Internet Technologies. Java Server Faces. Model/View/Controller Design Pattern for Web Development. Slides adapted from “Core JavaServer Faces” by Geary and Horstmann, the J2EE Tutorial from Sun Microsystems, and “Developing a Visual Web JSF Application” from NetBeans.org.

Download Presentation

Java Server Faces

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Java server faces

95-733 Internet Technologies

Java Server Faces

Model/View/Controller Design Pattern for Web Development

Slides adapted from “Core JavaServer Faces” by Geary and Horstmann,

the J2EE Tutorial from Sun Microsystems, and “Developing a Visual

Web JSF Application” from NetBeans.org.

Master of Information System Management


Three main parts to jsf framework

Three Main Parts to JSF Framework

  • A Collection of GUI components for drag and drop web site development

  • An event driven programming model

  • A component model supporting third party component development

Master of Information System Management


Detailed features of jsf

Detailed Features of JSF

  • Bean management

  • Validation model

  • Component library that permits extensions

  • Flexible rendering (not necessarily XHTML)

  • Configurable navigation

  • State management

  • Conversion Model

  • Relies on JSP and Servlet technology

  • Think “GUI Building” for the web

Master of Information System Management


Jsf fundamentals

JSF Fundamentals

  • Tags correspond to components in a component tree

  • A request normally goes through several stages of processing on the server

  • A built-in FacesServlet handles request processing and the JSF life cycle

Master of Information System Management


Jsf life cycle overview from the j2ee tutorial

JSF Life Cycle Overview (From the J2EE Tutorial)

Master of Information System Management


Java server faces

Restore an old or construct a new component

page (or view)

Master of Information System Management


Java server faces

An old view (component tree) has been retrieved so allow

each component in the view to inspect data values. These values will

be redisplayed if validation or conversion errors are found.

Adds events to an event queue.

Master of Information System Management


Java server faces

The submitted values are stored as “local values”.

If the data is invalid or conversions are not possible

then Render Response is called directly and the

user sees the bad data.

Master of Information System Management


Java server faces

Local values

are OK and

are used to

update the

beans.

Master of Information System Management


Java server faces

The action method associated with the button or link that caused the form to be submitted is executed. The method returns a string for the navigation handler. The navigation handler uses the string to determine the next page.

Master of Information System Management


Java server faces

The selected page is rendered into a markup language.

Master of Information System Management


Development steps

Development Steps

  • Build Model from Java Beans

    - Lifetime Configured by developer

    and managed by JSF

    - Request, Session, or Application

    Scope

    - Setters and getters accessed through

    JSF pages

  • Use UI Components to build JSF pages

    - Include JSF Tags, Validation and

    Event Listeners

  • Define Page Navigation rules in faces.config.xml

Master of Information System Management


Netbeans jsf demonstration 0

NetBeans JSF Demonstration(0)

The example is from:

http://testwww.netbeans.org/kb/docs/web/helloweb.html#01

Goal: Display a form on the browser. When submitted, the web

server will call our application. The application will execute

code in a java bean associated with the page. The bean will

update page elements. JSF will render the same page with

the changed data and send the page back to the web browser.

Master of Information System Management


Netbeans jsf demonstration 1

Netbeans JSF Demonstration(1)

By adding a binding

attribute we add

setters and getters

to a component.

1. File>New Project

2. Java Web Application

3. Name the project HelloWeb

4. Visual Web Java Server Faces

5. In properties for page1, enter a page title

6. Navigator>Page1>page1 Right Click Add Binding Attribute

7. Expand Woodstock Basic section of palette

8. Drag a label to page enter “Name:” return

9. Drag a text field to page enter “Enter your name” enter

10. In properties of text field, change textField1 to nameField

11. Right Click text field Add Binding Attribute

12. In properties of label component, enter nameField as for property

13. Drag a button to the page, type “Say hello” and enter.

14. Right click button and choose Add Binding Component.

15. In button properties, change id from button1 to helloButton

16. Drag static text component to the page.

17. In properties static text field, change id to helloText

18. Right Click static text and Add Binding Attribute

Master of Information System Management


Netbeans jsf demonstration 2

Netbeans JSF Demonstration(2)

19. Drag a Message Group to the page. Good for error reporting.

20. Double Click the button component.

21. The Java bean for page1 is visible.

22. Replace body of helloButton_action with :

public String helloButton_action() {

String name = (String)nameField.getText();

helloText.setText("Hello, " + name + "!");

return null;

}

23. Click Run Main Project.

Master of Information System Management


  • Login