Menampilkan Detail Anggota Pendaftaran Online

Created at by Aris Munandar

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 detail anggota pendaftaran online

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.

5 Comments

AL Arhon'k Bhyroen'k

AL Arhon'k Bhyroen'k

terima kasih banyak....
Bahasaweb.com

Bahasaweb.com

@AL Arhon'k Bhyroen'k
sama-sama.
Reply #47
Aisyah Nur Fatimah

Aisyah Nur Fatimah

Terima kasih info source codenya tapi mau Tanya saya coba untuk detail tidak ada error atau debug namun tidak muncul detailnya, itu bagaimana ya?
Reply #106
Bahasaweb.com

Bahasaweb.com

@Aisyah Nur Fatimah
untuk menampilkan pesan error ada beberapa metode yang bisa digunakan yaitu pada file .php, php.ini, dan juga htaccess, tetapi untuk mempermudah kita bisa gunakan file .php yaitu dengan cara menambahkan fungsi ini_set('display_errors', 1); pada file php yang ingin di tampilkan errornya, atau bisa pada file2 yang sifatnya global agar pesan error pada semua file dapat ditampilkan.
Reply #113
Romli Simbadda

Romli Simbadda

makasih bro
Reply #116

Leave comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Bahasaweb.com

Subscribe now to keep reading and get access to the full archive.

Continue reading