Membuat Session Login Dengan JSP

Gusti Ardias Riantono    Oktober 29, 2013    Java , JSP , Tutorial    2 comments   

Membuat Session Login Dengan JSP - Selamat pagi sobat, sehat semuanya? hehe Pagi ini saya mau membuat Tutorial Membuat Session Login Dengan JSP, sebenarnya ini tugas kuliah Java Pemograman Web saya :D dan karena banyak teman yang request tentang pembuatan session login ini makanya saya akan share cara pembuatannya. Langsung saja ya hehe :D

• Pertama buka Netbeans IDE :)
• Kemudian buat database dengan nama db_ardias dan buat table berikut di dalam database

Tabel di db_ardias

• lalu buat new project dan web application di netbeans dengan nama session
• Setelah itu silahkan buka netbeannya dan file->new project->java web->web application->next->finish
• Setelah itu buat sebuah folder untuk menyimpan class yang kita buat di source package nya, perhatikan gambar berikut :

Source Package yang dibutuhkan

• Lalu buat sebuah class lagi di package sess.ion.bean dengan nama User dan ketik kode dibawah ini :

package sess.ion.bean; public class User { private int id; private String username; private String password; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } }

• Lalu buat sebuah class lagi di package sess.ion.dao dengan nama UserDao dan ketik kode dibawah ini :

package sess.ion.dao; import java.sql.*; import sess.ion.util.*; import sess.ion.bean.*; public class UserDao { private ConMan conn = new ConMan(); public String cek(User user) { String Hasil = "0"; Connection conDB = null; try { conDB = conn.logOn(); String query = "SELECT * from user where username=? and password=?"; PreparedStatement st = conDB.prepareStatement(query); st.setString(1, user.getUsername()); st.setString(2, user.getPassword()); try { ResultSet rs = st.executeQuery(); if (rs.next()) { Hasil = "1"; } } catch (SQLException e) { System.out.println("Error " + e.getMessage()); Hasil = "0"; } } catch (SQLException e) { System.out.println("Error" + e.getMessage()); Hasil = "0"; } return Hasil; } }

• Setelah itu lalu buat sebuah class lagi di package sess.ion.test dengan nama Main dan ketik kode dibawah ini serta jalankan :

/* * To change this template, choose Tools | Templates * and open the template in the editor. */ package sess.ion.test; import sess.ion.bean.User; import sess.ion.dao.UserDao; /** * * @author HT 2010 */ public class Main { public static void main(String args[]) { UserDao sd = new UserDao(); User s = new User(); String user = "admin"; String password = "admin"; s.setUsername(user); s.setPassword(password); System.out.println(sd.cek(s)); } }

• Lalu buat sebuah class di dalam package sess.ion.util dengan Nama ConMan dan ketik code dibawah ini :

package sess.ion.util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; public class ConMan { private Connection conn; private String url = "jdbc:mysql://localhost:3306/db_ardias"; private String user = "root"; private String password = ""; public ConMan(String url, String user, String password) { this.url = url; this.user = user; this.password = password; } public ConMan() { } public Connection logOn() { conn = null; try { DriverManager.registerDriver(new com.mysql.jdbc.Driver()); conn = DriverManager.getConnection(url, user, password); System.out.println("Connected Successded"); } catch (SQLException e) { System.out.println("Connection Error : " + e.getMessage()); } return conn; } public void logOff() { try { if (conn != null) { conn.close(); System.out.println("Connection Closed"); } } catch (SQLException e) { System.out.println("Connection Error : " + e.getMessage()); } } public static void main(String args[]){ ConMan cm = new ConMan(); cm.logOn(); } }

• Nah sekarang buat beberapa file jsp di folder web pages seperti berikut :

File yang kita buat

• Buat file login.jsp dan isikan script dibawah ini:

<html> <head> <style> a{ font: bold 13px Verdana; padding: 2px; padding-left: 4px; display: block; width: 100px; color: black; text-decoration: underline; } a:hover{ color: black; text-decoration: none; } </style> <script type="text/javascript" > function validate() { if(document.frm.username.value=="") { alert("Please enter username"); document.frm.username.focus(); return false; } if(document.frm.password.value=="") { alert("Please enter username"); document.frm.password.focus(); return false; } return true; } function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g,""); } </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Login</title> </head> <body> <% String errmsg = ""; if (request.getParameter("errmsg") != null && request.getParameter("errmsg") != "") { errmsg = "Invalid username and password"; }else{ errmsg=" "; } %> <form name="frm" onSubmit="return validate();" action="checkLogin.jsp" method="post"> <table border="0" width="400px" align="center" bgcolor="#CDFFFF"><tr><td colspan=2 align="center" style="color:red;"><%=errmsg%></td></tr> <tr><td colspan=2 align="center"> </td></tr> <tr><td colspan=2 align="center"><b>User Login</b></td></tr> <tr><td>Username : </td><td><input type="text" name="txtUsername" id="username"></td></tr> <tr><td>Password : </td><td><input type="password" name="txtPassword" id="password"></td></tr> <tr><td colspan=2 align="center"> <!-- <tr><td colspan=2 align="center"><input type="button" name="submit" value="Submit" onclick="login();"></td></tr><br /> <a href="user_register.jsp">New User</a>--> <input type="submit" name="sSubmit" value="Submit" /> </td></tr> </table></form></body> </html>

• Buat file logout.jsp dan isikan script dibawah ini:

<% session.removeAttribute("username"); session.invalidate(); response.sendRedirect("login.jsp"); %>

• Buat file success.jsp dan isikan script dibawah ini:

<%-- Document : success Created on : Jan 21, 2011, 11:44:08 PM Author : Gusti Ardias Riantono --%> <%@ page contentType="text/html; charset=iso-8859-1" language="java"%> <html> <head> <title>Successfully Login by JSP</title> </head> <body> Successfully login by JSP<br /> Session Value<br /> <% if (session.getAttribute("username")!= null){ out.print("UserName :" + session.getAttribute("username") + " "); %> <a href= "logout.jsp"><b>Logout</b></a> <% }else { response.sendRedirect("login.jsp"); } %> <br /> </body> </html>

• Buat file checkLogin.jsp dan isikan script dibawah ini:

<%@page import="sess.ion.dao.UserDao"%> <%@page import="sess.ion.bean.User"%> <% UserDao sd = new UserDao(); User s = new User(); String user = request.getParameter("txtUsername"); String password = request.getParameter("txtPassword"); s.setUsername(user); s.setPassword(password); String hasil = sd.cek(s); if (hasil == "1") { out.println(hasil); String sUserName = s.getUsername() + s.getPassword(); out.println("Berhasil : " + sUserName); session.setAttribute("username", s.getUsername()); response.sendRedirect("success.jsp"); } else { //out.println(hasil); //String sUserName = s.getUsername() + s.getPassword(); //out.println("Gagal : " + sUserName); response.sendRedirect("login.jsp?errmsg=error"); } %>

• Library yang terpakai

Library yang digunakan

Baiklah, sekian dari pembuatan Session Login Dengan JSP. Selamat mencoba ya sobat :D~