Skip to main content

Posts

Showing posts with the label Thymeleaf

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 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...

Cara Membuat Sequnce Number dan Index di Thymeleaf

Sequence Number digunakan untuk penomoran di dalam row, dan index digunakan untuk indexing data yang mana index di mulai dari 0. Untuk lebih jelas sobat bisa lihat gambar di bawah ini. kita bisa lihat pada gambar diatas yang di beri tanda panah, nomor 1 dan 2 di buat menggunakan fitur sequence yang ada pada thymeleaf dan untuk index pada row diatas berarti 0 dan 1 karena index di mulai dari 0. Ok langsung saja pada pembuatannya. Contoh kasus nya adalah menampilkan list barang yang di lempar dari controller spring dan di catch oleh thymeleaf kemudian di loop. 1.       Pembuatan sequnce number 2.       Pembuatan index Ok sekian tutorial dari saya sobat mudah-mudahan bermanfaat. Happy Learning and Happy Sharing!!!

Cara Binding Objek Java Dengan Thymeleaf

Binding objek digunakan untuk menangkap data yang di lempar dari form html(ui) kemudian di binding data tersebut dengan objek yang ada di java. Cara membinding objek dari form thymeleaf ke objek java bisa kita lakukan dengan cara dibawah ini. 1.       Binding form Untuk binding form dari di thymeleaf bisa dilakukan seperti pada gambar dibawah ini 2.       ModelAttribute di controller spring Tambahkan annotation ModelAtribute untuk membinding objek java dengan form thymeleaf, dengna catatan nama di annotation dengan di thymeleaf form harus sama. Untuk lebih jelas sobat bisa lihat pada gambar dibawah ini 3.       Samakan data-th-field dengan property Objek java yang di binding Langkah terakhir adalah samakan property di objek java dengan data yang mau di kirim dari thymeleaf form. Untuk lebih jelas lihat pada  gambar dibawah ini Penjelasan, data-th-field nama nya harus sama ...

Cara Melempar Parameter Dari Thymeleaf ke Spring Controller

Ok sobat pada kesempatan kali ini saya akan berbagi langkah cara melempar parameter dari template thymeleaf ke controller Spring. Parameter biasanya digunakan untuk menseleksi sebuah record dari database pada clause where, secara logic data tampil terlebih dahulu di ui thymeleaf dan memiliki key yang berbeda. Ketika record di pilih maka perlu parameter untuk menampilkan detail dari record key tertentu(parameter). Untuk ilustarasi nya bisa sobat lihat dibawah ini. Masukkan kata kunci(parameter) yang akan di lempar, kemudian controlller di spring akan menangkap parameter yang di lempar thymeleaf dan data kemudian di tampilkan kembali di ui thymeleaf. Ok itu tadi penjelasa tentang melempar parameter dari thymeleaf ke controller spring, sekarang saya akan praktekan secara tehnikal di thymeleaf dan spring controller nya simak ya sobat. 1.       Buat sebuah tombol atau list anchor Ok sobat untuk melempar parameter perlu triger untuk melempar paramet...