JSF Simple Login Application
This is the login application in which you will get the
complete login facilities whatever should be in a web based application for
protecting the page or the website accessibility. This application provides
authentication for accessing application after successful login. For accessing
the application everyone should have a user id and a password regarding of that.
This application is very useful for developing any type
of web based application in which login application is needed. Here Roseindia
provides you a complete login application in the JSF Tutorial section to teach
you JSF by examples. You are here after getting all the theoretical concepts
from the previous section of the Roseindia JSF Tutorial. If you have already
completed all the theoretical concepts from the Roseindia JSF Tutorial then OK
otherwise first you should complete previous sections from the Roseindia JSF
Tutorial.
Here, you are going to study the JSF Login Application
that is simply for the login purpose that illustrates you about the procedure of
developing applications in JSF. You will know how JSF works after following the
example.
This section here provides you a simple but the
important thing for protecting your any type of web application that makes your
website or application secure. This application is simply used for providing the
facility for accessing the application by getting authentication.
When you run the application, this application will
tell you for entering your login Id and Password. If you enter wrong login id or
password it will show you for "Login failed!" and if you enter the
correct login id and password then the application shows the message "Login
Successful!". For logging the application first you have to know your login
id and password which are given as follows:
Login ID: chandan
Password: chand
Now, you can enter in your application by using the
login page.
For running your application you will have to copy the
complete application folder in your tomcat/webapps directory after extracting
the downloaded zip file. And type the url:
http://localhost:8080/SimpleLogin/login.jsf in your browser.
Output of Simple Login Application:
If you enter wrong login id or password then the application shows the output
like the following image:
And if you enter correct login id and password then the application shows the
output like as follows:
There are some files have been used for constructing the application. These
files have been explained as follows:
Here is the code for the login.jsp file:
<%@ page contentType="text/html"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<f:view>
<html>
<head><title>JSF Simple Login Example</title></head>
<body>
<h:form>
<table>
<tr>
<td><h:outputText value
="Enter Login ID: " /></td>
<td><h:inputText id=
"loginname" value="#{SimpleLogin.loginname}" /></td>
</tr>
<tr>
<td><h:outputText value=
"Enter Password: " /></td>
<td><h:inputSecret id=
"password" value="#{SimpleLogin.password}" /></td>
</tr>
<tr>
<td> </td>
<td><h:commandButton value=
"Login" action="#{SimpleLogin.CheckValidUser}" /></td>
</tr>
</table>
</h:form>
</body>
</html>
</f:view>
|
Here is the code for the resultforfail.jsp file:
Here is the code for the resultforsuccess.jsp file:
Here is the code for the Backing Bean SimpleLogin.java file:
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("chandan") && password.equals("chand")){
System.out.println("chandan");
return "success";
}
else{
return "fail";
}
}
}
|
faces-config.xml file code:
<?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>/login.jsp</from-view-id>
<navigation-case>
<from-action>#{SimpleLogin.CheckValidUser}</from-action>
<from-outcome>success</from-outcome>
<to-view-id>resultforsuccess.jsp</to-view-id>
</navigation-case>
<navigation-case>
<from-action>#{SimpleLogin.CheckValidUser}</from-action>
<from-outcome>fail</from-outcome>
<to-view-id>resultforfail.jsp</to-view-id>
</navigation-case>
</navigation-rule>
</faces-config>
|
web.xml file code:
<?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
Application.
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
