Contoh Program JSP: Pendaftaran & Formulir Login

Daftar Isi:

Anonim

Dalam tutorial ini, kami akan mengembangkan program sampel dengan JSP dan menggunakan arsitektur MVC.

Contoh Program berikut, akan dikembangkan -

  • Formulir pendaftaran
  • Formulir Login dan Logout

Menggunakan formulir pendaftaran melalui JSP

Pada form Registrasi, kita akan mendapatkan form untuk mengisi semua detail yang akan berisi nama, username, password, alamat, nomor kontak, dll.

Formulir ini akan membantu kami mendaftar dengan aplikasi. Mereka mengambil semua detail kami dan menyimpannya dalam database atau cache.

Dalam contoh ini, kita akan mengambil "formulir Pendaftaran Guru" yang memiliki bidang berikut:

  1. Nama depan
  2. Nama keluarga
  3. Nama pengguna
  4. Kata sandi
  5. Alamat
  6. Nomor kontak

Setelah mengisi semua detail ini kami memiliki tombol kirim, dengan mengklik tombol itu semua detail akan disimpan.

Register_1.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Formulir Pendaftaran Guru 

Formulir Pendaftaran Guru


 

 

  Nama Depan     


 

  Nama Belakang     


 

  UserName     


 

  Kata Sandi     


 

  Alamat     


 

  No Kontak

Penjelasan kode:

Baris Kode 11: Di sini kita mengambil nama formulir yang memiliki tindakan yaitu servlet yang akan memproses permintaan dan nama servlet adalah guru_register.java. Permintaan tersebut akan diproses melalui metode POST.

Baris Kode 14-16: Di sini kita mengambil jenis input sebagai teks dan nama adalah nama depan

Baris Kode 18-20: Di sini kita mengambil jenis input sebagai teks dan nama adalah nama belakang

Baris Kode 22-24: Di sini kita mengambil jenis masukan sebagai teks dan nama adalah nama pengguna

Baris Kode 26-28: Di sini kita mengambil jenis masukan sebagai kata sandi (ini akan menyembunyikan kata sandi saat diketik) dan nama sebagai kata sandi

Baris Kode 30-32: Di sini kita mengambil jenis input sebagai teks dan nama sebagai alamat

Baris Kode 34-36: Di sini kita mengambil jenis input sebagai teks dan nama sebagai kontak

Baris Kode 37: Di sini kita mengambil tombol jenis kirim dan nilai juga kirim. Saat mengklik tombol ini, tindakan akan menuju ke servlet guru_register yang sesuai di mana semua nilai parameter akan diteruskan dalam permintaan.

Guru_register.java

paket demotest;impor java.io.IOException;import javax.servlet.RequestDispatcher;impor javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;impor javax.servlet.http.HttpServletResponse;/ *** Kelas implementasi servlet guru_register* /public class guru_register memperluas HttpServlet {private static final long serialVersionUID = 1L;protected void doPost (permintaan HttpServletRequest, respons HttpServletResponse) melontarkan ServletException, IOException {// TODO Rintisan metode yang dibuat secara otomatisString first_name = request.getParameter ("first_name");String last_name = request.getParameter ("last_name");String username = request.getParameter ("username");String password = request.getParameter ("password");String address = request.getParameter ("address");String contact = request.getParameter ("contact");jika (first_name.isEmpty () || last_name.isEmpty () || namapengguna.isEmpty () ||password.isEmpty () || address.isEmpty () || contact.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_1.jsp");req.include (request, response);}lain{RequestDispatcher req = request.getRequestDispatcher ("register_2.jsp");req.forward (request, response);}}}

Penjelasan kode:

Baris Kode 14: Di sini kita mendefinisikan guru_servlet yang memperluas HttpServlet.

Baris Kode 18: Metode tindakan doPost () ini yang akan dipanggil ketika kami menyebutkan POST dalam atribut tindakan di formulir JSP di atas.

Baris Kode 20-25: Di sini kita mengambil nilai dari request i.efirst_name, last_name, username, password, address dan contact menggunakan request.getParameter.

Baris Kode 27-32: Di sini kita mengambil kondisi if di mana kita memeriksa salah satu parameter yang diambil dari permintaan apakah kosong atau tidak. Jika salah satu parameternya kosong maka ia akan memasuki kondisi ini (first_name.isEmpty () || last_name.isEmpty || username.isEmpty || password.isEmpty || address.isEmpty || contact.isEmpty ()) dan kita punya untuk mengambil objek RequestDispatcher menggunakan objek permintaan yang akan meneruskan permintaan ke register_1.jsp. Di sini kami juga menyertakan objek permintaan dan respons.

Baris Kode 33-37: Kasus ini akan dijalankan ketika salah satu parameter tidak kosong. Kita harus mengambil objek requestDispatcher menggunakan objek permintaan yang akan meneruskan permintaan ke register_2.jsp. Di sini kita meneruskan objek permintaan dan respons.

Register_2.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Halaman Sukses Guru   Selamat Datang Pengguna !!!!

Penjelasan kode:

Baris Kode 10: Di sini kami mengucapkan selamat datang pengguna. JSP ini akan dipanggil ketika semua parameter terisi.

Saat Anda menjalankan kode di atas, Anda mendapatkan output berikut:

Keluaran:

Ketika kita mengklik register_1.jsp, kita akan mendapatkan form yang berisi detail seperti nama depan, nama belakang, nama pengguna, kata sandi, alamat, kontak. Semua detail telah diisi. Ketika kita mengklik tombol kirim maka kita mendapatkan pesan sebagai "Selamat Datang Pengguna"

Formulir login dan logout

Seperti formulir pendaftaran kita akan memiliki formulir login dan logout.

Dalam contoh ini, kami telah mengambil formulir Login di mana kami memiliki dua bidang "nama pengguna" dan "kata sandi" dengan tombol kirim.

Ketika kita mengklik tombol kirim maka kita mendapatkan pesan selamat datang dengan tombol logout.

Ketika kita mengklik tombol logout maka kita kembali ke form login.

Register_3.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Formulir Login Guru 
 

 

  UserName     


 

  Kata Sandi

Penjelasan kode:

Baris Kode 10: Di sini kita mengambil nama formulir yang memiliki tindakan yaitu servlet yang telah diteruskannya adalah guru_login.java. Metode yang akan digunakan untuk meneruskan POST-nya.

Baris Kode 13-16: Di sini kita mengambil bidang masukan "nama pengguna" yang merupakan jenis teks.

Baris Kode 17-20: Di sini kita mengambil bidang masukan "kata sandi" yang merupakan jenis kata sandi.

Baris Kode 22: Di sini kita mengambil tombol "kirim" dengan nilai "Login" yang kita klik kemudian menuju ke servlet guru_login di mana kedua bidang diambil menggunakan objek permintaan.

Guru_login.java (servlet)

paket demotest;impor java.io.IOException;import javax.servlet.RequestDispatcher;impor javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;impor javax.servlet.http.HttpServletResponse;/ *** Kelas implementasi servlet guru_login* /public class guru_login memperluas HttpServlet {publik guru_login () {super();// TODO Rintisan konstruktor yang dibuat secara otomatis}protected void doPost (permintaan HttpServletRequest, respons HttpServletResponse) melontarkan ServletException, IOException {// TODO Rintisan metode yang dibuat secara otomatisString username = request.getParameter ("username");String password = request.getParameter ("password");jika (namapengguna.isEmpty () || kata sandi.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_3.jsp");req.include (request, response);}lain{RequestDispatcher req = request.getRequestDispatcher ("register_4.jsp");req.forward (request, response);}}}

Penjelasan kode:

Baris Kode 5-9: Di sini kita mengimpor impor yang diperlukan dalam kode.

Baris Kode 14: Di sini kita mengambil servlet guru_login yang memperluas HttpServlet.

Baris Kode 21: Di sini kami menggunakan metode doPost () seperti pada formulir kami menggunakan metode POST.

Baris Kode 23-24: Di sini kita mengambil parameter menggunakan objek permintaan yaitu nama pengguna dan kata sandi.

Baris Kode 25-29: Dengan cara ini, kita mengambil kondisi "jika" di mana kita memeriksa nama pengguna dan kata sandi apakah kosong atau tidak. Dalam hal ini jika kosong maka kita mendapatkan objek requestdispatcher yang diteruskan ke register_3.jsp dengan objek permintaan dan respons.

Baris Kode 30-34: Ini akan dijalankan jika keduanya tidak kosong kemudian meneruskan permintaan ke register_4.jsp dengan objek permintaan dan respons.

Register_4.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Guru Masuk  

 

  <% String username = request.getParameter ("username"); %> Selamat datang <% out.println (nama pengguna); %> Pengguna !!!! Anda telah masuk.   







    Keluar   < / td>

Penjelasan kode:

Baris Kode 12: Di sini kita mendapatkan parameter "nama pengguna" dari objek permintaan dalam nama pengguna objek string.

Baris Kode 13: Di sini kita memiliki pesan selamat datang dengan nama pengguna.

Baris Kode 14: Di sini kami menautkan ke formulir keluar yang dialihkan ke register_3.jsp.

Ketika Anda menjalankan kode di atas maka Anda mendapatkan output berikut:

Keluaran:

Di sini ketika kita mengklik register_3.jsp kita mendapatkan dua kolom "username" dan "password" dengan tombol login.

Setelah mengklik tombol Login Anda mendapatkan pesan di bawah ini dengan tombol Logout.

Ketika Anda mengklik tombol logout, Anda kembali ke halaman login