Minggu, 13 Januari 2019

CRUD Web Service dengan Bootstrap Menggunakan Netbeans - Part 1 - Persiapan Awal

Implementasi CRUD Web Service (Client dan Server) dengan Bootstrap Menggunakan Netbeans


Setelah membahas apa itu CRUD dan Bootstrap di artikel Implementasi CRUD Web Service dengan Bootstrap Menggunakan Netbeans, maka saat ini kita berada di Part 2 Sesi Tutorial CRUD Web Service yang akan membahas tentang bagaimana cara menghubungkan atau mengkoneksikan project Siakad ke suatu database menggunakan bantuan library MySQL JDBC Driver

Persiapan Awal CRUD Web Service

  1. Buat project WS (Server dan Client) dengan Bootsrap. Project ini memiliki fitur CRUD (Create, Read, Update, dan Delete).
    Nama Project Server : Siakad
    Nama Project Client : ClientSiakad
    Nama Database : siakad
    Nama Tabel : mahasiswa
    Berikut adalah struktur dari database siakad.
  2. Berikut adalah tampilan struktur database siakad di PHPMyAdmin.
  3. Buka software Netbeans 8.2, lalu buat sebuah project untuk server dengan nama adalah Siakad. Klik File - New Project - Java Web - Web Application. Beri nama Siakad kemudian klik Next.
  4. Pilih GlassFish sebagai server - klik Finish.
  5. Selanjutnya kita buat web service di dalam project Siakad. Caranya, klik kanan pada project, lalu pilih New - Web Service, lalu masukkan nama : Mahasiswa dan Package : siakad.mahasiswa.
  6. Berikut adalah file Mahasiswa.java yang terbentuk otomatis karena pembuatan Web Service yang nantinya menampung method-method yang ada.
  7. Lalu kita buat koneksi project ke database MySQL, caranya dengan klik pada Package siakad.mahasiswa - New - Java Class.
  8. Lalu beri nama koneksiMySQL.
  9. Berikut adalah file Java Class asli yang bernama koneksiMySQL.java.
  10. Copykan script berikut ke file koneksiMySQL.java. File ini digunakan untuk konfigurasi koneksi project Siakad ke database siakad
    package siakad.mahasiswa;
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    
    public class koneksiMySQL {
    
        String driver = "com.mysql.jdbc.Driver";
        String url = "jdbc:mysql://localhost:3306/siakad";
        String usern = "root";
        String passw = "";
        Connection con;
        PreparedStatement ps;
        ResultSet rs;
        public Connection getCon() {
            try {
                Class.forName(driver);
                con = DriverManager.getConnection(url, usern, passw);
            } catch (Exception ex) {
                System.out.println(ex.getMessage());
            }
            return con;
        }
    }
    
  11. Berikut adalah tampilan dari script koneksiMySQL.java.
  12. Selanjutnya kita setting Library. Caranya dengan klik kanan pada project Siakad - Properties - Libraries - Add Library - pilih MySQL JDBC Driver - Add - OK.
  13. Setelah itu cek di dalam direktori Libraries apakah sudah ada MySQL JDBC Driver atau belum.
  14. Agar data MySQL dapat dipanggil di web service, maka dibutuhkan Getter and Setter masing-masing data. Caranya klik kanan pada package siakad.mahasiswa - New - Java Class, beri nama mhs.
  15. Berikut adalah tampilan dari script original file mhs.java.
  16. Masukkan script berikut ke dalam class mhs pada file mhs.java
  17. public class mhs {
        private int nim;
        private String nama, jurusan, email, alamat;
    }
    
  18. Untuk menambahkan getter and setter, klik kanan di bawah script sebelumnya, kemudian klik Insert Code - pilih Getter and Setter - centang semua variable - klik Generate.
  19. Maka akan muncul script getter and setter. Dan script file mhs.java akan tampak seperti di bawah ini.
  20. package siakad.mahasiswa;
    
    public class mhs {
        private int nim;
        private String nama, jurusan, email, alamat;
    
        public int getNim() {
            return nim;
        }
    
        public void setNim(int nim) {
            this.nim = nim;
        }
    
        public String getNama() {
            return nama;
        }
    
        public void setNama(String nama) {
            this.nama = nama;
        }
    
        public String getJurusan() {
            return jurusan;
        }
    
        public void setJurusan(String jurusan) {
            this.jurusan = jurusan;
        }
    
        public String getEmail() {
            return email;
        }
    
        public void setEmail(String email) {
            this.email = email;
        }
    
        public String getAlamat() {
            return alamat;
        }
    
        public void setAlamat(String alamat) {
            this.alamat = alamat;
        }
    
    }
    
  21. Berikut adalah hasil dari generate getter and setter pada file mhs.java.


  22. Project server Siakad sudah terkoneksi dengan database siakad.

Persiapan Awal CRUD Web Service dengan Bootstrap selesai. Selanjutnya pada Part 2 akan membahas tentang bagaimana Membuat Method Operasi CRUD pada Web Service Menggunakan Netbeans. Jika anda ingin melanjutkan, silakan klik tombol di bawah ini




Tutorial CRUD Web Service dengan Bootstrap Menggunakan Netbeans lainnya :


EmoticonEmoticon