Automatic Logout after 30 minutes Inactivity using Jsp Servlet

Posted on October 28, 2020

11 min read

1,192

This tutorial will teach you how to make a Automatic Logout after 30 minutes Inactivity using Jsp.When the user doesn’t log out the system that might be a problem. Any one can see the records of the system, it is not safe now a days every person leaves the mistakes when the works is busy. So that I did this system which help you in the future. If the user not access the system for 30 mins it will automatically log out.

First you have to create the login.jsp page and paste the code

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
                
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</head>
    <body>
        
        
        <div class="container">
            <table width="100%" height="100%" border="0" cellpadding="0" align="center">
                <tr>
                    <td align="center" valign="middle">
                        <table class="table-bordered" width="350" border="0" cellpadding="3"cellspacing="3" bgcolor="#FFFFFF">
                            <Form name="frm-login" id="frm-login">
                                <tr>
                                    <td height="25" colspan="2" align="left" valign="middle" bgcolor="#FF9900" class="style2">
                                        <div align="center">
                                            <strong>Login</strong>
                                        </div>
                                        
                                    </td>
                                </tr>
                                
                                <tr>
                                <div id="err" style="color:red">
                                    
                                </div>
    
                                </tr>
                                
                                <tr>
                                    <td width="118px" align="left" valign="middle" class="style1">
                                        Username
                                    </td>
                                    <td width="118px" align="left" valign="middle" class="style1">
                                        <input type="text" class="form-control" size="10px" id="username" placeholder="Username" name="username">
                                    </td>
 
                                </tr>
                                
                                 <tr>
                                    <td width="118px" align="left" valign="middle" class="style1">
                                        Password
                                    </td>
                                    <td width="118px" align="left" valign="middle" class="style1">
                                        <input type="password" class="form-control" size="10px" id="password" placeholder="Password" name="password">
                                    </td>
 
                                </tr>
                                
                                 <tr>
                                    <td colspan="2" valign="middle" class="style1" align="right">
                                        
                                        <button type="button" class="btn btn-primary" onclick="login()">Sign In</button>
                                         <button type="button" class="btn btn-warning" onclick="reset()">Reset</button>
                                    </td>
                                   
                                </tr>    
                            </Form>   
                        </table>  
                    </td>   
                </tr>  
            </table> 
        </div>
        
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        
        
        <script>
            
            var msg = null;
            
            
            function login()
            {
                
                if($('#username').val()== "")
                {
                    $('#username').parent('td').addClass('has-error');
                    return false;
                }
                else if($('#password').val()== "")
                {
                     $('#password').parent('td').addClass('has-error');
                      return false;
                }
                var data = $("#frm-login").serialize();
                
                $.ajax({
                    
                    type : 'POST',
                    url : 'validatelogin',
                    data : data,
                    dataType : 'JSON',
                    
                    success:function(data)
                    {
                        msg = data[0].msg
                        if(msg == 1)
                        {
                            window.location.replace("index.jsp");
                        }
                        else if(msg == 3)
                        {
                            $("#err").hide().html("UserName or Password DO not Match").fadeIn('slow');
                        }   
                    }     
                    });    
            }

</script>
    </body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

body,td,th{

color: #000000;

}

body{

background-color: #F0F0F0;

}

.style1

{

font-family: arial;

font-size: 14px;

padding: 12px;

line-height: 25px;

border-radius: 4px;

text-decoration: none;

}

.style2

{

font-family: arial;

font-size: 17px;

padding: 12px;

line-height: 25px;

border-radius: 4px;

text-decoration: none;

}

</style>

</head>

<body>

<tr>

<tr>

<strong>Login</strong>

</div>

</td>

</tr>

<tr>

</div>

</tr>

<tr>

Username

</td>

</td>

</tr>

<tr>

Password

</td>

</td>

</tr>

<tr>

<button type="button" class="btn btn-warning" onclick="reset()">Reset</button>

</td>

</tr>

</Form>

</table>

</td>

</tr>

</table>

</div>

var msg = null;

function login()

{

if($('#username').val()== "")

{

$('#username').parent('td').addClass('has-error');

return false;

}

else if($('#password').val()== "")

{

$('#password').parent('td').addClass('has-error');

return false;

}

var data = $("#frm-login").serialize();

$.ajax({

type : 'POST',

url : 'validatelogin',

data : data,

dataType : 'JSON',

success:function(data)

{

msg = data[0].msg

if(msg == 1)

{

window.location.replace("index.jsp");

}

else if(msg == 3)

{

$("#err").hide().html("UserName or Password DO not Match").fadeIn('slow');

}

});

}

</script>

</body>

</html>

after that have to create the index.jsp page and paste the code

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p><a href="logout.jsp">logout</a></p>

</body>

</html>

after that have to create the logout.jsp page and paste the code

session.invalidate();

response.sendRedirect(request.getContextPath() + "/login.jsp");

inside the source package have to create the validatelogin.java page

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.json.simple.JSONArray;
import org.json.simple.JSONObject;

@WebServlet("/validatelogin")
public class validatelogin extends HttpServlet {

@Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        
        PrintWriter out = response.getWriter();
        
        Connection con;
        PreparedStatement pst;
        ResultSet rs;
        
        
        JSONArray list = new JSONArray();
      
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        
        
        JSONObject obj = new JSONObject();
        
        try {
            Class.forName("com.mysql.jdbc.Driver");
            con = DriverManager.getConnection("jdbc:mysql://localhost/loginjsp", "root","");
             pst = con.prepareStatement("select id,username,password from login where username = ? and password = ?");
             pst.setString(1, username);
             pst.setString(2, password);
             
             rs = pst.executeQuery();
             
             String msg;
             
             HttpSession session = request.getSession();
             
             if(rs.next())
             {
                 session.setAttribute("username", username);
                 session.setAttribute("password", password);
                 session.setMaxInactiveInterval(30);
                 msg = "1";
                 obj.put("msg", msg);
                 list.add(obj);
                 out.println(list.toJSONString());
                 out.flush();
             }
             else
             {
                   msg = "3";
                  obj.put("msg", msg);
                 list.add(obj);
                 out.println(list.toJSONString());
                 out.flush();
             }
   
        } catch (ClassNotFoundException ex) {
            Logger.getLogger(validatelogin.class.getName()).log(Level.SEVERE, null, ex);
        } catch (SQLException ex) {
            Logger.getLogger(validatelogin.class.getName()).log(Level.SEVERE, null, ex);
        }
    }

}

import java.io.IOException;

import java.io.PrintWriter;

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.sql.SQLException;

import java.util.logging.Level;

import java.util.logging.Logger;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import org.json.simple.JSONArray;

import org.json.simple.JSONObject;

@WebServlet("/validatelogin")

public class validatelogin extends HttpServlet {

@Override

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter out = response.getWriter();

Connection con;

PreparedStatement pst;

ResultSet rs;

JSONArray list = new JSONArray();

String username = request.getParameter("username");

String password = request.getParameter("password");

JSONObject obj = new JSONObject();

try {

Class.forName("com.mysql.jdbc.Driver");

con = DriverManager.getConnection("jdbc:mysql://localhost/loginjsp", "root","");

pst = con.prepareStatement("select id,username,password from login where username = ? and password = ?");

pst.setString(1, username);

pst.setString(2, password);

rs = pst.executeQuery();

String msg;

HttpSession session = request.getSession();

if(rs.next())

{

session.setAttribute("username", username);

session.setAttribute("password", password);

session.setMaxInactiveInterval(30);

msg = "1";

obj.put("msg", msg);

list.add(obj);

out.println(list.toJSONString());

out.flush();

}

else

{

msg = "3";

obj.put("msg", msg);

list.add(obj);

out.println(list.toJSONString());

out.flush();

}

} catch (ClassNotFoundException ex) {

Logger.getLogger(validatelogin.class.getName()).log(Level.SEVERE, null, ex);

} catch (SQLException ex) {

Logger.getLogger(validatelogin.class.getName()).log(Level.SEVERE, null, ex);

}

i have attached the video link below. which will do this tutorials step by step.

Inventory Management Servlet Jsp with Ajax

Simple Jsp Project Step by Step

Search records using Servlet Jsp mysql

Node js React Mongodb Search Functionality

Node js Angular Mongodb Search Functionality

How to Search Records Node js Express Mongodb

How to use two dates Display Jasper Report inside the JPanel

Registation form in Servlet Jsp

Jsp Mysql Ajax Project

Leave a Reply Cancel reply

Check Also

Node js React Mongodb Search Functionality

Recent Posts