Press enter to see results or esc to cancel.

JSF Hello World Project in Eclipse IDE JSF Tutorial Part 3

How to make Eclipse IDE supports JSF.
This tutorial shows how you can Create a JSF Hello World project in Eclipse IDE.

  1. Start a normal Dynamic Web Project in Eclipse IDE
  2. After Creating the project. Go the properties of Project.
    2.1 Select Project Facets
    2.2 Select JavaServer Faces
    2.3 Select Further Configuration Available

  3. 3.1 Select type as UserLibrary
    3.2 Click on Manage Library

  4. 4.1 Click on new User Libraries
    4.2 Give any name for the new Library and Click Ok

  5. Click on Add External JARS and jsf-impl-2.0.4.jar, jsf-api-2.2.0.jar to the Class libraries.
  6. Right Click on the Project and Create a new File as index.xhtml in WebContent Page
  7. Project Structure is as shown.
  8. Copy the below code to index.xhtml
    <?xml version="1.0" encoding="ISO-8859-1" ?>
    <?xml version="1.0" encoding="ISO-8859-1" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
    <html xmlns=""
      xmlns:ui = ""
      xmlns:h = "">
       <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
       <title>Insert title here</title>
       <h:outputLabel value="Hello World"></h:outputLabel> 
                Enter Name : <h:inputText></h:inputText><br></br>                       
               <h:commandButton value="Submit"></h:commandButton>        
  9. Now Run the project as Server. You will get the below output. This page has a form just to demonstrate the jsf code.
    It is wont work if you click.

  10. Download the Project here.JSF_Sample_Project1


Leave a Comment