RosyidLinuX

Share Everything to Everyone

Minggu, 28 Juni 2015

JComboBox With DataBase

22.20 Posted by ROSYID'S BLOG No comments
Untuk tutorial kali ini, kita akan menggunakan mode koneksi JDBC biasa tanpa framework tambahan dan database-nya akan menggunakan MySQL. Sebelum mulai lebih lanjut, persiapkan dahulu database yang akan digunakan. Pada tulisan kali ini, kita akan menggunakan database yang terdapat pada tulisan Paging On JTable. Persiapkan dulu database-nya seperti pada tutorial tersebut, kemudian setelah selesai sekarang buatlah 1 buah project untuk latihan dengan nama project JComboBoxDB dan buatlah juga 2 buah package yaitu jcomboboxdb.domain dan jcomboboxdb.service seperti gambar dibawah ini :
 
Struktur Package

Setelah selesai, tambahkan dulu library MySQL JDBC Driver dengan cara klik kanan pada node Libraries kemudian pilih Add Library > MySQL JDBC Driver dan harusnya tampilan pada struktur project kita kali ini akan tampak menjadi seperti gambar dibawah ini :
 
Tampilan struktur project setelah penambahan library MySQL JDBC Driver

Sekarang tambahkanlah sebuah domain class pada package jcomboboxdb.domain dengan cara klik kanan package jcomboboxdb.domain kemudian pilih New Java Class dan beri nama class WPComment yang isinya kurang lebih seperti dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

public class WPComment {

    private Integer commentID;
    private String commentAuthor;
    private Date commentDate;
    private String commentContent;

    // gunakan alt+insert dan pilih Getter and Setter untuk membuat getter dan 
    // setter untuk semua variable diatas

    /* Tambahkan ini supaya ID tampil pada JComboBox 
     * Catatan : Gunakan alt+insert kemudian pilih <b>toString()</b> untuk 
     * membuat method dibawah ini.
     */
    @Override
    public String toString() {
        return commentID.toString();
    }
}
Setelah selesai membuat sebuah domain class, sekarang pada package jcomboboxdb.service buatlah 1 buah interface dengan nama DBService dan implementasinya dengan nama DBServiceImpl yang terlihat seperti gambar dibawah ini :
 
Isi package service ini hanya 1 buah interface yaitu DBService dan 1 buah java class biasa yaitu DBServiceImpl

Dan isi dari interface DBService adalah kurang lebih seperti berikut :
1
2
3
4
5

public interface DBService {

    public List<wpcomment> findAllComment();

}
Sedangkan isi dari DBServiceImpl adalah kurang lebih seperti berikut ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

public class DBServiceImpl implements DBService {

    private final String FIND_ALL_QRY = "select * from wp_comments";

    private PreparedStatement preparedFindAll;

    private Connection connection;

    public DBServiceImpl(Connection connection) throws SQLException {
        this.connection = connection;
        preparedFindAll = connection.prepareStatement(FIND_ALL_QRY);
    }

    @Override
    public List<wpcomment> findAllComment() {
        try {
            List<wpcomment> listWP = new ArrayList<wpcomment>();
            ResultSet rs = preparedFindAll.executeQuery();
            while (rs.next()) {
                WPComment comment = new WPComment();
                comment.setCommentID(rs.getInt("comment_ID"));
                comment.setCommentAuthor(rs.getString("comment_author"));
                comment.setCommentDate(rs.getDate("comment_date"));
                comment.setCommentContent(rs.getString("comment_content"));
                listWP.add(comment);
            }
            return listWP;
        } catch (SQLException ex) {
            Logger.getLogger(DBServiceImpl.class.getName()).log(Level.SEVERE, null, ex);
        }

        return null;
    }
}
Jika sudah, sekarang waktunya untuk melakukan inisialisasi database dan service. Untuk melakukan ini, sekarang editlah file Main.java yang terdapat pada package jcomboboxdb menjadi seperti ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

public class Main {

    private static DBService dBService;

    public static DBService getdBService() {
        return dBService;
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) throws SQLException {
        MysqlDataSource dataSource = new MysqlDataSource();
        dataSource.setUser("root");
        dataSource.setPassword("admin");
        dataSource.setDatabaseName("table_paging");
        dataSource.setServerName("localhost");
        dataSource.setPortNumber(3306);

        dBService = new DBServiceImpl(dataSource.getConnection());
    }
}
Sampai disini proses inisialisasi database sudah berhasil dilakukan, dan sekarang kita tinggal memanggil-nya dari sisi UI. Untuk melakukan hal tersebut, sekarang buatlah sebuah Form dari JFrame dengan nama MainForm yang berisi JComboBox, JLabel, JTextField dan JButton kemudian design-lah menjadi seperti gambar dibawah ini :
Design JFrame
Untuk mengambil data dari database dan memasukkan-nya ke dalam JComboBox kita harus masuk ke dalam mode Source dan buatlah sebuah private class dengan nama ComboBoxListener dahulu untuk mendeteksi proses seleksi yang terjadi pada JComboBox seperti dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

...
...
private class ComboBoxListener implements ActionListener {

    @Override
    public void actionPerformed(ActionEvent e) {
        WPComment wPComment = (WPComment) cmbID.getSelectedItem();
        txtAuthor.setText(wPComment.getCommentAuthor());
    }

}

// Variables declaration - do not modify                     
private javax.swing.JButton btnClose;
private javax.swing.JComboBox cmbID;
...
...
Setelah selesai membuat sebuah private class yang berfungsi untuk melakukan pendeteksian pada JComboBox, sekarang modifikasi-lah constructor MainForm tambahkan 1 method yaitu loadDB() seperti potongan kode dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

public class MainForm extends javax.swing.JFrame {

    /** Creates new form MainForm */
    public MainForm() {
        initComponents();
        loadDB();
        cmbID.addActionListener(new ComboBoxListener());
        setLocationRelativeTo(null);
    }

    private void loadDB() {
        // clear JComboBox
        cmbID.removeAllItems();

        List<wpcomment> listWP = Main.getdBService().findAllComment();
        for (WPComment wp : listWP) {
            cmbID.addItem(wp);
        }
    }
    ...
    ...
Dan langkah terakhir yang harus kita lakukan yaitu, editlah file Main.java agar memanggil MainForm dan sekalian kita konfigurasikan agar menggunakan SystemLookAndFeel seperti dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

public static void main(String args[]) throws SQLException {
    ...
    ...
    ...

    java.awt.EventQueue.invokeLater(new Runnable() {

        public void run() {
            try {
                UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
            } catch (ClassNotFoundException ex) {
            } catch (InstantiationException ex) {
            } catch (IllegalAccessException ex) {
            } catch (UnsupportedLookAndFeelException ex) {
            }
            new MainForm().setVisible(true);
        }
    });
}
...
Dan sekarang, mari kita coba jalankan. Jika tidak ada masalah, harusnya kita akan melihat tampilan seperti gambar dibawah ini :

Hasil akhir, disini kita bisa melihat bahwa JComboBox sudah terisi data yang berasal dari database :)
Apakah hasilnya benar ? Ok mari kita cek di database dengan menjalankan perintah select comment_ID,comment_author from wp_comments limit 10; seperti dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

mysql> select comment_ID,comment_author from wp_comments limit 10;
+------------+----------------+
| comment_ID | comment_author |
+------------+----------------+
|          2 | dewa eheem     |
|          3 | Martinus Ady H |
|          4 | oim            |
|          5 | oim            |
|          6 | Zarathustra    |
|          7 | Martinus Ady H |
|          8 | chris          |
|          9 | Martinus Ady H |
|         10 | arry           |
|         11 | wahyu          |
+------------+----------------+
10 rows in set (0.00 sec)

mysql>
Mudah bukan ? :) Jika masih bingung atau ada pertanyaan, silahkan ditanyakan di kolom komentar ya :)

0 komentar:

Posting Komentar