Menampilkan Detail Anggota Pendaftaran Online

Setelah sebelumnya kita telah membahas bagaimana cara menampilkan seluruh anggota pada halaman utama maka kali ini kita akan membahas bagaimana cara menampilkan detail anggota per-satu orang anggota sehingga data-data yang tidak muncul di halaman utama pada bagian detail ini akan kita tampilkan.

Untuk dapat menampikan data detail caranya hampir sama dengan cara sebelumnya yaitu menampilkan data keseluruhan anggota pendaftaran online, bedanya adalah kita menggunakan where untuk menentukan anggota mana yang akan ditampilkan.

Cara Menampilkan Detail Anggota Pendaftaran Online

Untuk menampilkan data detail anggota pendaftaran online masih dengan menggunakan select namun dengan menentukan where sebagai pointer untuk menunjuk salah satu anggota yang ingin diliat data detailnya, tetapi sebelumnya silahkan buka file home.php yang berada di folder content, lalu ubah kode dibawah ini:

<a href="">Lihat</a>Code language: HTML, XML (xml)

menjadi seperti dibawah ini:

<a href="index.php?page=detail&id=<?php echo $data['ID']; ?>">Lihat</a>Code language: HTML, XML (xml)

Jika sudah silahkan simpan, lalu setelah itu buka file index.php dan ubah kode dibawah ini yang ada di file index.php:

<?php

    if(empty($_GET['page']) OR $_GET['page'] == NULL) {
        include('content/home.php');
    }
    elseif(!empty($_GET['page']) && $_GET['page'] == 'tambah') { 
        include('content/tambah.php');
    }
 
?>Code language: HTML, XML (xml)

Menjadi seperti dibawah ini:

<?php

    if(empty($_GET['page']) OR $_GET['page'] == NULL) {
        include('content/home.php');
    }
    elseif(!empty($_GET['page']) && $_GET['page'] == 'tambah') {
        include('content/tambah.php');
    }
    elseif(!empty($_GET['page']) && $_GET['page'] == 'detail') {
        include('content/detail.php');
    }
 
?>Code language: HTML, XML (xml)

Jika semua sudah benar maka setelah itu buka kembali folder template anda dan buka file detail.html dan salin kode yang berada didalam tag div dengan class main sampai penutup tag tersebut, lalu simpan dengan nama detail.php di folder content seperti dibawah ini:

<h3>Detail Anggota</h3>
<div class="content">
    <table class="table-form" border="0" width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td width="20%">Nama Lengkap</td>
            <td width="1%">:</td>
            <td>Bahasaweb.com</td>
        </tr>
        <tr>
            <td>Tempat/Tgl. Lahir</td>
            <td width="1%">:</td>
            <td>Tangerang, 03 Juni 1993</td>
        </tr>
        <tr> 
            <td>Alamat</td>
            <td width="1%">:</td>
            <td>Jl. Raya Indonesia Indah, Tangerang, Indonesia 15213</td>
        </tr>
        <tr>
            <td>No. Hp</td>
            <td width="1%">:</td>
            <td>08595959595</td>
        </tr>
        <tr>
            <td>Email</td>
            <td width="1%">:</td>
            <td>admin@bahasaweb.com</td>
        </tr>
        <tr> 
            <td>Tinggi Badan</td>
            <td width="1%">:</td>
            <td>171CM</td>
        </tr>
        <tr>
            <td>Berat Badan</td>
            <td width="1%">:</td>
           <td>65KG</td>
        </tr>
     </table>
</div>
<a href="" class="btn">Kembali</a>Code language: HTML, XML (xml)

Kode diatas disimpan didalam folder content dengan nama file detail.php, jika sudah silahkan akses url seperti dibawah ini.

http://localhost/tutorial/php-mysql/pendaftaran/index.php?page=detail&id=1

Maka akan tampil seperti dibawah ini:

Menampilkan Data Detail Dari Database

Karena pada kode yang sebelumnya masih menggunakan teks di html, maka kali ini kita akan membuat halaman detail tersebut menjadi dinamis sesuai dengan data anggota yang dipilih, caranya menambahkan kode dibawah ini ke file detail.php:

<?php 
$ID = $_GET['id'];
$query = mysqli_query($connect, "SELECT * FROM anggota WHERE ID = $ID");
$data = mysqli_fetch_array($query);
?>Code language: HTML, XML (xml)

Dan panggil field-field yang ada di database di file tersebut, untuk lengkapnya seperti dibawah ini:

<?php 
$ID = $_GET['id'];
$query = mysqli_query($connect, "SELECT * FROM anggota WHERE ID = $ID");
$data = mysqli_fetch_array($query);
?>
<h3>Detail Anggota</h3>
     <div class="content">
        <table class="table-form" border="0" width="100%" cellpadding="0" cellspacing="0">
            <tr>
                <td width="20%">Nama Lengkap</td>
                <td width="1%">:</td>
                <td><?php echo $data['nama_lengkap']; ?></td>
            </tr>
            <tr>
                <td>Tempat/Tgl. Lahir</td>
                <td width="1%">:</td>
                <td><?php echo $data['tempat_lahir']; ?>, <?php echo date('j F Y', strtotime($data['tanggal_lahir'])); ?></td>
            </tr>
            <tr>
                <td>Alamat</td>
                <td width="1%">:</td>
                <td><?php echo $data['alamat']; ?>, <?php echo $data['kota']; ?>, <?php echo $data['negara']; ?> <?php echo $data['kode_pos']; ?></td>
            </tr>
            <tr>
                <td>No. Hp</td>
                <td width="1%">:</td>
                <td><?php echo $data['no_hp']; ?></td>
            </tr>
            <tr>
                <td>Email</td>
                <td width="1%">:</td>
                <td><?php echo $data['email']; ?></td>
            </tr>
            <tr>
                <td>Tinggi Badan</td>
                <td width="1%">:</td>
                <td><?php echo $data['tinggi_badan']; ?>CM</td>
            </tr>
            <tr>
                <td>Berat Badan</td>
                <td width="1%">:</td>
                <td><?php echo $data['berat_badan']; ?>KG</td>
            </tr>
        </table>
    </div>
<a href="index.php" class="btn">Kembali</a>Code language: HTML, XML (xml)

Jika sudah selesai dan tidak ada error maka seharusnya data akan tampil. Untuk melakukan pengetesan pada setiap detail anggota silahkan kembali ke halaman utama lalu klik link lihat pada halaman utama tersebut. Jika ada halaman utama hanya ada satu anggota maka silahkan tambahkan anggota lain untuk memastikan apakah halaman detail ini bekerja.

Sekian tutorial ini, untuk tutorial selanjutnya kita akan membas bagaimana cara mengedit atau memperbarui data anggota pendaftaran online ini.