Skip to main content

Posts

Cara memanggil controller Spring MVC di Komponen Anchor Dengan Mengirim Satu Parameter

Contoh kasus yang saya alami adalah menampilkan row dari hasil ajax dan di row ajax itu ada elemen anchor yang digunakan untuk melihat detail dari row tersebut. Timbul pertanyaan bagaimana cara memanggil url Spring MVC di elemen anchor tersebut???. Ada beberapa cara yang telah saya coba membuat function javascript yang kemudian di panggil di event on click element anchor itu dan kedua menggunakan data-th-href tag bawaan dari thymeleaf. Kedua cara tersebut tidak berhasil. Kemudian cara ketiga menggunakan anchor itu sendiri. Untuk mengetahui cara nya kita bisa lihat melalui tahap di bawah ini. 1.       buat request mapping di controller spring 1.       samakan url  href dengan di controller spring Sekian tutorial dari saya semoga yang menghadapi masalah seperti saya bisa solve dengan solusi ini. Happy learning and Happy Sharing!!!

Kenapa muncul Exception parsing document Template di Thymeleaf

Ketika run aplikasi spring boot dan template engine thyemeleaf saya ada sedikit error di browser error yang muncul adalah Exception parsing document . Untuk menangani masalah ini ada hal yang perlu di check. C heck bahwa file html yang di render selalu di akhiri  end tag, misal nya tag <input name="id"> itu tidak di akhiri dengan tag /> maka akan muncul error seperti di atas. untuk memperbaiki nya harus di tutup dengan tag />. Sekian tutorial cara handling error   Exception parsing document . Semoga Bermanfaat Happy Learning and Happy Sharing!!!

Cara Konfigurasi Spring MVC dan MyBatis

1.       Tambahkan Dependency Mybatis. 2.       Tambahkan Dependency Mybatis-Spring. 3.       Buat file properties yang isinya konfigurasi database. 4.       Buat Spring Kontek. 5.       Tambahkan Bean di Spring Konfigurasi. Sekian Tutorial dari saya semoga bermanfaat, Happy Learning and Happy Sharing!!!

Menampilkan Data di Combo Box menggunakan ajax dan Spring MVC

Menampilkan data di combo box biasanya ada event tertentu untuk memunculkan datanya, misalnya ketika load page maka combo box terisi atau ketika memilih data di combo box satu combo box dua terisi dan masih banyak lagi event nya. Untuk tehnik menampilkan data nya logika nya sama, cuman eventnya yang berbeda. Ok untuk secara detail nya bisa kita ikuti langkah di bawah ini. 1.       Buat komponen select(html tag) dan beri id pada tag tersebut. 2.       Buat function untuk meload data via ajax 3.       Samakan url yang di panggil di ajax dengan controller di java Spring Setelah semua nya selesai kita tinggal sesuaikan event untuk menampilkan data di combo box, yang saya contohkan adalah ketika pertama kali halaman di load. Jadi panggil nya seperti pada contoh di bawah ini. Sekian tutorial dari saya semoga bermanfaat, Happy learning and Happy Sharing!!!

Membuat Input Date menggunakan Bootstrap dan Jquery

1.       Buat div tag 2.       Buat input type tag 3.       Buat span tag 4.       Kemudian di Jquery ketikan kode berikut Tanggal bisa muncul dengan syarat library jquery dan datepicker bootstrap sudah di load di head. Sekian tutorial dari saya, semoga bermanfaat. Happy Learning and Happy Sharing

Cara Memanggil Ajax Ketika Pertama Load Page

Ada saatnya trigger memanggil ajax bukan ketika kita menekan tombol, tetapi ketika pertama kali kita meload page. Misal saya kasih analogi kasus nya, ketika kita ingin menampilkan data page dosen dan list data dosen sudah terloda ketika kita menampilkan page tersebut. Untuk lebih jelas bisa lihat analogi gambar dibawah ini. Halaman dosen diload dan data dosen muncul ketika halaman selesai di load. Untuk langkah dalam pemanggilan ajax nya bisa sobat ikuti langkah-langkah nya. Ok langsung saja 1.       Gunakan function JQuery $(document).ready() 2.       buat function ajax untuk menampilkan data dosen 3.       tentukan url di ajax 4.       samakan url dengan requestmapping di SpringController Sekian sobat tutorial dari saya mudah-mudahan bermanfaat. Happy Learning and Happy Sharing!!!

Cara Looping di Thymeleaf

Looping adalah perulangan yang dilakukan sampai menemukan kondisi false(salah). Biasanya looping dilakukan untuk menampilkan row dalam jumlah banyak, misalnya menampilkan data yang ada di ArrayList. Untuk lebih jelas nya mari simak ilustrasi dibawah ini. Pada gambar diatas menampilkan daftar dosen yang mana row dosen diatas diambil dari database dan di simpan kedalam arraylist, nah untuk menampilkan row tersebut di halaman html perlu dilakukan looping menggunakan Thymeleaf. Untuk menggunakan looping nya bisa sobat ikuti pada langkah dibawah ini. 1.       Ambil data dari database dalam bentuk Arraylist perhatikan gambar diatas, data diambil dari database kemudian di load ke dalam objek Arraylist mDosenList. Yang perlu sobat perhatikan adalah tanda panah nya, mDosen itu namanya harus sama dengan objek yang mau di Looping nanti di Thymeleaf Template. 2.       Looping Data di Thymeleaf perhatikan gambar diatas yang d...