Login Menggunakan JSP

Posted by : Yogolafia Jumat, 14 Februari 2014

Kali ini ane akan ngepost script Login menggunakan JSP.
Alat yang dibutuhin :
1. PC/Laptop tentunya
2. Netbeans
3. Kopi/ Teh Panas (biar tambah rileks :D )

Ini contoh hasilnya gan..
Gambar Login Form

Jika Login salah maka akan seperti gambar dibawah

Jika Login benar maka akan seperti gambar dibawah

Jika agan klik Back to main maka akan masuk ke halaman dibawah ini

Jika Logout diklik maka masuk ke halaman dibawah ini

Jika Back diklik maka akan kembali ke halaman utama

Ini script pada index.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Login dengan jsp</TITLE>
    </HEAD>

    <body bgcolor="#48e2bc">
        <center>
<h1>
LOGIN FORM</H1></center>
<center>
        <%
        String myname =  (String)session.getAttribute("username");

        if(myname!=null)
            {
             out.println("Welcome  "+myname+"  , <a href=\"logout.jsp\" >logout</a>");
            }
        else
            {
            %>
            <form action="login.jsp">
                <table>
<tr>
                        <td> Username  : </td><td> <input name="username" size=15 type="text" /> </td>
                    </tr>
<tr>
                        <td> Password  : </td><td> <input name="password" size=15 type="password" /> </td>
                    </tr>
</table>
<input type="submit" value="login" />
            </form>
<%
            }


            %>
</center>
</BODY>
</HTML>

.

Ini script pada login.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Halaman Masuk</title>
    </head>
    <body bgcolor="#48e2bc"> <center>
       <%
            String username = request.getParameter("username");
            String password = request.getParameter("password");
           out.println("Checking login<br>");
            if (username == null || password == null) {

                out.print("Invalid paramters ");
            }

            // Here you put the check on the username and password
            if (username.toLowerCase().trim().equals("yogo") && password.toLowerCase().trim().equals("yogo")) {
                out.println("Welcome " + username + " <a href=\"index.jsp\">Back to main</a>");
                session.setAttribute("username", username);
            }
           else
               {
                out.println("Username dan Password Salah <a href=\"index.jsp\">Back</a>");
           }




%>
</center>
</body>
</html>

.

Ini script pada logout.jsp

<%@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>
    </head>
    <body bgcolor="#48e2bc"> <center>
       <%

     String username=(String)session.getAttribute("username");
    if(username!=null)
        {
           out.println(username+" loged out, <a href=\"index.jsp\">Back</a>");
            session.removeAttribute("username");

        }
     else
         {
         out.println("Kamu sudah logout <a href=\"index.jsp\">Back</a>");
     }



%>  
</center>
</body>
</html>
.

Tanpa pusing pusing bikin script, agan tinggal download script disini dan project netbeanya ada disini