Rabu, 05 Desember 2018

Membuat Tampilan Input Master Akun


Haii..
Nah sesuai dengan postingan yang sebelumnya, sekarang kami akan membuat Tampilan Input Master Akun.
Dalam membuat tampilan input master akun, kami akan membuat file jsp nya dulu dengan nama: add_akun.jsp
  
 Langkah-langkahnya antara lain :
  1. Klik kanan pada folder Web Pages -> New -> JSP (Jika belum ada dipilihan silahkan pilih Other -> Web ->JSP)
  2. Ganti file name dengan nama add_akun -> Finish
  Berikut codingannya :





















































 Kemudian buatlah class java nya yang diberi nama akun.java
Dengan langkah-langkahnya adalah :

  1. Klik kanan pada folder Web Pages -> New -> Java Class
  2. Ganti Class Name dengan nama akun -> Package --> model --> Finish
Berikut codingan dari class tersebut :

















































Kemudian membuat Servlet: akunServlet.java
Dengan langkah-langkahnya antara lain :

  1. Klik kanan pada folder Web Pages -> New -> Servlet
  2. Ganti Class Name dengan nama akunServlet -> Package --> control --> Next
  3. Checklist add information to deployment descriptor (web.xml) --> Finish
Berikut codingan dari servlet tersebut :












































































Selanjutnya, membuat tampilan data akun yang telah diinput. Buatlah file jsp, simpan dengan nama: tampil_akun.jsp
Langkah-langkahnya adalah :

  1. Klik kanan pada folder Web Pages -> New --> JSP (Jika belum ada dipilihan silahkan pilih Other -> Web ->JSP)
  2. Ganti file name dengan nama tampil_akun --> Finish
 dengan bentuk tampilannya seperti dibawah ini :
 




































 Berikut codingannya:
















































 Untuk mempercantik tampilan silahkan ditambahkan script css dibawah ini diantara tag <head> … </head>, sebagai berikut: 





















Langkah berikutnya membuat halaman untuk meng-edit akun, buatlah file jsp dan simpan dengan nama: edit_akun.jsp
Langkah-langkahnya adalah :
  1. Klik kanan pada folder Web Pages -> New --> JSP
  2. Ganti file name dengan nama edit_akun --> Finish
 dengan bentuk tampilannya seperti dibawah ini :



 




















Berikut codingannya:












































































 



Nah itulah tadi tentang langkah-langkah dalam membuat tampilan input master akun.

Dalam postingan berikutnya kami akan menguraikan bagaimana membuat Laporan iReport nya dari semua tahapan pembuatan akun yang telah kami jabarkan sebelumnya.
Ditunggu ya….😁✌

Tidak ada komentar:

Posting Komentar

Membuat tampilan Menu Utama Web menggunakan aplikasi NetBeans IDE 8.2

Sekarang kami akan menjelaskan cara untuk membuat tampilan Menu Utama pada web dengan menggunakan aplikasi NetBeans IDE 8.2 seperti ...