JSF Static Navigation Example

EBPP, the acronyms of Electronic Bill Presentment and Payment is a smart way of bill collection and its billing through internet and also describing of transaction detail on the web. It is also a form of E-commerce and being more popular because of its tr

JSF Static Navigation Example

This is a part of navigation in which one page is navigated to others. This section gives you something about the JSF Static navigation which makes the direct navigation between two or more pages. There is an example of Static Navigation in JSF has been implemented with the complete downloadable solutions like the example code and the illustration about the procedure of deployment of example. This type of the navigation navigate directly to the other sources which have to mentioned as it is.

Here, you will find the code of the example and can get more about the static navigation in the JSF application in very efficient manner. This type of navigation works like an anchor tag (<a href=""></a>) of HTML (Hyper Text Markup Language).

There is an example has been given in this section for illustrating the topic more conveniently. This example shows command button labeled with the text "Go to second page". When you will click on the button pages is referred to an another page. This application uses some files for completion the application as given as below:

firstpage.jsp
secondpage.jsp

Program Output as follows:

When you will click on the command button component it will show the output as follows:

Code for the firstpage.jsp file:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<f:view>
<html>
	<head><title>Navigation Page</title></head>

	<body>
		<h1>This is the first page.</h1>
		<h:form>
			<h:commandButton value="Go to second page" action="secondpage" />
		</h:form>
	</body>
</html>
</f:view>

Code for the secondpage.jsp file:

<h4>This page is navigated by the firstpage.jsp that has been mentioned in the
 faces-config.xml file.</h4>

Code for the faces-config.xml file:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer
 Faces Config 1.0//EN" "http://java.sun.com/dtd/web-facesconfig_1_0.dtd">

<faces-config>
	<navigation-rule>
		<from-view-id>/firstpage.jsp</from-view-id>
		<navigation-case>
			<from-outcome>secondpage</from-outcome>
			<to-view-id>/secondpage.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>
</faces-config>

Code for the web.xml file:

<?xml version="1.0"?> 
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application
 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>
    <context-param>
        <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
        <param-value>server</param-value>
    </context-param>    

    <!-- Faces Servlet -->
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup> 1 </load-on-startup>
    </servlet>

	<!-- Faces Servlet Mapping -->
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>
</web-app>

Download This Complete Example.

� View all related tutorials

Related Tags: c string com conversion date input object diff convert io make help user sed version type boolean component value using

Leave your comment:
Name:
Email:
URL:
Title:
Comments:
Enter Code:
	Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted. No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.