Berawal dari bisa gak bisa harus bisa dan ALHAMDULILLAH akhirnya bisa juga hehee...
bismillah dulu sebelum praktek Membuat Report atau Laporan berbentuk Excel dari JSP (Java Web), berikut langkah-langkahnya :
1. Buatlah project baru masing-masing, atau jika sudah mempunyai project yang siap digunakan untuk praktek buka dahulu project nya di Netbeans.
2. Kemudian buat file jsp yang baru juga untuk mengcoding export ke excelnya dengan cara seperti biasa klik kanan Web Pages – Pilih New – pilih JSP next berikan nama filenya dengan lapObat(missal yang ingin di buat laporannya adalah laporan data obat) kemudian finish.
3. Setelah file jspnya terbbuka edit source codenya seperti berikut :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@page import="java.sql.*" %>
<%@page import="java.io.*" %>
<html>
<head>
<title>Display data from MySQL</title>
</head>
<body>
<h2>Laporan Data Obat</h2>
<%
try {
//deklarasi url database
String url = "jdbc:mysql://localhost:3306/sik";
Connection con = null;
Statement stat = null;
ResultSet rs = null;
//load jdbc driver
Class.forName("com.mysql.jdbc.Driver").newInstance();
con = DriverManager.getConnection(url, "root", "");
stat = con.createStatement();
//membuat query
String query = "Select * from obat";
rs = stat.executeQuery(query);
%>
<%
String exportToExcel = request.getParameter("exportToExcel");
if (exportToExcel != null
&& exportToExcel.toString().equalsIgnoreCase("YES")) {
response.setContentType("application/vnd.ms-excel");
response.setHeader("Content-Disposition", "inline; filename="
+ "Obat.xls");
}
%>
<table border="1">
<tr>
<th>Kode Obat</th>
<th>Nama Obat</th>
<th>Harga Obat</th>
</tr>
<% while (rs.next())
{
%>
<tr>
<td><%=rs.getString(1)%></td>
<td><%=rs.getString(2)%></td>
<td><%=rs.getString(3)%></td>
</tr>
<%
}
%>
<%
//menutup koneksi
rs.close();
stat.close();
con.close();
}
catch (Exception ex)
{
out.println ("Unable to connect to database");
}
%>
</table>
</body>
</html>
PENTING!!
- Sesuaikan nama database dan nama tabel dengan database dan tabel milik temen2 sendiri
4. Kembali Pada file index.jsp atau file jsp temen2 yang ingin diberikan link Laporan Excel dan edit source code nya seperti berikut :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<h1>Praktek Membuat Laporan Excel dari JSP (Java Web)</h1>
<h3>By. IRNAWATI</h3>
<br> <a href="lapObat.jsp?exportToExcel=YES">Laporan Excel</a> <br>
</body>
</html>
5. Jangan lupa Add Lib Driver MySQL nya sehingga tampilan Libraries nya seperti berikut :
6. Jika sudah coba jalankan programnya, punya saya Alhamdulillah lancar tanpa error sehingga tampilan halaman awalnya seperti berikut :
Jika di klik Link Laporan Excel maka akan mendownload file excelnya, lalu klik OK
dan jika file excelnya dibuka maka hasilnya seperti berikut :
NB : jika muncul text box peringatan klik saja Yes.
cie cie sukses ya prakteknya hehee..
yang minat e-Book nya bisa di Download e-Book, nah biasanya ada yang nyari project nya juga,
silahkan Download Project + Database GRATIS hehee (menggunakan Netbeans IDE 7.2 dan XAMPP/WAMP)
#karena hasil praktek sendiri dan BUKAN copas pasti banyak kekurangan, irna tunggu kritik saran atau jika ada pertanyaan kolom komentarnya sangat terbuka hehee ;)
bismillah dulu sebelum praktek Membuat Report atau Laporan berbentuk Excel dari JSP (Java Web), berikut langkah-langkahnya :
1. Buatlah project baru masing-masing, atau jika sudah mempunyai project yang siap digunakan untuk praktek buka dahulu project nya di Netbeans.
2. Kemudian buat file jsp yang baru juga untuk mengcoding export ke excelnya dengan cara seperti biasa klik kanan Web Pages – Pilih New – pilih JSP next berikan nama filenya dengan lapObat(missal yang ingin di buat laporannya adalah laporan data obat) kemudian finish.
3. Setelah file jspnya terbbuka edit source codenya seperti berikut :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@page import="java.sql.*" %>
<%@page import="java.io.*" %>
<html>
<head>
<title>Display data from MySQL</title>
</head>
<body>
<h2>Laporan Data Obat</h2>
<%
try {
//deklarasi url database
String url = "jdbc:mysql://localhost:3306/sik";
Connection con = null;
Statement stat = null;
ResultSet rs = null;
//load jdbc driver
Class.forName("com.mysql.jdbc.Driver").newInstance();
con = DriverManager.getConnection(url, "root", "");
stat = con.createStatement();
//membuat query
String query = "Select * from obat";
rs = stat.executeQuery(query);
%>
<%
String exportToExcel = request.getParameter("exportToExcel");
if (exportToExcel != null
&& exportToExcel.toString().equalsIgnoreCase("YES")) {
response.setContentType("application/vnd.ms-excel");
response.setHeader("Content-Disposition", "inline; filename="
+ "Obat.xls");
}
%>
<table border="1">
<tr>
<th>Kode Obat</th>
<th>Nama Obat</th>
<th>Harga Obat</th>
</tr>
<% while (rs.next())
{
%>
<tr>
<td><%=rs.getString(1)%></td>
<td><%=rs.getString(2)%></td>
<td><%=rs.getString(3)%></td>
</tr>
<%
}
%>
<%
//menutup koneksi
rs.close();
stat.close();
con.close();
}
catch (Exception ex)
{
out.println ("Unable to connect to database");
}
%>
</table>
</body>
</html>
PENTING!!
- Sesuaikan nama database dan nama tabel dengan database dan tabel milik temen2 sendiri
4. Kembali Pada file index.jsp atau file jsp temen2 yang ingin diberikan link Laporan Excel dan edit source code nya seperti berikut :
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<h1>Praktek Membuat Laporan Excel dari JSP (Java Web)</h1>
<h3>By. IRNAWATI</h3>
<br> <a href="lapObat.jsp?exportToExcel=YES">Laporan Excel</a> <br>
</body>
</html>
5. Jangan lupa Add Lib Driver MySQL nya sehingga tampilan Libraries nya seperti berikut :
6. Jika sudah coba jalankan programnya, punya saya Alhamdulillah lancar tanpa error sehingga tampilan halaman awalnya seperti berikut :
Jika di klik Link Laporan Excel maka akan mendownload file excelnya, lalu klik OK
dan jika file excelnya dibuka maka hasilnya seperti berikut :
NB : jika muncul text box peringatan klik saja Yes.
cie cie sukses ya prakteknya hehee..
yang minat e-Book nya bisa di Download e-Book, nah biasanya ada yang nyari project nya juga,
silahkan Download Project + Database GRATIS hehee (menggunakan Netbeans IDE 7.2 dan XAMPP/WAMP)
#karena hasil praktek sendiri dan BUKAN copas pasti banyak kekurangan, irna tunggu kritik saran atau jika ada pertanyaan kolom komentarnya sangat terbuka hehee ;)
~~~~~~~~~~~~~~~~~~~ HAPPY CODING By. Irnawati ~~~~~~~~~~~~~~~~~~
Tutorialnya sangat membantu mba :)
ReplyDeleteterimah kasih kak, sangat membantu
ReplyDelete