Halo semua, berikut kita akan belajar tentang belajar tentang bagaimana menbuat aplikasi web menggunakan spring boot yang tentunya menggunakan bahasa Java. Kita akan belajar Spring boot dasar dengan menerapkan page layout yang disediakan oleh Thymeleaf dan menerapkan generate tabel menggunakan Datatables. So, jangan berlama-lagi lagi, langsung saja.
1. Generate Spring Boot Project
Buka https://start.spring.io dan tentukan konfigurasi yang diperlukan.
2. Open Project
Buka project yang telat dibuat menggunakan IntelliJ IDEA .
3. Switch ke Project Files
Agar mudah dalam representasi direktori, silahkan ubah ke project files.
4. Buat file html sederhana
Silahkan buat skrip html untuk merancang web. Agar mempermudah pembelajaran silahkan gunakan contoh skrip yang diberikan.
Pada file index.html ini, hal penting yang harus diperhatikan adalah kita harus :
- Mengimpor library jquery untuk menerapkan implementasi jquery (lihat selengkapnya di https://code.jquery.com/)
- Mengimpor library css dan javascript dari datatables (lihat selengkapnya di https://datatables.net).
- Membuat tabel menggunakan tag <table> dengan atribut id yang telah ditentukan (misalnya: tableExample).
- Membuat konfigurasi Datatable pada tag <script> dengan menggunakan ajax untuk request API dari https://jsonplaceholder.typicode.com/photos
5. Import dependency Thymeleaf
Silahkan impor dependency ini pada pom.xml agar mempermudah MVC. Jangan lupa untuk melakukan refresh dependecy agar IDE dapat melakukan Indexing ulang. Perlu diperhatikan bahwa pada kesempatan kali ini kita tidak akan membuat model.
6. Buat Controller di Spring Boot
Agar bisa menampilkan file html, kita akan membuat Controller sederhana pada package Controller.
7. Run Project
Silahkan buka DemoApplication.java, dan klik tombol Run yang ada disebelah kiri nama class. Pastikan Tomcat sudah terinstall di komputer anda.
Tampilan Web
Apabila tidak ada error yang terjadi, maka tampilan web akan berjalan seperti ini :
Selamat mencoba😊, semoga materi ini bermanfaat bagi anda.
