Home Jsf Integrating Login And Registration Application In JSF
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

Integrating Login And Registration Application In JSF

Advertisement
This tutorial explains integration of login and registration modules into one application. In this application, if the user is valid then it enters successfully otherwise the user is asked to get registered. The user is asked to fill some information.

Integrating Login And Registration Application In JSF

        

This tutorial explains integration of login and registration modules into one application. In this application, if the user is valid then it enters successfully otherwise the user is asked to get registered. The user is asked to fill some information. Some of these information are mandatory to be filled and some are required to be filled in proper format. These fields displays error messages if not filled properly. After successful submission of the form, all information are displayed again to make the user confirm. If the user wants to edit some information then it can be done by an "Modify" button. This button will bring the user to the same form which he/she has filled before but now there is no need to fill all the information. All the entered values will be displayed again and can be changed again.

Code for all the pages have been given below :

login.jsp :

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

<f:view>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<head>
<title>Login and Registration</title>
</head>

<body leftmargin="0" rightmargin="0" topmargin="40" bottommargin="0">
<center><h:form>
<h:panelGrid width="375px" bgcolor="#e6edfd" columns="2" border="0">
   <f:facet name="header">
  <h:outputText value="User Login"/>
   </f:facet>

   <h:outputText value="Enter Login ID:"/>
   <h:inputText id="loginname" value="#{SimpleLogin.loginname}" />

   <h:outputText value="Enter Password: "/>
   <h:inputSecret id="password" value="#{SimpleLogin.password}" />

   <h:outputText value=" "/>
   <h:commandButton value="Login" action="#{SimpleLogin.CheckValidUser}" />

   <h:outputText value="New User?"/> 
   <h:commandLink value="Register Here" action="newuser" />
</h:panelGrid>
</h:form>
</center>
</body>
</html>
</f:view>


resultforsuccess.jsp :

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

<f:view>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<head>
  <title>login success</title>
</head>

<body leftmargin="0" rightmargin="0" topmargin="40" bottommargin="0">
<center><h:form>
   <h:panelGrid width="375px" bgcolor="#e6edfd" columns="2" border="0">
   <f:facet name="header">
  <h:outputText value="Welcome.....You entered successfully"/>
   </f:facet>
  </h:panelGrid>
</h:form></center>
</body>
</html>
</f:view>

 resultforfail.jsp :

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

<f:view>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<head>
<title>Login failed.</title>
</head>

<body leftmargin="0" rightmargin="0" topmargin="40" bottommargin="0">
<center><h:form>
  <h:panelGrid width="375px" bgcolor="#e6edfd" columns="2" border="0">
  <f:facet name="header">
   <h:outputText value="Sorry...You are not registered with us."/>
  </f:facet>

  <h:commandLink value="Click to Register" action="newuser" />
  <h:commandLink value="Click to Go Back" action="back" />
</h:panelGrid>
</h:form>
</center>
</body>
</html>
</f:view>

result.jsp : 

<%@ page contentType="text/html" %>
<%@ 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>Complete Person Information</title></head>
<body leftmargin="0" rightmargin="0" topmargin="40" bottommargin="0">
<center><h:form>
<h:panelGrid width="375px" bgcolor="#e6edfd" columns="2" border="0">
   <f:facet name="header">
  <h:outputText value="You have entered information :"/>
   </f:facet>

  <h:outputText value="Name: " />
  <h:outputText value="#{persondetails.name}" />

  <h:outputText value="Father's Name: " />
  <h:outputText value="#{persondetails.fname}" />

  <h:outputText value="Mother's Name: " />
  <h:outputText value="#{persondetails.mname}" />

  <h:outputText value="Current Address: " />
  <h:outputText value="#{persondetails.caddress}" />

  <h:outputText value="Parmanent Address: " />
  <h:outputText value="#{persondetails.paddress}" />

  <h:outputText value="Sex: " />
  <h:outputText value="#{persondetails.sex}" />

  <h:outputText value="Date Of Birth: " />
  <h:outputText value="#{persondetails.dob}">
  <f:convertDateTime pattern="dd-MM-yyyy"/>
   </h:outputText></td>

   <h:outputText value="Phone No.: " />
   <h:outputText value="#{persondetails.phoneno}" />

   <h:outputText value="Mobile No.: " />
   <h:outputText value="#{persondetails.mobileno}" />

   <h:outputText value=" " />
   <h:commandButton value="Modify" action="details" />

</h:panelGrid>
</h:form></center>
</body>
</html>
</f:view>

SimpleLogin.java (JavaBean) : 
Here getter method getLoginname() returns instance of type HtmlInputText because loginname property is associated to the instance of component of this type i.e. "HtmlInputText". In the same way setter method setLoginname() takes parameter of HtmlInputText type because of the same reason explained above. These steps are necessary for each component using component instance binding. 

package roseindia;

public class SimpleLogin{
  String loginname;
  String password;

  public SimpleLogin(){}

  public String getLoginname(){
  return loginname;
  }

  public void setLoginname(String loginname){
  this.loginname = loginname;
  }

  public String getPassword(){
  return password;
  }

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

  public String CheckValidUser(){
  if(loginname.equals("admin") && password.equals("admin")){
  System.out.println("chandan");
  return "success";
  }
  else{
  return "fail";
  }
  }
}

persondetails.java (JavaBean) : 

package roseindia;

import java.util.Date;

public class persondetails{
  String name;
  String fname;
  String mname;
  String caddress;
  String paddress;
  String sex;
  Date dob;
  Long phoneno;
  Long mobileno;

  public persondetails(){}

  public String getName(){
  return name;
  }

  public void setName(String name){
  this.name = name;
  }

  public String getFname(){
  return fname;
  }

  public void setFname(String fname){
  this.fname = fname;
  }

  public String getMname(){
  return mname;
  }

  public void setMname(String mname){
  this.mname = mname;
  }

  public String getCaddress(){
  return caddress;
  }

  public void setCaddress(String caddress){
  this.caddress = caddress;
  }

  public String getPaddress(){
  return paddress;
  }

  public void setPaddress(String paddress){
  this.paddress = paddress;
  }

  public String getSex(){
  return sex;  
  }

  public void setSex(String sex){
  this.sex = sex;
  }

  public Date getDob(){
  return dob;
  }

  public void setDob(Date dob){
  this.dob = dob;
  }

  public Long getPhoneno(){
  return phoneno;
  }

  public void setPhoneno(Long phoneno){
  this.phoneno = phoneno;
  }

  public Long getMobileno(){
  return mobileno;
  }

  public void setMobileno(Long mobileno){
  this.mobileno = mobileno;
  }

}

Rendered Output : This is the first page for the user.

 

If the user fills Login ID as "admin" and Password as "admin", then user enters successfully. If the user is not provided ID and Password then there is a link "Register Here" for such a new user to register itself.

 

This is the screen displayed when the user enters successfully.

 

This page appears when the user is not permitted to login successfully. There are options to go back or register.

 

If the user is not registered and want to get registered then this page is filled by the user. If user fills values in incorrect format then error messages appears to the user indicating the errors.

 

 

If the user fills correct entry then all the information are displayed. User can modify these information by clicking "Modify" button.

faces-config.xml :

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

<faces-config>
<managed-bean>
   <managed-bean-name>SimpleLogin</managed-bean-name>
   <managed-bean-class>roseindia.SimpleLogin</managed-bean-class>
   <managed-bean-scope>request</managed-bean-scope>
</managed-bean>
<navigation-rule>
   <from-view-id>/pages/login.jsp</from-view-id>
   <navigation-case>
   <from-action>#{SimpleLogin.CheckValidUser}</from-action>
   <from-outcome>success</from-outcome>
   <to-view-id>/pages/resultforsuccess.jsp</to-view-id>
   </navigation-case>
   <navigation-case>
   <from-action>#{SimpleLogin.CheckValidUser}</from-action>
   <from-outcome>fail</from-outcome>
   <to-view-id>/pages/resultforfail.jsp</to-view-id>
   </navigation-case>
   <navigation-case>
  <from-outcome>newuser</from-outcome>
  <to-view-id>/pages/persondetails.jsp</to-view-id>
   </navigation-case>

</navigation-rule>

<navigation-rule>
   <from-view-id>/pages/resultforfail.jsp</from-view-id>
   <navigation-case>
   <from-outcome>newuser</from-outcome>
   <to-view-id>/pages/persondetails.jsp</to-view-id>
   </navigation-case>
   <navigation-case>
   <from-outcome>back</from-outcome>
   <to-view-id>/pages/login.jsp</to-view-id>
   </navigation-case>
</navigation-rule>

<managed-bean>
  <managed-bean-name>persondetails</managed-bean-name>
  <managed-bean-class>roseindia.persondetails</managed-bean-class>
  <managed-bean-scope>session</managed-bean-scope>
</managed-bean>
<navigation-rule>
  <from-view-id>/pages/persondetails.jsp</from-view-id>
  <navigation-case>
   <from-outcome>result</from-outcome>
   <to-view-id>/pages/result.jsp</to-view-id>
  </navigation-case>
</navigation-rule>
<navigation-rule>
   <from-view-id>/pages/result.jsp</from-view-id>
   <navigation-case>
   <from-outcome>details</from-outcome>
   <to-view-id>/pages/persondetails.jsp</to-view-id>
   </navigation-case>
</navigation-rule>

</faces-config>

Download this application :

Advertisement

Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: March 14, 2008

Ask Questions?    Discuss: Integrating Login And Registration Application In JSF   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
Praveen Reddy gajawada
January 17, 2013
Simple and superb

It is very useful for beginners... thank you!!!
Peter Ovari
October 3, 2013
response

It was useful for me too. Thanks.
DMCA.com