JSF Hello World

In this example, we will be developing JSF Hello World example application in NetBeans IDE.

JSF Hello World

JSF Hello World

        

In this example, we will be developing JSF Hello World example application in NetBeans IDE. This example illustrates how to print hello world in JSF application using NetBeans IDE. NetBeans IDE provides simple way to create and test web applications. Its provides standardized directory structure to create the project artifacts such as jsp pages, xml pages, java classes etc.

Steps to create JSF Hello World Example:

1. Go to your project and right click on "Web Pages" folder.
2. The select "New" option and  and click on "JSP..." as shown below.

Creating new JSP page in NetBeans IDE

Now it will open a jsp page where you can write your code. For this example, we will use code given in HelloWorld.jsp as below.

Source code of HelloWorld.jsp

 

<%-- 
  Document : HelloWorld
  Created on : Sep 9, 2008, 8:03:01 PM
  Author : sandeep
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>JSP Page</title>
  </head>
  <body>
  <f:view>
  <h1><h:outputText value="Hello World!" /></h1>
  </f:view>
  </body>
</html>


Now you need to run the application to see the output for the code written above. The following steps can be used to run the JSF application in NetBeans IDE.

  • Right click on the HelloWorld.jsp page.
  • Select Run File from the appeared menu.
  • The Run File will start the server deploy the application and display the output on the web browser.

OR, Run the above file by using Shift + f6 keys on keyboard. The output is shown on the browser like below:

Download Source Code