Assalamualaiqum Wr. Wb.
Kali ini saya akan sharing tentang membuat CRUD Edit, Lihat dan Insert 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 di browser anda, ketikan perintah https://start.spring.io/ 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 “db_pertanian”.
- 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 ”Pemilik” yang nantinya akan menjadi tabel di database.
Kemudia isi sour code “Pemilik”
- Buat package Dao serta buat file interface dengan nama “PemilikDao” dan “PanganDao”.
Kemudia isi sour code “PemilikDao”
- Buat package Controller serta file Java yang diberi nama “PemilikController”
Kemudia isi sour code “PemilikController”
- Selanjutnya buat package baru dengan nama “templates.pemilik” serta buat file HTML seperti pada gambar berikut.
Kemudia isi sour code “list.html”
Kemudia isi sour code “form.html”
Kemudia isi sour code “veiw.html”
Kemudia isi sour code “edit.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/Pemilik/list pada browser.
Hasilnya:
- Kemudia mengimput data pemilik. klik “Tambah Data Pemilik”
Isilah form seperti gambar diastase. Kemudia klik “simpan”
- Hasil “Tambah Data Pemilik”
- Hasil “Hasil Lihat Data”
- Hasil “Hapus Data”
Oke mungkin sampai disini dulu postingannya, tunggu postingan selanjutnya ☺
SELAMAT MENCOBA ☺☺☺
Wassalamualaikum Warahmatulahi Wabarakatu….
Tidak ada komentar:
Posting Komentar