javamission.com

Java Server Faces(JSF) :

JSF is a highly productive MVC framework.Veiw's are designed to work like a reusable templates.Unlike the traditional page level request response JSF works at component level request response.It means a component can also make a request to the server.JSF also introduced the concept of event handling.The JSF event handling model is adopted from the Java Beans event handling model.In traditional event handling system both event generator and event handler resides on the same system where as in JSF event model the event handler resides in the server which is usually resides in a remote system so the event handling starts only after the request is submitted to the server.This is the main difference between the JSF event model and the traditional event model.

JSF is basically a specification.It can be implemented by any vendor/organization .That is the reason why we have multiple forms of JSF.My Faces is the JSF implementation from Apache.Like wise Rich Faces is the JSF implementation from JBOSS.IBM and Sun micro systems has its own JSF implementations. Important thing is each developer can use intermix of components.An IBM JSF developer can use intermix interested features of Apache My Faces or any other JSF implementations.

JSF view are reusable templates.Each view is managed by a baking mean also known as managed bean.The baking beans properties and member functions are made available to their views.That is a view can directly access its beans properties and member functions.

JSF also provides default or custom data validators & translaters. The developer can use a default vallidator or converter, or he/she can develop his/her validator and translater depending on the need.

The page navigation is defined by the navigation-rules and navigation cases. The developer has to mention his/her navigation rules and navigation cases in the faces-config.xml file.Each baking bean is also to be declared in the faces-config.xml file.The frame woke uses the faces-config.xml to configure the application.

In the bellow code sample I tried to explain the main features of the JSF.One more thing I want to mention here is, I used the same login registration system which I used for Struts and other code sample.Here my main intention is to show the core features of JSF and its application.

you can also see my clear separation of presentation layer, business layer and persistence layer.If you observed clearly I have used the same business and persistence layers,with out any changes,which used in my struts code sample.This is made possible because of perfect application BO and DAO patterns in my code samples.

Bellow is my code sample for JSF frame work.

First see the sample out puts.

Let us see the Code :

SignUp.jsp

<!--
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
    Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; 		charset=UTF-8">
        <title>Sign Up</title>
    </head>
    <body>
        <h1>Sign Up</h1>
        
        <f:view>
          <p><h:outputLink value="#{SignUp.loginLink}" >
             <h:outputText value="#{SignUp.loginLinkText}"/>
          </h:outputLink></p>
            <h:form>
                <table border="0">
                   
                    <tbody>
                        <tr>
                            <td>First Name : </td>
                            <td><h:inputText value="#							{SignUp.firstName}"  id="name" 					required="true" /></td>
                            <td><h:message for="name" /></td>
                        </tr>
                            <tr>
                            <td>Middle Name : </td>
                            <td><h:inputText value="#						     	{SignUp.middleName}"   /></td>
                            
                        </tr>
                        <tr>
                            <td>Last Name : </td>
                            <td><h:inputText value=
						"#{SignUp.lastName}"  							id="lastName" 								required="true" /></td>
                             <td><h:message for="lastName" />				    </td>
                        </tr>
                        <tr>
                            <td>User Name : </td>
                            <td><h:inputText value=								"#{SignUp.userName}"  							id="userName" 								required="true" /></td>
                            <td><h:message for="userName" />					</td>
                        </tr>
                             <tr>
                            <td>Password : </td>
                            <td><h:inputSecret value=							      "#{SignUp.password}"  							id="password" 								required="true" /></td>
                            <td><h:message for="password" />					</td>
                        </tr>
                             <tr>
                            <td>Retype Password : </td>
                            <td><h:inputSecret value=							"#{SignUp.retypedPassword}"  						id="retypedPassword" 							required="true" /></td>
                            <td>									<h:messagfor="retypedPassword" />
				</td>
	                  </tr>
                                  
                         <tr>
                            <td>Email : </td>
                            <td><h:inputText value=								"#{SignUp.email}"  							id="email" 									required="true" >
                                <f:validator 									validatorId= 								"EmailValidator" />
                            </h:inputText>
                                </td>
                            <td><h:message for="email" />						</td>
                        </tr>
                        
                             <tr>
                            <td>Present Address : </td>
                            <td><h:inputTextarea value="#						{SignUp.presentAddress}"  						id="presentAddress" 							required="true" /></td>
                            <td><h:messagefor= 								"presentAddress" /></td>
                        </tr>                        
                      
                            <tr>
                            <td>Permanent Address : </td>
                            <td><h:inputTextarea value="#						{SignUp.permanentAddress}"   />					</td>
                            
                        </tr> 
                     
                        <tr>
                            <td>Contact Numebr : </td>
                            <td><h:inputText value="#							{SignUp.contactNumber}"  						id="contactNumber" 							required="true" /></td>
                            <td><h:messagefor=
					"contactNumber" /></td>
                        </tr>
                     
                         
                    </tbody>
                </table>
                
                    
            
             
               <h:commandButton id ="submit"  value="SignUp" 			action="#{SignUp.processSubmit}" />
             
                <h:commandButton value="Cancel" 					action="cancel" />
                <h:outputLabel value="#{SignUp.message}" 				style="color:red" />
            </h:form>
        </f:view>
        
            
            
            
    <!-- WiredMinds eMetrics tracking with Enterprise Edition V5.4 START -->
<script type='text/javascript' src='https://count.carrierzone.com/app/count_server/count.js'></script>
<script type='text/javascript'><!--
wm_custnum='0e0d6f2034b4aea1';
wm_page_name='jsf_technology.html';
wm_group_name='/services/webpages/j/a/javamission.com/public';
wm_campaign_key='campaign_id';
wm_track_alt='';
wiredminds.count();
// -->
</script>
<!-- WiredMinds eMetrics tracking with Enterprise Edition V5.4 END -->
</body>
</html>

-->

Code for backing bean SignUp.java


package signup;

/**
 *
 * @author Murali
 */

import bo.SignUpBOimpl;
import bo.iSignUpBO;
import java.io.Serializable;


/**
 *
 * @author Murali
 */
public class SignUp implements Serializable{

    private int uid;
    private String firstName;
    private String middleName;
    private String lastName;
    private String userName;
    private String password;
    private String retypedPassword;
    private String email;
    private String presentAddress;
    private String permanentAddress;
    private String contactNumber;
    private String loginLink = "/JSF_HibernateIntegration01/faces/LoginForm.jsp";
    private String loginLinkText = "Click here to Login";
    private String message = "";
    ///////// Action Listener//////

    public String processSubmit() {
        iSignUpBO signUpBOObject  = new SignUpBOimpl(); 
        
        
        if (password.equals(retypedPassword)) {
            signUpBOObject.userSignUp(this);
            message="";
            return "submit"; 
            
        }else{             
            message = "Passwords not are matched.";
            return "";
        }
        
    
        
    }

    public String getMessage() {
        return message;
    }

    public void setMessage(String message) {
        this.message = message;
    }

    public String getLoginLink() {
        return loginLink;
    }

    public void setLoginLink(String loginLink) {
        this.loginLink = loginLink;
    }

    public String getLoginLinkText() {
        return loginLinkText;
    }

    public void setLoginLinkText(String loginLinkText) {
        this.loginLinkText = loginLinkText;
    }

    public void processSignUp() {
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getRetypedPassword() {
        return retypedPassword;
    }

    public void setRetypedPassword(String retypedPassword) {
        this.retypedPassword = retypedPassword;
    }

    public int getUid() {
        return uid;
    }

    public void setUid(int uid) {
        this.uid = uid;
    }

    /**
     * Get the value of contactNumber
     *
     * @return the value of contactNumber
     */
    public String getContactNumber() {
        return contactNumber;
    }

    /**
     * Set the value of contactNumber
     *
     * @param contactNumber new value of contactNumber
     */
    public void setContactNumber(String contactNumber) {
        this.contactNumber = contactNumber;
    }

    /**
     * Get the value of permanentAddress
     *
     * @return the value of permanentAddress
     */
    public String getPermanentAddress() {
        return permanentAddress;
    }

    /**
     * Set the value of permanentAddress
     *
     * @param permanentAddress new value of permanentAddress
     */
    public void setPermanentAddress(String permanentAddress) {
        this.permanentAddress = permanentAddress;
    }

    /**
     * Get the value of presentAddress
     *
     * @return the value of presentAddress
     */
    public String getPresentAddress() {
        return presentAddress;
    }

    /**
     * Set the value of presentAddress
     *
     * @param presentAddress new value of presentAddress
     */
    public void setPresentAddress(String presentAddress) {
        this.presentAddress = presentAddress;
    }

    /**
     * Get the value of password
     *
     * @return the value of password
     */
    public String getPassword() {
        return password;
    }

    /**
     * Set the value of password
     *
     * @param password new value of password
     */
    public void setPassword(String password) {
        this.password = password;
    }

    /**
     * Get the value of userName
     *
     * @return the value of userName
     */
    public String getUserName() {
        return userName;
    }

    /**
     * Set the value of userName
     *
     * @param userName new value of userName
     */
    public void setUserName(String userName) {
        this.userName = userName;
    }

    /**
     * Get the value of lastName
     *
     * @return the value of lastName
     */
    public String getLastName() {
        return lastName;
    }

    /**
     * Set the value of lastName
     *
     * @param lastName new value of lastName
     */
    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    /**
     * Get the value of middleName
     *
     * @return the value of middleName
     */
    public String getMiddleName() {
        return middleName;
    }

    /**
     * Set the value of middleName
     *
     * @param middleName new value of middleName
     */
    public void setMiddleName(String middleName) {
        this.middleName = middleName;
    }

    /**
     * Get the value of firstName
     *
     * @return the value of firstName
     */
    public String getFirstName() {
        return firstName;
    }

    /**
     * Set the value of firstName
     *
     * @param firstName new value of firstName
     */
    public void setFirstName(String firstName) {
        this.firstName = firstName;
    }
}

Code for Custom Email Validator Using regular expressions

EmailValidator.java

package validator;

import java.util.regex.Matcher;
import java.util.regex.Pattern;
import javax.faces.application.FacesMessage;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.validator.Validator;
import javax.faces.validator.ValidatorException;

/**
 *
 * @author Murali
 */
public class EmailValidator implements Validator {

     public void validate(FacesContext facesContext, 
            UIComponent uIComponent, Object value) throws ValidatorException {
         //Get the component's contents and cast it to a String
	    String enteredEmail = (String)value;

        //Set the email pattern string
        Pattern p = Pattern.compile(".+@.+\\.[a-z]+");
        //Match the given string with the pattern
        Matcher m = p.matcher(enteredEmail);
        
        //Check whether match is found
        boolean matchFound = m.matches();
          if (!matchFound) {
            FacesMessage message = new FacesMessage();
            message.setDetail("Email not valid - The email must be in the format yourname@yourdomain.com");
            message.setSummary("Email not valid - The email must be in the format yourname@yourdomain.com");
            message.setSeverity(FacesMessage.SEVERITY_ERROR);
            throw new ValidatorException(message);
        }




       
    }

}

code for faces-config.xml

<!--
<?xml version='1.0' encoding='UTF-8'?>

<!-- =========== FULL CONFIGURATION FILE ================================== -->
<faces-config version="1.2" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd">
    
    
    <application>
        <message-bundle>ui.ProjectMessages</message-bundle>
    </application>
    <validator>
        <validator-id>EmailValidator</validator-id>
        <validator-class>validator.EmailValidator</validator-class>
    </validator>
    <converter>
        <converter-id>DateConverter</converter-id>
        <converter-class>convertor.MyDateConverter</converter-class>
    </converter>
    <managed-bean>
        <managed-bean-name>SignUp</managed-bean-name>
        <managed-bean-class>signup.SignUp</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    <managed-bean>
        <managed-bean-name>Login</managed-bean-name>
        <managed-bean-class>login.Login</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    <navigation-rule>
        <description>
        Handles Sign Up
        </description>
        <from-view-id>/SignUp.jsp</from-view-id>
        <navigation-case>
            <from-outcome>cancel</from-outcome>
            <to-view-id>/Cancel.jsp</to-view-id>
        </navigation-case>
        <navigation-case>
            <from-outcome>submit</from-outcome>
            <to-view-id>/SignUpSuccess.jsp</to-view-id>
        </navigation-case>
    </navigation-rule>
    <navigation-rule>
        <description>
            Handles Login
        </description>
        <from-view-id>/LoginForm.jsp</from-view-id>
      
        <navigation-case>
            <from-outcome>cancel</from-outcome>
            <to-view-id>/LoginCanceled.jsp</to-view-id>
        </navigation-case>
        <navigation-case>
            
            <from-outcome>loginSuccess</from-outcome>
            <to-view-id>/LoginSuccess.jsp</to-view-id>
        </navigation-case>
        <navigation-case>
            
            <from-outcome>loginFailed</from-outcome>
            <to-view-id>/LoginFailed.jsp</to-view-id>
        </navigation-case>
    </navigation-rule>
</faces-config>

-->

Code for Login baking bean

package login;


import bo.loginBOimpl;
import bo.iLoginBO;

/**
 *
 * @author Murali
 */
public class Login {

    private String userName;
    private String password;
    private String message;
    
     
    public String processLogin() {
        iLoginBO loginBOObject = new loginBOimpl();
            
            if( loginBOObject.authenticate(userName,password))
                return "loginSuccess";
                
            else 
                return "loginFalied" ;
       
    }

 

    

    /** Creates a new instance of Login */
    public Login() {
    }

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
   
    public String getMessage() {
        return message;
    }

  
    public void setMessage(String message) {
        this.message = message;
    }
}

Code for Business layer Objects

iSignUpBO interface

Achieving loose coupling through Interfaces and its implementation classes

Code for SignUpBOimpl.java this is the Implementation code for iSignUpBO

Bellow is the code for iLoginBO.java

Code for LoginBOimpl. java ---> this the implementation class for iLoginBO

For the persistance layer I used the Hibernate... Please see the code at JSF Hibernate intergration tab from main menu.Or click here

For technical support please contact me at murali@javamission.com