Membuat Login Form dengan jsp dan servlet

Oleh : Reza Ervani

بسم الله الرحمن الرحيم

Setelah kita membuat form login jsp di tutorial sebelumnya, kini saatnya kita membuatnya berfungsi.

Pertama kita akan membuat servlet.

Klik kanan di Java Resources –> New –> Package

Halaman penamaan paket akan tampak seperti pada gambar berikut ini :

Kita berikan nama login.programming.rezaervani.com sebagaimana nampak pada gambar tersebut, lalu klik Finish.

Maka kita akan mendapatkan Eclipse menampilkan di kolom project manager tampilan paket seperti berikut :

Sekarang kita buatkan servletnya.

Klik kanan di paket yang tadi kita buat :

Tampilan jendela pembuatan servlet akan tampak seperti berikut :

Kita berikan nama Classnya : login lalu klik Next, maka akan tampil jendela berikutnya :

Kita berikan Deskripsinya sebagaimana tampak di atas. Kita juga dapat merubah URL mapping jika ingin alamat akses halaman ini nanti berubah.

Klik Next maka akan tampil jendela berikutnya seperti tampak pada gambar berikut :

Di jendela tersebut kita pilih metode init dan service (silahkan baca Artikel tentang Siklus Hidup  Servlet). Metode service inilah yang akan menangani request.

Klik Finish, maka kita akan melihat Eclipse membuatkan kita kode seperti tampak pada gambar berikut :

Tampilan kodenya tampak seperti berikut :

package login.programming.rezaervani.com;

import java.io.IOException;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
* Servlet implementation class login
*/
@WebServlet(description = "Servlet Login", urlPatterns = { "/login" })
public class login extends HttpServlet {
private static final long serialVersionUID = 1L;

/**
* @see HttpServlet#HttpServlet()
*/
public login() {
super();
// TODO Auto-generated constructor stub
}

/**
* @see Servlet#init(ServletConfig)
*/
public void init(ServletConfig config) throws ServletException {
// TODO Auto-generated method stub
}

/**
* @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response)
*/
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
}

}

Kita akan memberikan kode yang terkait dengan fungsional form kita di bawah metode service()

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub

// Prasyarat :
 String username="rezaervani";
 String password="password";

 // Mengambil masukan dari form :
 String user=request.getParameter("username");
 String pass=request.getParameter("password");

 //Variabel pesan
 String pesan= " ";

 //Kondisi
 if (user.equals(username) && pass.equals(password)) {
 pesan = "Selamat Datang" + user;
 } else {
 pesan = "Maaf Login anda Salah";
 }

 //Menentukan tipe response :
 response.setContentType("text/html");

 //Menampilkan ke layar
 PrintWriter tampil=response.getWriter();
 tampil.println(pesan);

Kemudian kita jalankan program ini di tomcat, maka tampilannya jika kita masukkan username = rezaervani dan password = password adalah seperti tampak pada gambar berikut :

Sementara jika kita mengisikan username dan atau password yang salah maka tampilannya akan tampak seperti berikut :

Demikian, selamat mencoba