Tutorial Cara Membuat CRUD PHP Dengan MySQLi – Menampilkan Data



Pada tutorial sebelumnya kita telah membuat tutorial Cara Membuat CRUD PHP Dengan MySQLi.
Ok kita masuk ke materi selanjut nya bagaimana cara menampilkan data yang telah kita input ke dalam databases mengugunakan fomr yang kita buat pada tutorial sebelumnya..

1. koneksi.php           ( selesai )
2. input_data.php      ( selesai )
3. proses_data.php    (selesai )
4. tampil_data.php    (selesai 
5. edit_data.php
6. proses_edit.php
7. hapus_data.php

Baca Juga :
Baca Part 1 :  Cara Membuat Databases MySQLi Dengan PHPMyadmin
Baca Part 2 : Input, Edit dan Hapus Data Kedalam Table dengan Phpmyadmin
Baca Part 3 : Cara Membuat CRUD PHP Dengan MySQLi.


1. Terlebih dahulu aktifkan xampp.
2. Buat sebuah file baru dengan nama tampil_data.php , file ini akan menampilkan data yang telah kita input kedalam databases.

<!DOCTYPE html>
<html>
<head>
   <title>Latihan</title>
</head>
<body>
<h1>List Data</h1>
<table border="1">
    <tr>
        <td>No</td>
        <td>Nama Data</td>
        <td>Jumlah Data</td>
        <td>Jenis Data</td>
        <td>Aksi</td>
    </tr>
    <?php
        include 'koneksi.php'; // koneksi ke databases               
        $no = 0;
        $query =$mysqli->query("SELECT * FROM data ORDER BY id_data ");
        while($tampil=mysqli_fetch_array($query)){
        $no++;       
    ?>
    <tr>
        <td><?php echo $no; ?></td>
        <td><?php echo $tampil['nama_data'];?></td>
        <td><?php echo $tampil['jumlah_data'];?></td>
        <td><?php echo $tampil['jeni_data'];?></td>
        <td>Edit | Hapus</td>
    </tr>
    <?php } ?>
</table>
</body>

Catatan :
-         *  include 'koneksi.php'
       memanggil file koneksi.

-          * $query =$mysqli->query("SELECT * FROM data ORDER BY id_data ");
   while($tampil=mysqli_fetch_array($query)){
   scritp menampilkan data, di mana data nya di ambil dari nama table data, sedangkan ORDER BY id_data mengurutkan data berdasarkan id_data.

* <?php } ?> sebagai penutup dari loooping array

3. Lalu buka browser anda dan ketikan pada url localhost/latihan, (enter)  pilih tampil_data.php


pada gambar di atas merupakan data yang sebelumnya telah kita ibput di table data telah berhasil kita tampilkan.

Sekian dulu tutorial dari saya..pada tutorial selanjut nya kita akan membahas tentang bagaimana cara mengedit data dan menghapus data yang telah kita input.. Jika bermanfaat silahkan di share... jika ada pesan error, silahkan isi kolom komentar..Terima kasih..

Post a Comment

Previous Post Next Post