Object Oriented

Programming 2
CRUD dengan SPRING (Ubah dan Hapus Data)

Sena Wijayanto, S.Pd., M.T.

POLITEKNIK HARAPAN BERSAMA
 Object Oriented Programming 2

CRUD dengan SPRING (Ubah dan Hapus Data)

A. Pengubahan data
1. Tambahkan tombol ubah pada file daftar-mahasiswa.html untuk mengubah data
yang ada. Berikut kode setelah ditambahkan tombol ubah :

Pada baris ke-23 kita memberikan identitas untuk tiap baris yang muncul di tabel,
sehingga tombol Ubah manapun yang diklik akan memberikan informasi data
mahasiswa dengan NIM mana yang akan diubah.
Nantinya url yang akan muncul saat tombol Ubah diklik akan berbentuk seperti ini
/edit?nim={nim}

2. Tambakan kode pada controller agar dapat mengakses alamat edit tersebut. Berikut
adalah hasil perubahan kode AppController

Sena Wijayanto, S.Pd., M.T. | CRUD dengan SPRING (Ubah dan Hapus Data)
 Object Oriented Programming 2

Method tersebut akan merespon dengan tampilnya halaman edit.html, parameter nim
yang dikirimkan oleh client akan dicarikan datanya seperti pada baris ke-40,
kemudian hasil pencarian akan disimpan dalam variabel mhs yang dikembalikan ke
halaman edit.html.
3. Buat halaman untuk melakukan pengubahan data dengan nama edit.html, berikut
kode yang ada di edit.html

Sena Wijayanto, S.Pd., M.T. | CRUD dengan SPRING (Ubah dan Hapus Data)
 Object Oriented Programming 2

4. Edit file MahasiswaRepo sehingga menjadi seperti berikut:

5. Tambahkan kode pada kelas AppController agar dapat menangani metode post pada
url /edit, berikut perubahan kode yang terjadi pada kelas AppController :

Sena Wijayanto, S.Pd., M.T. | CRUD dengan SPRING (Ubah dan Hapus Data)
 Object Oriented Programming 2

6. Jalankan project dan coba ubah data yang sebelumnya sudah ada

B. Penghapusan Data
Pada bagian ini akan kita bahas bagaimana cara menghapus sebuah data di basis data
melalui aplikasi web yang telah kita bangun. Secara konsep akan mirip seperti saat kita
memberikan fasilitas perubahan data, ada identitas unik untuk tiap baris yang kita
kirimkan ke backend service, kebetulan yang menjadi identitas unik ini adalah NIM dari
tiap mahasiswa, sehingga NIM ini akan kita lewatkan atau kita jadikan salah satu
parameter request yang dikirim ke backend service.

Langkah-langkahnya adalah sebagai berikut :

1. Ubah file daftar-mahasiswa.html menjadi seperti berikut

Sena Wijayanto, S.Pd., M.T. | CRUD dengan SPRING (Ubah dan Hapus Data)
 Object Oriented Programming 2

2. Buat mapping baru pada AppController sehingga menjadi seperti berikut:

3. Jalankan project dan coba hapus salah satu data

Sena Wijayanto, S.Pd., M.T. | CRUD dengan SPRING (Ubah dan Hapus Data)