Jumat, 05 Desember 2014

Login, Input Data, dan Logout menggunakan Hastable JSP

Yuk, Mari di coba mass Broooo  :D


Login
Form Input

Bismiilah,
Mulai Mas Broo :)

1.Kita Buat projek baru,
    pada jendela Project Baru di kolom Categories pilih
    Java Web dan di kolom Projects pilih Web Application !!!



2. Next, Tentukan Project Name-nya = "Login"



3. Jika tidak ada GlassFish Server, bisa dengan memilih server ApacheTomcat. Klik next maka muncul form untuk memilih framework, karena kita tidak akan menggunakan framework klik tombol finish.


Sekarang mulai File Servlet
Cara terbaik untuk menambahkan file Servlet adalah dengan menggunakan wizard New File 
1. Di dalam jendela Projects, klik kanan di atas node proyek. seperti gambar di bawah ini..



2. Pada Form Name Class diisi dengan LoginServlet
    dan Next


3. Lalu isi sesuai dengan gambar di bawah ini dan Finish

Setelah mengklik tombol finish file servlet loginServlet.java akan ditambahkan dalam node Source Package dalam jendela Projects. Dalam Source Editor file juga akan dibuka.



 loginServlet.java

 1. Klik File - pilih new File - Web dan pilih Servlet - next
 2. Class name dengan  LoginServelet - Next dan Finish
Jika Sudah Kita Buka file LoginServlet tersebut

1. Klick pada Source Pacages - <default pacage> terus doble klick loginServlet
2. Selanjutnya masukan kode import java






di atas adalah plugin javanya..

3.  Tambahkan coding seperti berikut


Di atas adalah string Username yang fungsinya untuk User login dan String Password yamg fungsinya adalah password dari si user tersebut
 
4. Tambahkan coding seperti gambar di bawah



Perhatikan request.getParameter ini berfungsi untuk memanggil data username dan password/ mengambil data dari text saat login. Jika user name dan password benar maka lanjut ke tampilan form input dan jika password salah maka keluar pesan error.

FormInputData.java

Seperti langkah diatas selanjutnya kita buka file FromImputData tersebut
1. Klick pada Source Pacages - <default pacage> terus doble klick FormInputData.java
2. Selanjutnya masukan kode import java



FromImputData juga ada import seperti ini,
3. ketikan koding Srting sebagai berikut



 New  Hashtable() Fungsi untuk menyimpan data tanpa database itu disini mas broo
dataL adalah variable data yang digunakan dalam hashtable, untuk menyimpan data sementara.

selanjutnya mas broo..

4. Masukan koding seperti di bawah ini mas broo



koding "session.getAttribute("name");" funsinya jika belum ada
session login atau session loginnya kosong akan di ridirect ke halaman name jadi harus login terlebih dahulu.dan  diatas untuk mengambil parameter del dan upd, untuk proses delete dan update.

5. Selanjutnya masukan koding delete dan update


Lanjutannya


lanjutt lagi mas Broo :D

6. ketikan koding berikut ini.




 

  getParameter


7. Tahap ini berfungsi untuk tampilan html di Home, mencetak html di jsp menggunakan out.print/out.println.
 setelah selesai kita lanjut ke koding validasi

8. Masukan koding ini untuk validasi




fungsi adalah proses ketika simpan, dan di validasi terlebih dahulu, apakah ada data yg salah atau yg kosong, jika ada maka proses simpan tidak bisa di lakukan.

9. Koding ini untuk action delete dan update.




Fungsi di atas adalah mengulang data yang telah di simpan atau menampilkan data yang telah
disimpan, disitu ada action delete dan update.

LogoutServlet.java
1. Klick pada Source Pacages - <default pacage> terus doble klick LogoutServlet.
2. Selanjutnya masukan kode import java



3. Ketikan koding sebagai berikut,


Nah koding ini hanya untuk mengarahkan ke logout dan menampilkan pesan seperti diatas "anda berhasil Logout!"


BUAT HTML
Step
1. Klik kanan pada web-INF - New trus pilih Formatnya HTML
2. Berikan nama index
3. Klik Finish.

1.selanjutnya masukan koding seperti ini




Finish
Lakukan langkah seperti ini lagi
1. Klik kanan pada web-INF - New trus pilih Formatnya HTML
2. Berikan nama link
3. Klik Finish


koding ini untuk tampilan link




Terakhir lakukan langkah seperti ini
1. Klik kanan pada web-INF - New trus pilih Formatnya HTML
2. Berikan nama login
3. Klik Finish

1. koding di bawah seperti ini untuk tampilan login
 






Dan Program di Run Mas Brooo
Selamat Mencoba :D


Terima Kasih ;)