Crud pada PHP - Cara Menampilkan Data pada Database ke Tabel ~ Dewan Komputer

Crud pada PHP - Cara Menampilkan Data pada Database ke Tabel - Ketemu lagi dengan saya dewan komputer, dan pada postingan kali ini saya akan memposting tentang Crud pada PHP - Cara Menampilkan Data pada Database ke Tabel. Disini kita akan bahas satu per satu dari CRUD dan yang pertama yaitu menampilkan data dari database dan juga melihat detail dari data tersebut.

Baca juga :

CRUD (Create, Read, Update, Delete) Dengan Ajax Tanpa Loading PHP

Crud pada PHP - Cara Menampilkan Data pada Database ke Tabel

Untuk hasil dari postingan ini kurang lebih akan jadi seperti diatas. Nantinya dalam form input data akan terdapat input tex/textbox, radio button, textarea, button file/upload gambar. OK langsung saja kita menuju cara membuatnya.

1. Pertama yaitu membuat database bernama crudphp kemudian buat tabel mahasiswa yang struktur tabelnya adalah seperti gambar berikut

Kemidian isikan datanya. Jika Anda bingung, tabel diatas mempunyai query sebagai berikut :

create table mahasiswa (
nim varchar(15) not null primary key,
nama varchar(30) not null,
jenis_kelamin enum('P','W') default 'P',
status_kawin enum('L','M') default 'L',
agama varchar(20) not null,
alamat text not null,
foto blob not null )

2. Setelah itu buat folder crudtampil dan di dalamnya buat lagi 2 folder bernama config dan foto. Folder config untuk menyimpan file koneksi.php dan folder foto untuk menyimpan foto yang diupload. Sehingga hasilnya akan seperti gambar

3. Kemudian buat file koneksi.php dan simpan pada folder config. Bisa buat menggunakan notepad, notepad++, dreamweaver, sublime text atau lainnya. Dan masukkan script seperti di bawah ini :

 
<?php
// Koneksi ke mesin server database
mysql_connect("localhost","root","");
//memilih database
mysql_select_db("crudphp");

4. Setelah itu buat file index.php dan simpan pada folder crudtampil dan masukkan script seperti berikut :

 
<?php
include 'config/koneksi.php';
?>
<html>
<head>      
    <title>Dery Septian Suwandi</title>
</head>
<body>
 <h1 align="center">DAFTAR MAHASISWA</h1>
 <hr color="blue">
     <a href="tambah.php"><input type="button" value="Tambah Data"></a>
    <table style="margin-top: 20px" border="1px">
  <tr style="background-color: #CCFFFF">
   <th class="text-center">No.</th>
            <th class="text-center">NIM</th>
            <th class="text-center">Nama Mahasiswa</th>
   <th>Jenis Kelamin</th>
            <th>Status Kawin</th>
            <th>Agama</th>
            <th>Alamat</th>
   <th>Gambar</th>
            <th colspan="3">Aksi</th>
        </tr>
    <?php
    $no = 1;
    $query = mysql_query("select * from mahasiswa");
    while ($hasil = mysql_fetch_array($query)) {
    ?>
  <tr>
            <td class="text-center"><?php echo $no; ?></td>
            <td class="text-center"><?php echo $hasil['nim']; ?></td>
            <td><?php echo $hasil['nama']; ?></td>
   <td><?php
            $jk = $hasil['jenis_kelamin'];
            if ($jk == "P") {
    echo 'Pria';
            } else {
                echo 'Wanita';
            }
            ?></td>
            <td><?php
            $sk = $hasil['status_kawin'];
            if ($sk == "L") {
                echo 'Lajang';
            } else {
    echo 'Menikah';
            }
            ?></td>
            <td><?php echo $hasil['agama']; ?></td>
            <td><?php echo $hasil['alamat']; ?></td>
   <td><img src="foto/<?php echo $hasil['foto']; ?>" width='30' height='30'/>
   <td class="text-center"><a href="detail.php?nim=<?php echo $hasil['nim']; ?>">Detail</a></td>
            <td class="text-center"><a href="edit.php?nim=<?php echo $hasil['nim']; ?>">Edit</a></td>
            <td class="text-center"><a href="hapus_data.php?nim=<?php echo $hasil['nim']; ?>">Hapus</a></td>
            </tr>
            <?php
            $no++;
            }
            ?>
    </table>
    </body>
</html>

Jika Anda jalankan maka seharusnya akan muncul hasilnya seperti gambar paling atas. Lalu agar saat diklik Detail akan muncul detail dari datanya maka anda buat lagi file detail.php.

5. Selanjutnya adalah buat file detail.php pada folder crudtampil seperti saat membuat file index.php dan masukkan script seperti dibawah ini

 
<?php
include "config/koneksi.php";
    $data = mysql_query("select * from mahasiswa where nim = '" . $_GET['nim'] . "'");
    while ($hasil = mysql_fetch_array($data)) {
        $nim = $hasil['nim'];
        $nama = $hasil['nama'];
  $jenis_kelamin = $hasil['jenis_kelamin'];
  $status_kawin = $hasil['status_kawin'];
        $agama = $hasil['agama'];
        $alamat = $hasil['alamat'];
  $foto = $hasil['foto'];
    }
    ?>
    <html>
        <head>      
            <title>Detail Mahasiswa</title>
        </head>
        <body>
            <div>
                <div>
                    <h1 align="center">DETAIL MAHASISWA</h1>
     <hr color="blue">
                </div>
                <div>
                    <table>
                        <tr>
                            <td>NIM</td>
                            <td><?php echo ': ' . $nim; ?></td>
                        </tr>
                        <tr>
                            <td>Nama</td>
                            <td><?php echo ': ' . $nama; ?></td>
                        </tr>
                        <tr>
                            <td>Jenis Kelamin</td>
                            <td><?php
                                $jk = $hasil['jenis_kelamin'];
                                if ($jk == "P") {
                                    echo ': Pria';
                                } else {
                                    echo ': Wanita';
                                }
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td>Status Perkawinan</td>
                            <td><?php
                                $sk = $hasil['status_kawin'];
                                if ($sk == "L") {
                                    echo ': Lajang';
                                } else {
                                    echo ': Menikah';
                                }
                                ?></td>
                        </tr>
                        <tr>
                            <td>Agama</td>
                            <td><?php echo ': ' . $agama; ?></td>
                        </tr>
                        <tr>
                            <td>Alamat</td>
                            <td><?php echo ': ' . $alamat; ?></td>
                        </tr>
      <tr>
     <td>Foto </td>
     <td>
     <img src="foto/<?php echo $foto; ?>" width='100' height='100'/></td>
     </tr>
     <td>
                    <input type="button" value="Kembali" onclick=self.history.back()></td><td>
     </table>
                </div>
            </div>
        </body>
    </html>

Maka setelah Anda klik Detail maka akan muncul seperti digambar bawah ini

Gimana? mudah kan? Untuk membuat lebih menarik Anda bisa ubah-ubah sendiri sesuai keinginan Anda. Untuk crud yang lainnya seperti tambah edit hapus akan saya posting pada postingan selanjutnya karena jika hanya pada satu postingan terlalu panjang. Sekian postingan saya tentang Crud pada PHP - Cara Menampilkan Data pada Database ke Tabel. Semoga bermanfaat dan sampai ketemu lagi pada postingan selanjutnya.

UNTUK UPDATE BERBAGAI ARTIKEL TENTANG PHP MULAI DARI DASAR SAMPE TINGKAT EXPERT BISA KUNJUNGI DEWAN KOMPUTER YANG BARU DISINI.
www.dewankomputer.com

JIKA ANDA INGIN MENDOWNLOAD CONTOH PROGRAM DIATAS TINGGAL KLIK LINK

DOWNLOAD

About Admin

Saya senang berbagi ilmu agar semua orang tidak lagi asing terhadap ilmu-ilmu yang ada pada dunia komputer. Selain itu saya juga memberikan ilmu-ilmu tentang pemrograman ke blog ini khususnya untuk yang kuliah jurusan komputer ;) ;) ;)