Java dan MySQL: Membuat Tombol Edit

Kupas Tuntas Kuliah Jurusan Sistem Informasi

Setelah membaca salah satu saran sahabat pengunjung di komentar, saya termotivasi untuk mengupdate lagi tutorial Java. Software yang digunakan mencakup Netbeans IDE 6.8 (maaf belum update nih), Wampserver untuk mengaktifkan database MySQL, and Firefox untuk membuka database MySQL.

1.      Buka Wampserver (Start – All Programs – WampServer – start WampServer)

2.      Buka Firefox

3.      Pada address bar, ketik: localhost

4.      Tekan tombol enter di keyboard

5.      Klik phpmyadmin

6.      Buat database, namanya: java (Kalau sudah punya, tidak perlu)

Caranya: Klik tulisan Databases – Ketik di kotak Create new database – klik tombol Create

7.      Lihat gambar ini:

8.      Selesai membuat database

9.      Pada kotak Create table on database java, ketik nama tabel: student, number of columns: 2

10.  Lihat gambar:

11.  Klik tombol Go

12.  Lakukan setting berikut ini:

Field Name	Data Type	Field Size	Index
number	Varchar	5	Primary
full_name	Varchar	30

13.  Lihat gambar ini:

14.  Klik tombol Save

15.  Hasilnya seperti gambar berikut:

16.  Klik nama tabel Student

17.  Klik tombol Insert di sebelah atas

18.  Ketik di kotak Value

Panel satu:

Number: A1

Full_name: aaaaaaaaaa

Panel dua:

Number: A2

Full_name: Tasdik

Lihat gambar:

Klik tombol Go sebelah bawah (yang ditandai merah)

“Entri data di tabel student sudah selesai”

19.  Buka windows explorer

20.  Buat folder di drive D, misalnya: D:\100java  (kalau sudah punya, tidak perlu)

21.  Buka Netbeans IDE (Start – All Programs – Netbeans – Netbeans IDE)

22.  File – New Project

23.  Tentukan:

Categories: Java

Projects: Java Application

24.  Lihat gambar berikut:

25.  Klik tombol Next

26.  Project Name: JavaApplicationEditButton

27.  Project Location: D:\100java\EditButton

28.  Hilangkan tanda centang di Create Main Class

29.  Klik tombol Finish

30.  Klik kanan pada tulisan  <default package>

31.  New – Java Package

32.  Lihat gambar ini:

33.  Ketik pada kotak package name: newpackageEditButton

34.  Lihat gambar ini:

35.  Klik tombol Finish

36.  Klik kanan Libraries – Add Library

37.  Lihat gambar berikut:

38.  Klik MySQL JDBC Driver

39.  Lihat gambar ini:

40.  Klik tombol Add Library

41.  Lihat hasilnya seperti gambar ini:

42.  Klik kanan newpackageEditButton – New JFrame Form

43.  Lihat gambar berikut:

44.  Ketik pada kotak class name: NewJFrameEdit

45.  Lihat gambar berikut:

46.  Klik tombol Finish

47.  Buat desain sebagai berikut:

Komponen yang digunakan adalah yang ditandai merah pada gambar berikut:

48.  Gambar di atas ubah dengan ketentuan:

• jLabel1=>Text: Number,
• jLabel2=> Text: Full Name
• jTextField1=> Text: (Kosongkan); Klik kanan – Change Variable Name – Ketik: txtNumber – OK
• jTextField2=> Text: (Kosongkan); Klik kanan – Change Variable Name – Ketik: txtName – OK
• jButton1=> Text: Edit;
• Hasilnya seperti gambar berikut:

49.  Klik kanan tombol Edit

50.  Klik Events – Action – actionPerformed

51.  Di bawah:

private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {

Ketik script berikut:

try {

            stat.executeUpdate("update student set "

                    + "full_name='"+txtName.getText()+"'"

                    + " where "

                    + "number='"+txtNumber.getText()+"'"

                    );

            JOptionPane.showMessageDialog(rootPane,"Data were updated successfully");

        } catch (Exception e){

            JOptionPane.showMessageDialog(rootPane, e);

        }

52.  Lihat gambar berikut:

53.  Di bawah package newpackageEditButton, ketik script berikut:

import java.sql.Connection;

      import java.sql.DriverManager;

      import java.sql.Statement;

      import java.sql.ResultSet;

      import javax.swing.JOptionPane;

54.  Di bawah public class NewJFrameEdit extends javax.swing.JFrame {

Ketik script berikut:

private Connection con;

    private Statement stat;

     private ResultSet res;

55.  Lihat gambar berikut:

56.  Simpan

57.  Di bawah  

public NewJFrameEdit() {

initComponents();

Ketik script berikut:

koneksi();

}

    private void koneksi (){

        try {

            Class.forName("com.mysql.jdbc.Driver");

            con=DriverManager.getConnection(""

                    + "jdbc:mysql://localhost/java","root","");

            stat=con.createStatement();

        } catch (Exception e){

            JOptionPane.showMessageDialog(null,e);

        }

}

58.  Lihat gambar berikut:

59.  Simpan

60.  Klik tab Design untuk melihat desain form

61.  Klik dua kali JTextField1 (yang diberi nama txtNumber).

62.  Ketik script berikut:

try {

res=stat.executeQuery("select * from student where "

+ "number='"+txtNumber.getText()+"'"

);

while (res.next()){

txtName.setText(res.getString("full_name"));

}

} catch (Exception e){

JOptionPane.showMessageDialog(rootPane, e);

}

63.  Lihat gambar berikut:

64.  Simpan

65.  Jalankan program (Run – Run File)

66.  Hasilnya seperti berikut:

67.  Masukkan data berikut:

Di kotak Number, ketik: A1

Kemudian tekan tombol Enter di keyboard.

Kalau datanya ada, maka nama akan muncul di kotak Full Name.

Lihat gambar:

Setelah itu, ganti nama yang ada di full name

Contohnya: dari aaaaaaaaaa menjadi Komarudin Tasdik

Lalu klik tombol Edit

Kalau berhasil akan muncul pesan seperti pada gambar berikut: 

Klik tombol OK

Silahkan cek di MySQL (Database: java, Table: student) pada Firefox

Kalau pusing, silahkan lanjutkan pada langkah-langkah berikut ini:

68.  Langkah selanjutnya adalah melihat data yang sudah dientri pada database MySQL

69.  Buka Firefox (Dari awal latihan, tabel Student sudah terbuka pada database Java)

70.  Klik tabel student

71.  Hasilnya seperti gambar berikut:

Selamat mencoba!

***

Referensi:

Script diadaptasi dari kaminarisoftware.com dengan judul “Cara Susah Membuat Form Entry Data Menggunakan Java Netbeans.

"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."

Tips Skripsi Program Studi Sistem Informasi