Ekspresi | Belajar HTML dan PHP | Sunda | Kontak | Gmail | Uang Adsense
Kuliah Sistem Informasi,
Jurnal Ilmiah Sistem Informasi
STMIK JABAR
LP3I Tasikmalaya
STAI Al-Falah
Belajar Pemrograman PHP, MySQL, Framework CI, Domain, Hosting dan CMS Wordpress
Inkubator | Daftar Isi | Bisnis Bitcoin | Tools Penting | PrivacyPolicy | Inggris Arab

Wednesday, June 5, 2013

Java dan MySQL: Membuat Tombol Edit



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.


"Bitcoin and Forex are high risk business. We must join them smartly."
Belajar Bahasa Inggris dan Arab di WA dan FB Gratis!

1 comment:

  1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Java developer learn from Java Training in Chennai. or learn thru Java Online Training from India . Nowadays Java has tons of job opportunities on various vertical industry.

    ReplyDelete