Hai sobat ketemu lagi dengan saya dewan komputer dan pada kesempatan kali ini saya akan memposting tentang ekspor data ke dalam bentuk excel (.xls) menggunakan script HTML tanpa plugin. Banyak cara yang bisa digunakan untuk mengekspor laporan yaitu ada yang menggunakan plugin/library dan ada juga yang tidak menggunakan plugin. Pada tutorial kali ini saya akan membahas tanpa menggunakan plugin. Pada tutorial ini sebenarnya hanya mengkonvert html menjadi excel.
Seperti yang sobat tahu setiap aplikasi pastinya akan membutuhkan sebuah keluaran dan kebanyakan adalah laporan. Laporan itu sendiri bisa dalam bentuk excel dan juga bisa dalam bentuk pdf bahkan ada juga yang dalam bentuk word. Namun pada postingan kali ini akan membahas ekspor ke dalam excel saja. Jika sobat ingin mengekspor ke dalam bentuk lain atau ke dalam excel menggunakan plugin maka sobat bisa kunjungi link dibawah :
Baca juga :
Cara Ekspor Data/Laporan ke PDF Dengan Mudah Menggunakan Mpdf pada PHP
Cara Ekspor Laporan/Data dari Database MySQL ke dalam Word Tanpa Plugin
Cara Ekspor data MySQL ke dalam Excel Tanpa Plugin
Tanpa berlama-lama lagi saya akan memberikan tutorialnya step by step untuk memudahkan sobat :
1. Pertama sobat buat database dengan cara masuk ke localhost/phpmyadmin pada browser sobat dan klik tab Database/Basis Data lalu masukkan nama database db_dewankomputer seperti gambar dibawah
2. Selanjutnya sobat buat tabel dan beri nama tbl_mahasiswa atau sobat bisa lik tab SQL dan masukkan query dibawah ini
3. Setelah sobat sudah berhasil membuat tabel selanjutnya sobat isikan tabel tersebut atau sobat bisa klik lagi tab SQL dan masukkan query dibawah ini dan klik tombol OK/Go
CREATE TABLE `tbl_mahasiswa` ( `id` int(11) NOT NULL, `nama_mahasiswa` varchar(255) NOT NULL, `alamat` text NOT NULL, `jenis_kelamin` varchar(255) NOT NULL, `tgl_masuk` date NOT NULL )
4.
Untuk menambahkan datanya sobat bisa ketikkan query dibawah ini pada tab SQLINSERT INTO `tbl_mahasiswa` (`id`, `nama_mahasiswa`, `alamat`, `jenis_kelamin`, `tgl_masuk`) VALUES (1, 'Dewan Komputer', 'Cilacap', 'Laki-laki', '2019-01-01'), (2, 'Sule', 'Jakarta', 'Laki-laki', '2019-01-01'), (3, 'Maemunah', 'Yogyakarta', 'Perempuan', '2019-01-01'), (4, 'Siti', 'Semarang', 'Perempuan', '2019-01-01'), (5, 'Andre', 'Purwokerto', 'Laki-laki', '2019-01-01'), (6, 'Tukul Arwana', 'Surabaya', 'Laki-laki', '2019-01-01');
5. Selanjutnya sobat bisa buat folder di folder C://xampp/htdocs/ dan beri nama dewan_ekspor_excel lalu buat file di dalamnya dan beri nama index.php, koneksi.php dan ekspor.php
6. Kemudian ketikkan koneksi.php dengan kode dibawah ini yang berfungsi untuk mengkoneksikan dengan database MySQL
<?php error_reporting(0); //MySQLi Object-Oriented define('HOST','localhost'); define('USER','root'); define('PASS',''); define('DB1', 'db_dewankomputer'); // Buat Koneksinya $db1 = new mysqli(HOST, USER, PASS, DB1); ?>
7. Lalu buka file index.php dan isikan dengan script dibawah ini yang berfungsi untuk memanggil file yang akan didownload tadi
<?php //Menggabungkan dengan file koneksi yang telah kita buat include 'koneksi.php'; ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Ekspor Data Excel - www.dewankomputer.com</title> <style type="text/css"> table { font-size: 17px; } thead { font-weight: bold; background-color: blue; color: white; } td { padding: 10px; } hr { margin-top: 20px; margin-bottom: 20px; } .download { background-color: green; color: #fff; border-radius: 10px; padding: 10px 20px 10px 20px; margin-bottom: 10px; } </style> </head> <body> <div align="center"> <h2>Cara Ekspor Data/Laporan ke Excel Dengan Mudah Menggunakan HTML Tanpa Plugin dari Database MySQL</h2> <a href="ekspor.php"> <button class="download">Download</button> </a> <table border="1"> <thead> <tr> <td>No</td> <td>Nama Mahasiswa</td> <td>Alamat</td> <td>Jenis Kelamin</td> <td>Tanggal Masuk</td> </tr> </thead> <tbody> <?php $no = 1; $query = "SELECT * FROM tbl_mahasiswa ORDER BY nama_mahasiswa ASC"; $dewan1 = $db1->prepare($query); $dewan1->execute(); $res1 = $dewan1->get_result(); if ($res1->num_rows > 0) { while ($row = $res1->fetch_assoc()) { $nama_mahasiswa = $row['nama_mahasiswa']; $alamat = $row['alamat']; $jenis_kelamin = $row['jenis_kelamin']; $tgl_masuk = $row['tgl_masuk']; echo "<tr>"; echo "<td>".$no++."</td>"; echo "<td>".$nama_mahasiswa."</td>"; echo "<td>".$alamat."</td>"; echo "<td>".$jenis_kelamin."</td>"; echo "<td>".$tgl_masuk."</td>"; echo "</tr>"; } } else { echo "<tr>"; echo "<td colspan='5'>Tidak ada data ditemukan</td>"; echo "</tr>"; } ?> </tbody> </table> </div><hr> </body> </html>
7. Lalu isikan file ekspor.php dengan kode dibawah ini untuk membuat file excel dan mengambil datanya dari database
<?php //Menggabungkan dengan file koneksi yang telah kita buat include 'koneksi.php'; header("Content-type: application/vnd-ms-excel"); header("Content-Disposition: attachment; filename=hasil-ekspor-dewan.xls"); ?> <!DOCTYPE html> <html> <head> </head> <body> <div align="center"> <h2>Cara Ekspor Data/Laporan ke Excel Dengan Mudah Menggunakan HTML Tanpa Plugin dari Database MySQL</h2> <table border="1"> <thead> <tr> <td>No</td> <td>Nama Mahasiswa</td> <td>Alamat</td> <td>Jenis Kelamin</td> <td>Tanggal Masuk</td> </tr> </thead> <tbody> <?php $no = 1; $query = "SELECT * FROM tbl_mahasiswa ORDER BY nama_mahasiswa ASC"; $dewan1 = $db1->prepare($query); $dewan1->execute(); $res1 = $dewan1->get_result(); if ($res1->num_rows > 0) { while ($row = $res1->fetch_assoc()) { $nama_mahasiswa = $row['nama_mahasiswa']; $alamat = $row['alamat']; $jenis_kelamin = $row['jenis_kelamin']; $tgl_masuk = $row['tgl_masuk']; echo "<tr>"; echo "<td>".$no++."</td>"; echo "<td>".$nama_mahasiswa."</td>"; echo "<td>".$alamat."</td>"; echo "<td>".$jenis_kelamin."</td>"; echo "<td>".$tgl_masuk."</td>"; echo "</tr>"; } } else { echo "<tr>"; echo "<td colspan='5'>Tidak ada data ditemukan</td>"; echo "</tr>"; } ?> </tbody> </table> <p>www.dewankomputer.com</p> </div> </body> </html>
8. Jalankan http://localhost/dewan_ekspor_excel dan akan menghasilkan tampilan seperti dibawah
9. Setelah sobat klik download maka akan secara otomatis browser mendownload file excel dan jika dibuka akan menghasilkan tampilan seperti dibawah
Bagaimana mudah bukan? Sebenarnya file index.php dan ekspor.php hampir sama, jika sobat sudah mengetahuinya sebenarnya sobat bisa membuat isinya hanya 1 saja misalkan tabel.php yang nantinya akan di include ke dalam indeks.php dan ekspor.php karena yang membedakan hanya tambah baris
header("Content-type: application/vnd-ms-excel"); header("Content-Disposition: attachment; filename=hasil-ekspor-dewan.xls");
Hasil ekspor diatas merupakan cara mudah atau sederhananya saja sehingga dalam pembuatannya sangat cepat. Namun untuk hasilnya menurut saya kurang bagus karena itu sebenarnya hanyalah file HTML yang disimpan ke dalam bentuk excel saja jadi bukan excel sepenuhnya. Karena ini hanyalan convert html ke excel (.xls). Jika sobat sudah mengetahui cara diatas dan ingin membuatnya menjadi file excel yang sepenuhnya maka sobat bisa mengunjungi Cara Ekspor Laporan/Data dari Database MySQL ke dalam Excel (.xlsx) dengan plugin PHPOffice pada PHP. Namun semua tergantung pada sobat sendiri karena dalam pembuatan aplikasi juga tergantung harga dan kecepatan pembuatan website tersebut.
Jika sobat ingin mendownload tutorial diatas maka sobat bisa klik link dibawah ini :
Sampai jumpa pada postingan saya selanjutnya..
Terima kasih banyak mas, atas semua tutorialnya, dan alhamdulillah akhirnya bisa uploud file laporan ke online.
Semanta terus membuat tutorial seperti ini mas.