Membuat Login JSP

Tutorial Membuat Form Login dan
Registrasi Dengan JSP

Java 1 Comment 5,318 Views
Fitur login dan registrasi merupakan hal yang wajib dimiliki oleh sebuah website. Dimana
fitur login berfungsi untuk membedakan antara user satu dengan yang lainnya. Tentunya
untuk melakukan login pada sebuah website, kita memperlukan
sebuah authentifikasi terlebih dahulu, apakah user tersebut mempunyai hak akses atau tidak.
Selain itu banyak sekali manfaat dengan adanya fitur login pada website ini.
Pada artikel kali ini saya akan memberikan sedikit tutorial sederhana tentang Cara Membuat
Form Login dan Registrasi Dengan JSP. Dalam pembuatan tutorial ini saya menggunakan
IDE NetBeans agar pengerjaannya menjadi lebih mudah dan cepat. Jika anda belum
mempunyai IDE NetBeans silahkan download disini.
Tutorial Membuat Form Login dan Registrasi Dengan

JSP:
Membuat Database:
 Buatlah database dengan nama belajar.

 lalu buatlah table dengan nama admin, atau anda bisa dumping dengan query sql
berikut ini:
1 CREATE TABLE àdmin` (
2 ìd` INT( 5 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
3 ùsername` VARCHAR( 25 ) NOT NULL ,
4 `password` VARCHAR( 25 ) NOT NULL ,
5 èmail` VARCHAR( 25 ) NOT NULL ,
6 `regdate` DATE NOT NULL
7 ) ENGINE = INNODB;
Buat Project Baru Pada IDE NetBeans
 Buat project baru dengan nama LoginJSP, jika anda belum tahu bagaimana cara
membuat project baru pada IDE Netbeans silahkan baca tutorial berikut ini: (Baca :
Cara Membuat Website Sederhana dengan Java)
 Buatlah file JSP sesuai gambar di bawah ini.
Kode untuk masing-masing file:
Index.jsp
Pada bagian ini kita hanya membuat form login yang nanti nya akan di kirim ke login.jsp
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>JSP Login</title>
5 </head>
6 <body>
7 <form method="post" action="login.jsp">
8 <center>
9 <table border="1" width="30%" cellpadding="3">
10 <thead>
11 <tr>
12 <th colspan="2">Login Here</th>
13 </tr>
14 </thead>
15 <tbody>
16 <tr>
17 <td>User Name</td>
18 <td><input type="text" name="username" value="" /></td>
19 </tr>
<tr>
20
<td>Password</td>
21
<td><input type="password" name="password" value="" /></td>
22
</tr>
23
<tr>
24
<td><input type="submit" value="Login" /></td>
25
<td><input type="reset" value="Reset" /></td>
26
</tr>
27
<tr>
28
<td colspan="2">Yet Not Registered!! <a href="registrasi.jsp">Register
29
Here</a></td>
30
</tr>
31
</tbody>
32
</table>
33
</center>
34
</form>
35
</body>
36
</html>
Login.jsp
Setelah pengunjung mengirimkan username dan passwordnya maka login.jsp akan

melakukan pengecekan terhadap username dan password tersebut. Apakah username dan
password tersebut terdaftar di database atau tidak. jika terdaftar maka pengunjung akan di
alihkan ke halaman sukses.jsp jika tidak maka pengunjung akan di arahkan ke halaman form
login tadi (index.jsp).
<%@ page import ="java.sql.*" %>

1
2 <%
3 String userid = request.getParameter("username");
4 String pwd = request.getParameter("password");
5 Class.forName("com.mysql.jdbc.Driver");
6 Connection con =
7 DriverManager.getConnection("jdbc:mysql://localhost:3306/belajar",
8 "root", "");
9 Statement st = con.createStatement();
10 ResultSet rs;
11 rs = st.executeQuery("select * from admin where username='" + userid + "' and
12 password='" + pwd + "'");
13 if (rs.next()) {
14 session.setAttribute("userid", userid);
15 out.println("welcome " + userid);
16 out.println("<a href='logout.jsp'>Log out</a>");
17 response.sendRedirect("sukses.jsp");
18 } else {
19 out.println("Invalid password <a href='index.jsp'>try again</a>");
20 }
%>
Sukses.jsp
pada bagian ini session pengunjung akan di cek jika sessionnya kosong maka akan tampil
pesan “Anda Belum login”. tapi jika session itu ada maka akan menampilkan pesan
“welcome” beserta atribut username yang digunakan untuk login.
1 <%
2 if ((session.getAttribute("userid") == null) || (session.getAttribute("userid") == "")) {
3 %>
4 Anda Belum login <br/>
5 <a href="index.jsp">Silahkan Login</a>
6 <%} else {
7 %>
8 Welcome <%=session.getAttribute("userid")%>
9 <a href='logout.jsp'>Log out</a>
10 <%
11 }
12 %>
Logout.jsp
pada bagian ini kita hanya akan menghapus session pengunjung lalu akan mengarahkannya
kembali ke halaman index.jsp
1 <%
2 session.setAttribute("username", null);
3 session.invalidate();
4 response.sendRedirect("index.jsp");
5 %>
Itu tadi adalah tahap-tahap bagaimana proses login itu terjadi. Sekarang kita akan membuat
sebuah form registrasi yang nanti nya bisa digunakan pengunjung untuk melakukan
pendaftaran, agar bisa melakukan login pada website kita.
Silahkan masukkan barisan kode berikut ini pada masing file-file jsp yang telah di buat tadi.
Registrasi.jsp
Membuat form registrasi terlebih dahulu yang nantinya digunakan untuk memasukkan data
pengunjung.
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>Registration</title>
5 </head>
6 <body>
<form method="post" action="prosesregis.jsp">
7
<center>
8
<table border="1" width="30%" cellpadding="5">
9
<thead>
10
<tr>
11
<th colspan="2">Enter Information Here</th>
12
</tr>
13
</thead>
14
<tbody>
15
<tr>
16
<td>Username</td>
17
<td><input type="text" name="username" value="" /></td>
18
</tr>
19
<tr>
20
<td>Password</td>
21
<td><input type="password" name="password" value="" /></td>
22
</tr>
23
<tr>
24
<td>Email</td>
25
<td><input type="text" name="email" value="" /></td>
26
</tr>
27
<tr>
28
<td><input type="submit" value="Submit" /></td>
29
<td><input type="reset" value="Reset" /></td>
30
</tr>
31
<tr>
32
<td colspan="2">Already registered!! <a href="index.jsp">Login
33
Here</a></td>
34
</tr>
35
</tbody>
36
</table>
37
</center>
38
</form>
39
</body>
40
</html>
prosesregis.jsp
pada prosesregis ini data yang dikirim melalui form registrasi.jsp akan di tangkap, lalu

dimasukkan ke dalam database. Jika pendaftaran berhasil maka pengunjung akan di arahkan
ke halaman welcome.jsp
1 <%@ page import ="java.sql.*" %>

2 <%
3 String user = request.getParameter("username");
4 String pwd = request.getParameter("password");
5 String email = request.getParameter("email");
6 Class.forName("com.mysql.jdbc.Driver");
Connection con =
7 DriverManager.getConnection("jdbc:mysql://localhost:3306/belajar",
8 "root", "");
9 Statement st = con.createStatement();
10 //ResultSet rs;
11 int i = st.executeUpdate("insert into admin( email, username, password, regdate) values
12 ('" + email + "','" + user + "','" + pwd + "', CURDATE())");
13 if (i > 0) {
14 //session.setAttribute("userid", user);
15 response.sendRedirect("welcome.jsp");
16 // out.print("Registration Successfull!"+"<a href='index.jsp'>Go to Login</a>");
17 } else {
18 response.sendRedirect("index.jsp");
19 }
%>
Welcome.jsp
1 registrasi berhasil <br>

2 silahkan login <a href='index.jsp'>Login</a>
Sebelum melakukan running sebaiknya periksa dahulu apakah anda sudah melakukan import
libraries MySQL atau belum.
Cara Import Libraries MySQL Pada NetBeans
 Klik kanan libraries lalu pilih add library

 Akan tampil jendela baru lalu cari MySQL JDBC Driver lalu klik add.
Setelah itu baru jalankan menggunakan web server untuk platform java seperti Apache
Tomcat, GlashFish, dan Oracle Weblogic Server.

Membuat Login JSP

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Membuat Login JSP

Diunggah oleh

Hak Cipta:

Format Tersedia

Tutorial Membuat Form Login dan

Registrasi Dengan JSP

Tutorial Membuat Form Login dan Registrasi Dengan

 Buatlah database dengan nama belajar.

Kode untuk masing-masing file:

Setelah pengunjung mengirimkan username dan passwordnya maka login.jsp akan

<%@ page import ="java.sql.*" %>

pada prosesregis ini data yang dikirim melalui form registrasi.jsp akan di tangkap, lalu

1 <%@ page import ="java.sql.*" %>

1 registrasi berhasil <br>

Cara Import Libraries MySQL Pada NetBeans

 Klik kanan libraries lalu pilih add library

Anda mungkin juga menyukai