Tutorial sederhana membuat cetak data menggunakan php



Assalamualaikum sahabat blogger

kali ini Belajar di Perantauan akan berbagi tentang bagaimana cara membuat cetak data pada php. Pastinya teman-teman pernah berpikir seperti itu kan , na inilah solusi nya ,


Sebelum kita membuat cetak data , kita harus punya dulu donk data apa yang mau kita cetak , dan saya sudah membuat satu buah program CRUD tentang biodata ,

ini script index nya :

<!DOCTYPE html>
<html>
<head>
<?php include"body/head.php"; ?>
</head>
<body>

<div class="container">
<div class="row">
<?php include"body/header.php"; ?>
</div><!-- penutup rows -->

<div class="row">
<?php include"body/navbar.php"; ?>
</div><!-- penutup rows -->

<div class="row">
<div class="col-md-2">

</div>
<div class="col-md-8">
<table class="table table-bordered">
 <tr>
  <th>NO</th>
  <th>FOTO</th>
  <th>NAMA</th>
  <th>JENIS KELAMIN</th>
  <th>DETAIL</th>
 </tr>
 <?php

include"config/koneksi.php";

$no = 0;
$sql = "select * from tbl_biodata order by id_biodata desc";
$query = mysqli_query($konek,$sql);

while ($data = mysqli_fetch_array($query))
{
$no++;
 ?>
 <tr>
  <th><?php echo $no?></th>
  <th><img src="img_data/<?php echo $data['foto']?>" width="40"></th>
  <th><?php echo $data['nama']?></th>
  <th><?php echo $data['jk']?></th>
  <th><button class="btn btn-danger"><a href="detail.php?id=<?php echo $data['id_biodata']?>"><font color="white">DETAIL</font></a></button></th>
 </tr>
 <?php } ?>
</table>
</div>
<div class="col-md-2">

</div>
</div><!-- penutup rows -->

<div class="row">
<?php include"body/footer.php"; ?>
</div><!-- penutup rows -->
</div><!-- penutup container -->

</body>
</html>

ini tampilan index nya :
tampilan data ketika mau di cetak


Hasil Cetak datanya.

Script untuk membuat cetak data pada PHP :

<!DOCTYPE html>
<html>
<head>
<?php include"body/head.php"; ?>
</head>
<body onload="window.print();">

<div class="container">
<div class="row">
<?php include"body/header.php"; ?>
</div><!-- penutup rows -->

<div class="row">
<?php include"body/navbar.php"; ?>
</div><!-- penutup rows -->

<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<table class="table table-striped">
    <?php

                 include"config/koneksi.php";                
                 $no =0;
                     
                     $id =$_GET['id'];
                     $sql = "SELECT * FROM tbl_biodata WHERE id_biodata='$id'";
                     $query = mysqli_query($konek,$sql);
                     
                     while ( $data = mysqli_fetch_array($query))
                     
                     {

                   $no++;
                 ?>
    <tr>
    <th>NO</th>
    <th><?php echo $no?></th>
    </tr>
    <tr>
    <th>FOTO</th>
    <th><img src="img_data/<?php echo $data['foto']?>" width="50%" height="200"></th>
    </tr>
    <tr>
    <th>NAMA</th>
    <th><?php echo $data['nama']?></th>
    </tr>
    <tr>
    <th>TEMPAT TANGGAL LAHIR</th>
    <th><?php echo $data['ttl']?></th>
    </tr>
    <tr>
    <th>JENIS KELAMIN</th>
    <th><?php echo $data['jk']?></th>
    </tr>
    <tr>
    <th>MOTTO</th>
    <th><?php echo $data['motto']?></th>
    </tr>
    <tr>
    <th>HOBBY</th>
    <th><?php echo $data['hoby']?></th>
    </tr>

    <?php } ?>
   </table>
</div>
<div class="col-md-2">
</div>
</div><!-- penutup rows -->

<div class="row">
<?php include"body/footer.php"; ?>
</div><!-- penutup rows -->
</div><!-- penutup container -->

</body>
</html>

Untuk membuat perintah supaya data kita bisa tercetak hanya butuh script ini :
onload="window.print();" = "script ini berfungsi sebagai perintah print atau cetak data"
Fungsi print JavaScript window.print () akan mencetak halaman web saat ini ketika dijalankan.

Untuk lebih jelas nya , kawan-kawan boleh download program yang sudah saya buat ini .
 Semoga bermamfaat , Silahkan di Share !!





0 Response to "Tutorial sederhana membuat cetak data menggunakan php"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel