Script Print Data dan Save PDF Pada PHP dan MySQL

Script Print Data dan Save PDF Pada PHP dan MySQL atau Mencetak File Laporan dan Save PDF dengan PHP dan MySQL merupakan suatu tutorial yang akan membahas tentang sebuah script PHP yang berfungsi ganda yaitu:

  1. Untuk mencetak sebuah file data menjadi laporan pada suatu halaman website;
  2. Dapat menyimpan file data menjadi bentuk PDF


Pada tutorial yang akan dibahas ini terdapat tiga penggabungan syntax untuk membuat halaman cetak pada website yaitu: javascript,CSS dan PHP.

 

contoh gambar hasil Scrip Print Data dan Save PDF

Bagaimana memembuat Script Print Data dan Save PDF Pada PHP dan MySQL...? Berikut langkah-langkah untuk membuat coding print laporan dan save PDF dengan PHP dan MySQL:

  • Langkah pertama yaitu membuat database terlebih dahulu pada phpmyadmin (contoh: database_contoh).
  • Buat tabel pada database_contoh tersebut (data_contoh), kemudian insert beberapa data pada tabel data_contoh yang sudah dibuat tadi.
contoh gambar  langkah 1 dan langkah 2
  • Buat sebuah file PHP (contoh: index.php) yang berfungsi untuk membuat tombol cetak agar menampilkan data laporan, untuk mempermudah anda masukan sitaks berikut:
<!DOCTYPE html>
<html>
<head>
<title>Scrip Print Data dan Save PDF</title>
</head>

<body bgcolor="#99CCFF">
<h1>Tutorial - kodingbuton.com</h1>
<h1>Script Print Data dan Save PDF Pada PHP dan MySQL</h1>
<a href="laporan-cetak.php" target="_blank"><button> Cetak Laporan</button></a>
</body>
</html>

contoh gambar  hasil sintaks diatas.
  • Langkah berikutnya buatkan lagi sebuah file PHP (contoh: laporan-cetak.php) yang berfungsi untuk menampilkan data laporan yang akan di cetak atau di simpan dalam bentuk file.PDF. Sintaks ini yang kemudian akan meng-eksekusi proses pencetakan file laporan maupun menyimpan file dalam bentuk PDF. Berikut merupakan sitaks laporan-cetak.php:
<?php  
session_start();
$server="localhost";
$user="root";
$pass="";
$db="database_contoh";


//Koneksi dan Menentukan Database Di Server
$konek=mysql_connect($server,$user,$pass) or die ("KONEKSI GAGAL");
$konek_database=mysql_select_db($db) or die ("DATABASE TIDAK BISA DIBUKA");
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
?>


    <script type="text/javascript">
    window.print()
    </script>

    
    <style type="text/css">
    #print {
        margin:auto;
        text-align:center;
        font-family:"Calibri", Courier, monospace;
        width:1200px;
        font-size:14px;
    }
    #print .title {
        margin:20px;
        text-align:right;
        font-family:"Calibri", Courier, monospace;
        font-size:12px;
    }
    #print span {
        text-align:center;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;   
        font-size:18px;
    }
    #print table {
        border-collapse:collapse;
        width:100%;
        margin:10px;
    }
    #print .table1 {
        border-collapse:collapse;
        width:90%;
        text-align:center;
        margin:10px;
    }
    #print table hr {
        border:3px double #000;   
    }
    #print .ttd {
        float:right;
        width:250px;
        background-position:center;
        background-size:contain;
    }
    #print table th {
        color:#000;
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
    }
    #logo{
        width:111px;
        height:90px;
        padding-top:10px;   
        margin-left:10px;
    }

    h2,h3{
        margin: 0px 0px 0px 0px;
    }
    </style>


    <title>Laporan Cetak</title>
    <div id="print">
    <table class='table1'>
            <tr>
<td><img src='logoq.png' height="100" width="100"></td>
                <td>
<h2>Scrip Print Data dan Save PDF Pada PHP dan MySQL </h2>
<h2>kodingbuton.com</h2>
<p style="font-size:14px;"><i> Jl. kodingbuton.com</i></p>
    </td>
    </tr>
</table>
    
<table class='table'>   
<td><hr /></td>

</table>
<td><h3>LAPORAN DATA CONTOH</h3></td>
<tr>
<td>
<table border='1' class='table' width="90%">
<tr>
<th width="30">No.</th>
<th>Nama Lengkap</th>
<th>Tempat Tanggal Lahir</th>
<th>Usia</th>
<th>Kelamin</th>
<th>Alamat</th>
<th>No. HP</th>
</tr>
<?php
$data = mysql_query("select * from data_contoh");
$q=0;
while ($row = mysql_fetch_array($data)) {
$q++;?>
<tr>
<td><center><?php echo $q; ?></center></td>
<td>&nbsp;&nbsp;<?php echo $row['nama_lengkap']; ?></td>
<td>&nbsp;&nbsp;<?php echo $row['tempat_lahir'] ?>, <?php echo $row['tanggal_lahir'] ?></td>
<td>&nbsp;&nbsp;<?php echo $row['umur'] ?> Tahun</td>
<td>&nbsp;&nbsp;<?php echo $row['jk'] ?></td>
<td>&nbsp;&nbsp;<?php echo $row['alamat'] ?></td>
<td>&nbsp;&nbsp;<?php echo $row['no_hp'] ?></td>
</tr>
<?php } ?>

</table>
</tr>
</table>
</div>
<div id="print">
<table width="450" align="right" class="ttd">
<tr>
<td width="100px" style="padding:20px 20px 20px 20px;" align="center">
<strong>kodingbuton.com,</strong>
      <br><br><br><br>
<strong><u>TTD</u><br></strong><small></small>
</td>
</tr>
</table>
</div>


contoh gambar penyimpanan file dan folder
  • Jalankan browser dan ketikan url pada address bar (contoh: localhost/cetak-laporan). Jika semua proses telah sesuai dan berjalan lancar maka halaman cetak laporan akan tampil seperti contoh gambar berikut:


Keterangan **:

  1. Pada gambar diatas terdapat 2 (dua) kotak dialog yaitu: kotak "pilih print" berfungsi untuk mencetak file laporan secara langsung dari browser dengan cara memilih jenis printer yang telah terinstal pada komputer anda; kotak "simpan format PDF" befungsi untuk menyimpan file laporan tersebut dalam kedalam komputer anda dalam format PDF.
  2. Keterangan sintaks laporan-cetak.php yaitu teks yang berwarna merah merupakan koding PHP, teks yang berlatar belakang hijau koding javascript, teks yang berlatar belakang ungu, koding CSS.

 

Demikian pembahasan tentang Script Print Data dan Save PDF Pada PHP dan MySQL, semoga apa yang saya bagikan ini dapat bermanfaat dan menjadi Inspirasi untuk membuat Source Code halaman website anda. Semua source code diatas dapat diperoleh secara gratis dengan cara di Download disini...

 


Apabila ada source code yang tidak berjalan, error atau  tidak sesuai,, silahkan isi kolom komentar pada bagian bawah tutorial ini...!.

 

2 Comments

  1. supaya judul kolomnya selalu muncul pada halaman berikutnya gmana ya ?

    ReplyDelete

Post a Comment

Previous Post Next Post