Bagi ilmu

1.       Jalankan Mysql dan buat database Jalankan DBMS Mysql dan buat database dengan nama example_spring_data_jpa dan buat table nya students untuk menampung data students. 2.       Buat Java Project menggunakan maven di Intellij IDEA Buat lah java project menggunakan intellij IDEA sampai project ter create. 3.       Tambahkan Dependency SpringBoot, Spring Data dan Mysql connector Ketika poject sudah di create maka di file pom.xml tambahkan dependency sprin boot dan spring data. 4.       Buat file application.properties untuk mengkonfigurasi koneksi ke database Buat file application.properties di bawah folder resources, file in digunakan untuk konfigurasi koneksi ke database. 5.       Buat main class Buat main class, fungsi main class adalah ketika aplikasi pertama kali di running maka class yang pertama kali di run adala...

Contoh yang digunakan di sini saya tidak mengkonfigurasi kan dengan template yang sudah jadi tapi contoh yang saya masih sangat sederhana hanya html satu page. Ok langsung saja ke tutorial nya. 1.       Buat project menggunakan maven di Intellij IDEA Untuk hasil akhir apabila kita selesai membuat projek akan tampil seperti pada gambar dibawah ini. 2.       Add dependency springboot dan thymeleaf Tambahkan dependency springboot dan thymeleaf seperti pada gambar di bawah ini 3.       Buat main class dan controller class Main class seperti pada gambar di bawah ini Dan controller class seperti pada gambar di bawah ini 4.       Buat simple template Buat contoh template sederhana untuk memastikan konfigurasi berjalan, untuk membuat konfigurasi template menggunakan thymeleaf akan di bahasa pada tutorial yang berbeda. 5.    ...

1.       Melalui tag href di tag anchor url harus sama dengan di spring controller, biasanya melalui template engine misal nya menggunakan thymeleaf melalui data-th-href="@{/issuance/surat-pengiriman-barang/index}" 2.       Melalui form dan action nya misal nya kita akan insert data maka menggunkan form untuk insert tersebut misal di thymeleaf menggunakan data-th-action 3.       Melalui fungsi ajax misal kita ingin me retrive data dari back end tanpa harus load page kita bisa menggunakan ajak. Sekin tutorial dari saya semoga bermanfaat, sampai ketemu di tutorail selanjutnya. Happy Learning and Happy Sharing.!!!

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

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

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

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

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