Bagi ilmu

Buat komponen html untuk menampung value yang dinamis. Komponen ini digunakan untuk menampung value ketika pertama kali halaman di load, dan menampung value ketika function ajax di panggil. Untuk lebih jelas nya lihat source code dibawah. Buat button atau anchor tag untuk memanggil method. Button ini digunakan sebagai trigger ketika function ajax di panggil maka dia akan memanggil method di java. Buat method di java. Method ini berfungsi untuk mengubah value dari komponen html ketika function ajax di panggil. Berikut source code nya. Sebagai catatan, nama method harus sama dengan nama listener di button atau komponen anchor(id di html penampung value juga harus sama dengan nama atribute di updateComponents). Sekian tutorial dari saya, semoga bermanfaat. Happy Learning and Happy Sharing!!!

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

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

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

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

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

Ok ketemu lagi dengan saya, kali ini saya akan share bagaimana cara konfigurasi Spring MVC dan Apache Tiles. Ok langsung saja ke pokok bahasan nya. 1.       Siapkan Template Template yang saya pakai adalah tempalte AdminLTE, terserah mau pakai template seperti apa. Ini hanya contoh untuk untuk konfigurasi Spring MVC dan Apache Tiles. 2.       Bagi Template Menjadi Header, SideBar, dan Dinamic Page. Kenapa saya bagi ui menjadi beberapa bagian. Karena untuk memudahkan dalam mengatur menu. Jadi dalam membuat menu kita tidak usah membuat lagi header dan sidebar melainkan hanya membuat dinamic page saja. Untuk lebih jelas nya bisa dilihat pada gambar dibawah ini. 3.       Buat Java Project di IDEA Favorit menggunakan maven Langkah selanjutnya yaitu membuat java project menggunakan maven di IDEA Favorit, untuk yang belum tahu bisa dilihat contoh nya cara membuat java project menggunakan maven IDE...