Aplikasi Database (CRUD) Java

PEMROGRAMAN VISUAL II (Bahasa Pemrograman Java) NetBeans IDE 7.1.2 <= Aplikasi Database (CRUD)=> Siswan Syahputra, M.Kom

A. Menampilkan Data Database pada JTable

1. Sebelum membuat project pada netbeans, buatlah database “Karyawan” pada MySQL beserta tabel “tblGaji”. Berikut rancangan tabel tblGaji : Tabel a.1 tblGaji Field Type Nip Varchar (10) Nama Varchar (50) Jabatan Varchar (30) Gapok Int (10) Transport Int (10) Gaber Int (10) 2. Isi tabel tblGaji dengan data berikut : Nip 14231022 14231021 14231020

Tabel a.2 Record tblGaji Nama Jabatan Gapok Surya Pratama Manager 5000000 Sandika Indriyani Asisten Manager 4000000 Kartini Andayani Kepala HRD 4000000

Transport 500000 400000 400000

Gaber 5500000 4400000 4400000

3. Buatlah project baru dengan nama App_Database dan buat Java Package dengan nama Koneksi. 4. Agar database MySQL dapat terhubung maka diperlukan driver sebagai jembatan penghubung Netbeans

dengan MySQL, klik kanan pada Libraries dalam project App_Database – pilih Add Library

Gambar a.1 Add Library

5. Kemudian pada jendela Add Library pilih MySQL JDBC Driver dan klik tombol Add Library

Gambar a.2 MySQL JDBC Driver 6. Jika proses import driver MySQL JDBC berhasil maka akan muncul driver baru pada Libraries dalam project App_Database.

2|P age

Gambar a.3 Libraries MySQL JDBC Driver

Siswan Syahputra, M.Kom

7. Kemudian buat Java Class baru di dalam package Koneksi dengan nama “Db_Koneksi”.

Gambar a.4 Java Class Db_Koneksi 8. Masukkan kode program berikut pada Java Class Db_Koneksi :

9. Selanjutnya buat Java Package baru pada App_Database dengan nama “Karyawan”. 10. Buat JFrame Form baru pada package Karyawan dengan nama “Form_Gaji”

Gambar a.5 Form Gaji 11. Masukkan komponen JTable dari jendela Palette pada Form_Karyawan seperti berikut :

3|P age


Gambar a.6 Desain Form_Gaji 12. Sesuaikan nilai dari komponen – komponen tersebut dengan tabel berikut : Komponen Frame Jlabel1 JTable1

Properties Title Text -

Table a.3 Value Komponen Form_Gaji Values Code Form Penggajian Karyawan Data Gaji Karyawan Variable Name

Values tblGaji

13. Masukkan kode program berikut pada Form_Gaji untuk membuat kolom dan memberi penamaan judul kolom pada tabel tblGaji :

14. Untuk melihat hasil dari pembuatan kolom pada tabel tblGaji , jalankan program dengan menekan tombol Shift + F6, jika berhasil maka akan tampil seperti berikut :

4|P age

Gambar a.7 Output Tabel tblGaji


15. Kemudian buatlah class getData untuk melakukan pemanggilan data pada database

16. Agar data di tabel tblGaji pada database Karyawan dapat ditampilkan pada Form_Gaji, maka panggil class getData pada class Form_Gaji.

17. Jalankan program dengan menekan tombol keyboard Shift + F6

5|P age


Gambar a.8 Output Form_Gaji

B. Menyimpan Data ke Database 1. Desain Form_Gaji pada project App_Database seperti berikut :

Gambar b.1 Desain Form_Gaji 2. Sesuaikan nilai dari komponen – komponen tersebut dengan tabel a.1 Komponen Frame jLabel1 jLabel2 jLabel3 jLabel4 jLabel5 jLabel6 jLabel7 jTextField1 jTextField2 jTextField3 jTextField4 jTextField5 jComboBox1

jButton1

6|P age

Tabel b.1 Properties dan Code Values Form Penggajian Karyawan Data Gaji Karyawan NIP Nama Jabatan Gaji Pokok Transport Gaji Bersih Manager Asisten Manager Kepala HRD Staf Keuangan Karyawan Office Boy Text Keluar Icon Pilih lokasi icon horizontolTextPosition Center verticalTextPosition Bottom Properties Title Text Text Text Text Text Text Text Text Text Text Text Text Model

Code Variable Name Variable Name Variable Name Variable Name Variable Name Variable Name

Values txtNip txtNama txtGapok txtTransport txtGaber cmboxJabatan

Variable Name

btnKeluar


jButton2

jButton3

jButton3

jButton4

jTable1

Text Icon horizontolTextPosition verticalTextPosition Text Icon horizontolTextPosition verticalTextPosition Text Icon horizontolTextPosition verticalTextPosition Text Icon horizontolTextPosition verticalTextPosition -

Delete Pilih lokasi icon Center Bottom Update Pilih lokasi icon Center Bottom Reset Pilih lokasi icon Center Bottom Save Pilih lokasi icon Center Bottom -

Variable Name

btnDelete

Variable Name

btnUpdate

Variable Name

btnReset

Variable Name

btnSave

Variable Name

tblGaji

3. Selanjutnya buatlah beberapa variable baru untuk menampung nilai sementara dari Nip, Nama, Jabatan, Gaji Pokok, Transport dan Gaji Bersih, masukkan variable tersebut seperti kode program berikut :

4. Kemudian buatlah class baru dengan nama loadData(), fungsi class tersebut adalah untuk memberi nilai pada variable di step 4, berikut kode program class loadData() :

5. Setelah class loadData() selesai dibuat, selanjutnya buat class baru dengan nama loadGaji(), fungsi class ini adalah untuk menentukan besaran gaji pokok, transport dan gaji bersih. Berikut kode program pada class loadGaji() :

7|P age


6. Pada tahap ini merupakan tahap pembuatan class saveData(), fungsi class ini adalah untuk menyimpan data berdasarkan input dari user, berikut kode program pada class saveData():

7. Selanjutnya adalah pemanggilan class loadGaji() saat jabatan pada cmboxJabatan dipilih, berikut kode program pada cmboxJabatan :

8. Agar proses penyimpanan dapat dilakukan, selanjutnya lakukan pemanggilan class saveData() saat tombol Save di klik, berikut kode program pada btnSave :

9. Jalankan program dengan menekan tombol pada keyboard Shift + F6, lakukan uji coba input data pada aplikasi.

C. Membuat Tombol Reset

1. Buatlah sebuah class Reset(), fungsi class ini adalah untuk mengkosongkan nilai pada variable – variable yang ada. Berikut kode program pada class Reset() :

2. Lakukan pemanggilan class Reset() saat tombol Reset di klik, berikut kode program pada tombol Reset :

8|P age


D. SelectRow

Dalam proses update dan delete data harus dilakukan penentuan data yang akan diubah atau dihapus, agar proses tersebut dapat dilakukan, maka buatlah sebuah class baru yang berfungsi untuk memanggil data yang dipilih oleh user dari tblGaji. Berikut kode program pada class tersebut :

Selanjutnya klik kanan pada tblGaji pada bagian Design kemudian pilih Events – Mouse – mouseClicked, kemudian lakukan pemanggilan class dataSelect() pada events tersebut.

Kemudian jalankan program dan lakukan pemilihan data pada tabel tblGaji, jika berhasil maka data yang dipilih akan tampil pada komponen – komponen yang disediahkan.

Gambar d.1 Proses SelectRow

E. Update Data

Setelah proses SelectRow berhasil, maka selanjutnya adalah proses update data. Buatlah class baru dengan nama updateData(), masukan kode program berikut :

9|P age


Kemudian klik kanan pada tombol Update pilih Events – Action – actionPerformed, kemudian lakukan pemanggilan pada events tersebut :

F. Delete Data

Selanjutnya adalah proses delete data. Buatlah class baru dengan nama deleteData(), masukan kode program berikut :

Kemudian klik kanan pada tombol Delete pilih Events – Action – actionPerformed, kemudian lakukan pemanggilan pada events tersebut :

G. Tombol Keluar

Kemudian klik kanan pada tombol Keluar pemanggilan pada events tersebut :

10 | P a g e

pilih Events – Action – actionPerformed, kemudian lakukan


Aplikasi Database (CRUD) Java

Recommend Documents