Yogo Arif Widodo

Login Menggunakan JSP

By : Yogolafia

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

sekian dan Terima Kasih

0 Comments

By : Yogolafia

Tutorial JSP

Saya akan menjelaskan tutorial JSP pada NetBeans.
Pertama yang pastinya buka NetBeans IDE terlebih dahulu, saya memakai versi 7.01.

Lalu buat Project Baru dengan cara :
1. Klik File
2. New Project
3. Atau bisa juga dengan menekan tombol keyboard (CTRL + SHIFT + N)

Setelah membuat project baru, maka akan keluar menu New Project
Pada kolom Categories:
1. Pilih Java Web
2. Web Application
3. Next

Ganti Nama project pada kotak Project Name
Check Set as Main Project
Lalu Next

Pada Server and Settings atur sesuai kebutuhan
Saya menggunakan GlassFish Server 3.1
Dan Java EE Version : Java EE 6 Web
Lalu Klik Finish
Lalu akan keluar tampilan seperti di gambar

Selanjutnya isikan script berikut ini seperti pada gambar

<%-- 
    Document   : index
    Created on : 29 Des 13, 16:15:02
    Author     : Yogo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
         <title>JSP Page</title>
    </head>
    
    <body>
        <p>
<% out.println("NIM : 11040359 "); %> </p>
<p>
<% out.println("Nama : Yogo Arif Widodo "); %> </p>
<p>
<% out.println("Alamat : Jln KH Dewantara 27 "); %> </p>
<p>
<% out.println("Jurusan : D3 Teknik Komputer "); %> </p>
<p>
<% out.println("Ttl : Tegal , 30 Januari 1993 "); %> </p>
</body>
</html>
.

Lalu untuk Melihatnya didalam web
1. Klik Run My Project atau bisa juga dengan menekan tombol F6

2. Jika Project benar maka project anda akan terbuka di Browser
3. Dan Project anda artinya sudah berjalan

Selanjutnya Membuat JSP kedua
kali ini buat dengan cara berbeda

Klik kanan Web Pages > New > JSP
Lalu akan muncul Menu New JSP File

Atur Sesuai Kebutuhan
Finish

Selanjutnya isikan script sesuai pada gambar

<%-- 
    Document   : contoh
    Created on : 29 Des 13, 16:37:01
    Author     : Yogo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Contoh JSP</title>
    </head>
    <body>
        <h1>
 <center>
            <%= "Welcome to My WEB" %>
            </center>
</h1>
</body>
</html>

.

Lalu jalankan dengan cara
1. Klik Kanan contoh.jsp
2. Klik Run File atau bisa juga dengan menekan tombol Shift + F6

3. Maka project akan terbuka di Browser

Terima Kasih.
Jika ada kesalahan penulisan saya mohon maaf ,Regards Yogo

0 Comments

Yogo Arif Widodo

Welcome to my Blog

Popular Post

Login Menggunakan JSP

Blogger templates

Blogger news

Mengenai Saya

Blog Archive

Blogroll

About