CRUD menggunakan SpringBoot Thymeleaf

Assalamualaiqum Wr. Wb.

Kali ini saya akan sharing tentang membuat CRUD menggunakan SpringBoot Thymeleaf.

Untuk melakukan CRUD, setiap entitas didefinisikan dengan beberapa tahap yaitu :

• Membuat Model.

Di model ini akan terdapat atribut-atribut yang nantinya akan ditrasformasikan menjadi tabel pada Database.

• Membuat Dao.

Dia yang bertugas mendefinisikan metode apa saja yang dibutuhkan oleh Controller.

• Membuat Controller.

Controller ini berfungsi untuk mengatur apa yang akan ditampilkan ke view, apa yang akan disimpan ke database serta melakukan mapping url.

• Membuat View (list, form, & view).

View ini akan menjadi apa yang akan dilihat oleh user.

Ok langsung saja simak dan ikuti langkah – langkah berikut:

1. Build project lewat maven seperti pada gambar berikut

2. Extract project yang telah kita buat tadi. Buka netbeans dan open project atau Ctrl+Shift+O. Maka akan muncul seperti gambar berikut.

3. Buat database dengan nama “AirMinumKemasan”.

4. Buka file application.properties yang terletak pada package Other Source. File ini akan berfungsi sebagai koneksi. Berikut source codenya.

5. Buat package entity pada Source Packages

6. Buat file Java Class dengan nama ”DepotAir” yang nantinya akan menjadi tabel di database.

#Source Code “DepotAir”:

7. Buat package Dao serta buat file interface dengan nama “DepotAirDao.java”.

#Source Code “DepotAirDao.java”

8. Buat package Controller serta file Java yang diberi nama “DepotAirController”

#Source Code “DepotAirController.java”

9. Selanjutnya buat package baru dengan nama “template.depot” serta buat file HTML seperti pada gambar berikut.

#Source Code “list.html”

#Source Code “form.html”

#Source Code “view.html”

10. Selanjutnya compile project dengan cara klik tombol . Apabila compile yang kita lakukan berhasil, maka hasilnya akan seperti pada gambar berikut.

11. Running project dengan cara klik tombol . Tunggu proses running hingga selesai seperti pada gambar berikut.

12. Langkah terakhir adalah uji coba. Jalankan url localhost:8080/depot/list pada browser.

Hasilnya:

• Tambah Data Depot

Hasil tambah data:

• Hasil dari “Lihat”:

• Hasil dari “Hapus”:

Oke mungkin sampai disini dulu, tunggu postingan selanjutnya ☺