What is JSF?

JSF – JavaServer Faces is a java MVC framework for web application. It help us to make user interface with less code and time.

MVC and JSF

M – Model – Entity, Data, business layer.
V- View -JSp,jsf, xhtml page.
C- Controller – Managed bean.

How JSF works?

Follow the below steps to setup JSF in eclipe.

Live Demo

Step 1

Open Eclipse (EE version). File ->New->Dynamic Web Project.

Step 2

Provide project name. Select (configuration) JavaServer Faces v2.2 project.

Click Next.

 

Step 3

Click Next.

Step 4

Generate web.xml automatically.

Click Next.

Step 5

Select JSF library, if not available download by clicking on download button as shows below.

Select JSF library.

Accept Licence and Click Finish.

Wait while it is downloading the JSF libraries.

Now Select the Library and click finish.

Note –

If you have JSF library in Local, no need to follow the Step 5 to download the JSF library, Just select and click Finish.

Step 6

Project Structure should be like below.

Step 7

Add XHTML file. Write click on WebContent->New->XHTML.If you do not able to see the XHTML then add the XHTML plugin from market place.

Provide File name.

Click Next.

Click Next.

Click Finish.

HelloWorldBean.java.

package bean;

import java.io.Serializable;

public class HelloWorldBean implements Serializable{

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	
	private String fname;
	private String lname;
	public String getFname() {
		return fname;
	}
	public void setFname(String fname) {
		this.fname = fname;
	}
	public String getLname() {
		return lname;
	}
	public void setLname(String lname) {
		this.lname = lname;
	}

}

helloworld.xhtml

successmsg.xhtml

	
		
Hello World From 
#{helloworldbean.fname} #{helloworldbean.lname}