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:
- Build project lewat maven seperti pada gambar berikut
- Extract project yang telah kita buat tadi. Buka netbeans dan open project atau Ctrl+Shift+O. Maka akan muncul seperti gambar berikut.
- Buat database dengan nama “AirMinumKemasan”.
- Buka file application.properties yang terletak pada package Other Source. File ini akan berfungsi sebagai koneksi. Berikut source codenya.
- Buat package entity pada Source Packages
- Buat file Java Class dengan nama ”DepotAir” yang nantinya akan menjadi tabel di database.
#Source Code “DepotAir”:
- Buat package Dao serta buat file interface dengan nama “DepotAirDao.java”.
#Source Code “DepotAirDao.java”
- Buat package Controller serta file Java yang diberi nama “DepotAirController”
#Source Code “DepotAirController.java”
- 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”
- Selanjutnya compile project dengan cara klik tombol
. Apabila compile yang kita lakukan berhasil, maka hasilnya akan seperti pada gambar berikut.
- Running project dengan cara klik tombol
. Tunggu proses running hingga selesai seperti pada gambar berikut.
- 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 ☺
0 komentar:
Posting Komentar