Integrasi Spring MVC 3 dengan Jasper Report

Spring + Jasper

Pada tutorial ini saya akan menunjukkan cara mengintegrasikan Jasper report dengan aplikasi Spring Mvc untuk mencetak data pada basisdata kedalam bentuk Pdf. Spring menyediakan built-in support untuk integrasi dengan Jasper, kita akan memanfatkannya untuk merender laporan dalam format yang tadi saya sebutkan. Sedangkan untuk mendesain laporan digunakan iReport.

aplikasi pada tutorial ini melanjutkan aplikasi yang sudah pernah dibuat sebelumnya pada artikel Spring MVC + Hibernate Menggunakan Maven : Operasi CRUD
Saya sarankan untuk mempelajarinya terlebih dahulu.

Menambahkan Library

Tambahkan library berikut pada file [rad-hl]pom.xml[/rad-hl]

Mendesain Laporan

Sebelum mulai coding untuk mencetak laporan, kita desain terlebih dahulu bentuk laporan pdf yang akan kita hasilkan nanti. Sebisa mungkin desainnya yang enak dilihat.
Untuk mendesain laporan menggunakan [rad-hl]iReport[/rad-hl] berikut adalah langkah-langkahnya
1. Download dan install terlebih dahulu iReport jika belum punya.
2. Jalankan iReport.
3. Pilih menu File kemudian New.
4. Pilih blank template atau sesuai selera, langsung saja tekan Open this Template karena kita akan menggunakan custom datasource.
template
5. Tambahkan 4 buah field pada laporan kita. Pilih fields pada menu sebelah kiri
fields
6. Klik kanan pada fields dan pilih Add Field. Tambahkan keempat field berikut
4 fields
7. Pastikan tipe keempat variabel masing-masing adalah
id : Integer
judul : String
penyanyi : String
pencipta : String

Pada menu Properties disebalah kanan, tipe variabel ini bisa dilakukan
properties
8. Drag keempat field tadi kedalam laporan kedalam bagian yang bertulisan [rad-hl]Detail 1[/rad-hl]
drag field
9. Modifikasi desain menjadi seperti gambar dibawah ini atau sesuai selera
report desain
10. Klik laporan yang sedang dikerjakan pada menu inspector disebelah kiri. Pada menu properties disebelah kanan, ganti language yang digunakan dari Groovy menjadi Java.
language
11. Simpan laporannya

Pertanyaannya darimana keempat field tadi berasal? jawabnnya adalah berasal dari variabel yang terdapat pada kelas [rad-hl]Lagu[/rad-hl]

Konfigurasi Spring-Jasper

Sebelum bisa digunakan kita perlu melakukan konfigurasi agar Jasper bisa diintegrasikan dengan Spring. Berikut adalah beberapa yang perlu dilakukan.

1. Tambahkan sebuah Bean pada kelas konfigurasi yaitu [rad-hl]WebAppConfig[/rad-hl] sebagai berikut

Bean diatas membutuhkan sebuah file xml yang merupakan konfigurasi view jasper pdf kita. Secara default bean ini akan meload file [rad-hl]WEB-INF/view.xml[/rad-hl]
2. Buat sebuah file xml dengan nama [rad-hl]view.xml[/rad-hl] letakkan dibawah folder [rad-hl]WEB-INF[/rad-hl] dan berikut adalah isinya

Konfigurasi sudah selesai, langkah selanjutnya adalah coding

Coding Time

Sebelum kelupaan, merupakan langkah penting, letakkan file laporan [rad-hl]report.jrxml[/rad-hl] yang kita buat tadi pada folder src/main/resources/.
location

Untuk memangil laporan buat sebuah method baru pada [rad-hl]LaguController[/rad-hl] sebagai berikut

Running Program

Arahkan browser ke http://localhost:8080/SpringHibernateMaven/pdf
Laporan dalam bentuk pdf akan tampil di browser atau langsung terdownload
Berikut ini adalah screenshot-nya
pdf

Source Code

Source code bisa didownload pada Github saya disini

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 *