Senin, 14 Januari 2019

CRUD Web Service dengan Bootstrap Menggunakan Netbeans - Part 6 - Client Hapus Data Mahasiswa

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


Setelah melakukan Implementasi Method Create atau Menambahkan Data Mahasiswa ke Database seperti yang sudah dijelaskan di tutorial CRUD Web Service dengan Bootstrap - Part 5 - Client Tambah Data Mahasiswa, maka saat ini kita sudah sampai di Part 6 yang akan membahas tentang Bagaimana Cara Menghapus Data dari Database di Project Client

Method Delete Data (Hapus Data Mahasiswa) - delMahasiswa()

  1. Langkah selanjutnya membuat tampilan Edit dan Delete. Dalam hal ini, edit dan delete dibuat dalam satu script menjadi satu table.
  2. Masuk pada project server Siakad, lalu masuk class Mahasiswa.java lalu tambahkan script Method tampilMahasiswa hingga seperti berikut ini.
  3. @WebMethod(operationName = "tampilMahasiswa")
    public List tampilMahasiswa() {
        List daftar = new ArrayList();
        String sql_daftar = "select * from mahasiswa";
      try {
       Class.forName("com.mysql.jdbc.Driver");
       Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/siakad", "root", "");
       Statement stmt = con.createStatement();
       ResultSet rs = stmt.executeQuery(sql_daftar);
       while (rs.next()) {
        daftar.add("<td>" + rs.getInt("nim") + "</td><td>" + rs.getString("nama") + "</td><td>" + rs.getString("jurusan") + "</td><td>" + rs.getString("email") + "</td><td>" + rs.getString("alamat") + "</td><td><button class=\"btn-info\"><a href=\"edit-mhs.jsp?nim=" + rs.getString("nim") + "\">Edit</a></button><br><button class=\"btn-danger\"><a href=\"hapus-mhs.jsp?nim=" + rs.getString("nim") + "\">Hapus</a></button></td><tr></tr>");
       }
       con.close();
      } catch (Exception ex) {
       System.out.println(ex.getMessage());
      }
     return daftar;
    }
    
  4. Berikut adalah tampilan setelah method tampilMahasiswa diubah.
  5. Untuk membuat proses hapus, silahkan buat 1 buah file dengan nama hapus-mhs.jsp.
  6. Lalu drag operator delMahasiswa dari Web Service Reference ke dalam file hapus-mhs.jsp.
  7. Tetapi, ubahlah script hingga menjadi berikut ini :
    Script awal :
  8. <%-- start web service invocation --%>
    <%
     try {
      client.siakad.Mahasiswa_Service service = new client.siakad.Mahasiswa_Service();
      client.siakad.Mahasiswa port = service.getMahasiswaPort();
      // TODO initialize WS operation arguments here
      int nim = 0;
      port.delMahasiswa(nim);
     } catch (Exception ex) {
      // TODO handle custom exceptions here
     }
    %>
    <%-- end web service invocation --%>
    
  9. Ubah sedikit parameter int nim = 0, karena fungsi ini akan digunakan untuk menerima POST berupa hapus mahasiswa berdasarkan nim, sehingga script hapus-mhs.jsp berubah menjadi berikut.
  10. <%-- start web service invocation --%>
    <% try { client.siakad.Mahasiswa_Service service = new client.siakad.Mahasiswa_Service(); client.siakad.Mahasiswa port = service.getMahasiswaPort(); // TODO initialize WS operation arguments here int nim = Integer.valueOf(request.getParameter("nim")); response.sendRedirect("index.jsp"); port.delMahasiswa(nim); } catch (Exception ex) { // TODO handle custom exceptions here } %> <%-- end web service invocation --%>
  11. Silahkan deploy kemudian tes untuk hapus data.
    Tampilan data awal :

    Tampilan setelah menghapus data dengan NIM 102 :


Implementasi Method Delete atau Hapus Data Mahasiswa selesai. Selanjutnya pada Part 7 akan membahas tentang bagaimana Cara Mengubah Data Mahasiswa pada Project Client Web Service Menggunakan Netbeans. Jika anda ingin melanjutkan, silakan klik tombol di bawah ini



EmoticonEmoticon