Spring MVC Menangani Multi Form Submit

Spring MVC Multi Form

PhpMyAdmin memiliki sebuah fitur multiform submit pada menu insert data yang digunakan untuk memasukkan data contoh dalam jumlah yang banyak sekaligus. Fitur tersebut tidak susah untuk dibuat hanya butuh pemahaman tentang dasar form html dan array. Tutorial ini akan membahas pembuatan multiform submit pada aplikasi web menggunakan Spring MVC.

Struktur proyek dari aplikasi yang akan dibuat adalah seperti pada gambar berikut. Saya membuatnya di Netbeans dengan tipe proyek Maven
struktur proyek

Aplikasi yang kita buat memiliki minimal 1 form dan maksimal 5 form. Jumlah form yang tersedia bisa dipilih oleh pengguna secara dinamis menggunakan input range pada html. Fitur ini dibuat menggunakan bantuan jQuery seperti terlihat pada gambar dibawah ini
1 form

3 form

Domain Model

Kita buat sebuah domain model dengan nama kelas Contact, kodenya dapat dilihat sebagai berikut

file : src/main/java/com/agungsetiawan/springmvcmultiform/domain/Contact.java

Kelas diatas hanyalah sebuah kelas Pojo biasa, tidak ada yang istimewa. Selanjutnya buat sebuah kelas domain lagi untuk menampung koleksi dari kelas Contact diatas. Kita perlua membuat sebuah kelas untuk menampung koleksi dari Contact karena nanti aplikasi akan memiliki banyak form. Kita beri nama kelas tersebut sebagai FormContact

file : src/main/java/com/agungsetiawan/springmvcmultiform/domain/FormContact.java

Kelas ini juga tidak kalah simpelnya, masih berupa Pojo juga.

Controller dan Jsp

Controller memiliki 2 method. Method pertama untuk menampilkan form input data dan method kedua untuk memproses inputan tadi dan menampilkannya pada sebuah halaman Jsp.
Berikut adalah kode pada controller

file : src/main/java/com/agungsetiawan/springmvcmultiform/controller/HomeController.java

Method kedua bisa digunakan untuk memproses inputan lebih lanjut, misal dimasukkan kedalam basisdata. Pada kode diatas sudah saya berikan snippet bagaimana memasukkannya ke dalam basisdata.

Jsp untuk menampilkan form dapat dilihat dibawah ini. Perhatikan bahwa nama variabel pada input text mengacu pada variabel contacts yang berada pada kelas FormContact. Variabel ini berbentuk array sehinggak kita gunakan indeks array yang dimulai dari angka 0.

fie : src/main/webapp/WEB-INF/jsp/index.jsp

Halaman yang berfungsi menampilkan hasil input dari form diatas kita buat sederhana saja seperti pada kode dibawah ini

fie : src/main/webapp/WEB-INF/jsp/result.jsp

Konfigurasi

Jangan lupa untuk membuat kelas konfigurasi supaya proyek yang kita buat bisa dijalankan. Konfigurasi pertama adalah bertindak sebagai Spring Context sedangkan yang kedua sebagai initializer.

file : src/main/java/com/agungsetiawan/springmvcmultiform/ApplicationContext.java

file : src/main/java/com/agungsetiawan/springmvcmultiform/Initializer.java

Running dan Screenshot

run 1

run 2

Source Code

Source Code contoh proyek pada tulisan ini dapat diakses pada repositori saya di Github.
https://github.com/blinkawan/SpringMvcMultiForm

Facebook Comments
 

Agung Setiawan

Agung Setiawan adalah software engineer di BukaLapak.com, penulis sekaligus pecinta sastra, dan pembaca buku

 
Halo, perkenalkan saya Agung Setiawan.
Saya Software Engineer di BukaLapak.
Simak pemikian saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Blog ini saya update seminggu sekali jadi sering-sering saja mampir
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

Leave a Reply

Your email address will not be published. Required fields are marked *