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.

Integrating Login And Registration Application In JSF

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 : 0

Tutorials

  1. JSF Tutorial and examples
  2. JSF Books
  3. JSF EXAMPLES
  4. INTRODUCING JAVA SERVER FACES (JSF)
  5. JSF Tutorial for Beginners
  6. Java Server Faces (JSF) Tutorial
  7. INTRODUCING JAVA SERVER FACES
  8. JSF - Java Server Faces Tutorials
  9. JSF Introduction - An Introduction to JSF Technology
  10. The quick overview of JSF Technology
  11. What is Java Server Faces?
  12. Versions of JSF, Latest Version of JSF, Latest Release of JSF
  13. JSF Features
  14. How JSF Fits For Web Applications?
  15. JSF Components
  16. JSF Tags
  17. JSF Life Cycle
  18. JSF Architecture
  19. JSF Renderers
  20. JSF HTML Tag Reference
  21. JSF column Tag
  22. JSF commandButton Tag
  23. JSF commandLink Tag
  24. JSF dataTable Tag
  25. JSF graphicImage Tag
  26. JSF inputHidden Tag
  27. JSF inputSecret Tag
  28. JSF inputText tag
  29. JSF inputTextarea tag
  30. JSF message Tag
  31. JSF outputFormat Tag
  32. JSF outputLabel Tag
  33. JSF outputLink Tag
  34. JSF outputText Tag
  35. JSF panelGrid Tag
  36. JSF panelGroup Tag
  37. JSF selectBooleanCheckbox Tag
  38. JSF selectManyCheckbox Tag
  39. JSF selectManyListbox Tag
  40. JSF selectManyMenu Tag