[Belajar JavaFX] Membuat Aplikasi Sederhana yang Menggunakan Database MySQL

Kali ini saya menulis tutorial untuk membuat aplikasi sederhana yang menggunakan database MySQL. Tutorial ini adalah hasil modifikasi dari tutorial Crud JavaFX. Pada blog tersebut, aplikasi dibuat dengan menggunakan bantuan aplikasi SceneBuilder, komponen-komponen atau yang lebih dikenal sebagai UI Controls dapat diseret atau drag and drop ke alas atau pane yang disediakan. Pane yang disediakan juga dapat diganti. Namun, kali ini saya memodifikasi aplikasi tersebut dengan cara manual yakni dengan menuliskan baris kode tanpa menggunakan aplikasi SceneBuilder.

  • MEMBUAT DATABASE
Sebelum membuat aplikasinya, kita buat dahulu databasenya. Saya memberikan nama universitas untuk nama databasenya dan mhs untuk nama tabelnya. Buat tabelnya dengan struktur seperti gambar berikut.

Gambar 1. Struktur Table
Untuk membuat database universitas gunakan perintah berikut.
create database nama_database;
catatan: nama_database diganti dengan universitas.

Untuk memilih database yang sudah dibuat, gunakan perintah berikut.
use nama_database;
catatan: nama_database diganti dengan universitas.

Untuk membuat tabel bagi database universitas yang sudah dipilih, gunakan perintah berikut.
create table nama_tabel (
nim varchar(8) NOT NULL PRIMARY KEY,
nama varchar(40) NOT NULL,
jurusan varchar(3) NOT NULL,
alamat varchar(40) NOT NULL);
catatan: nama_tabel diganti dengan mhs.

Setelah database berhasil dibuat, kemudian kita saatnya membuat aplikasinya.
  • MEMBUAT PROYEK
Untuk membuat proyek, klik File → New Project. Pilih kategori JavaFX dan proyek JavaFX Application. Nama proyek SimpleDatabaseFX, lalu klik Finish.

Kemudian buatlah paket dan file baru pada masing-masing paket yang baru dibuat serta tambahkan library MySQL Connector dan MySQL JDBC Driver, seperti gambar berikut.

Gambar 2. Struktur Proyek
Kemudian ketik kode berikut ke DatabaseConnect.java



Kemudian ketik kode berikut ke modelDatabase.java


Terakhir, ketik kode berikut ke SimpleDatabaseFX.java


Gambar 3. Tampilan Aplikasi

Gambar 4. Tampilan Cari Data
Selamat Mencoba :)

Komentar

Posting Komentar