Menampilkan Daftar Anggota Pendaftaran Online Dari Database Di Halaman Utama

Created at by Aris Munandar

Jika pada tahap sebelumnya yaitu tahap untuk menambahkan data anggota telah berhasil, maka sekarang kita akan menampilkan daftar anggota pendaftaran online ini dari database dihalaman utama, karena nantinya akan ada banyak data yang mungkin bisa di input maka pada halaman utama itulah kenapa disiapkan sebuah tabel.

Untuk dapat menampilkan daftar anggota pada halaman utama kita memerlukan perintah select yang akan dikombinasikan dengan perulangan.

Menampilkan Daftar Anggota Pendaftaran Online

Untuk menampilkan data anggota pada halaman utama silahkan buka file home.php yang berada di folder content, setelah itu ganti seluruh kode yang berada di file home.php dengan kode dibawah ini.

<a href="index.php?page=tambah" class="btn">Tambah</a>
<div class="content">
    <table class="table" width="100%" cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th width="1%" align="left">No</th>
                <th width="15%">Nama</th>
                <th width="10%">Alamat</th>
                <th width="10%">No. Hp</th>
                <th width="10%">Email</th>
                <th width="15%">Aksi</th>
            </tr>
        </thead>
        <tbody>
        <?php 
            $anggota = mysqli_query($connect, "SELECT * FROM anggota ORDER BY ID DESC");
            $no = 1;
            while($data = mysqli_fetch_array($anggota)) { ?>
                <tr>
                    <td><?php echo $no; ?></td>
                    <td><?php echo $data['nama_lengkap']; ?></td>
                    <td><?php echo $data['alamat']; ?></td>
                    <td align="center"><?php echo $data['no_hp']; ?></td>
                    <td><?php echo $data['email']; ?></td>
                    <td align="center"><a href="">Lihat</a> | <a href="">Edit</a> | <a href="">Hapus</a></td>
                </tr>
            <?php $no++;
            } ?>
        </tbody>
    </table>
</div>Code language: HTML, XML (xml)

Setelah semua sudah selesai di maka silahkan buka kembali url dibawah ini:

http://localhost/tutorial/php-mysql/pendaftaran/

Maka jika sudah benar data yang ada didatabase seharusnya sudah dapat di tampilkan di halaman utama tersebut, seperti gambar dibawah ini:

menampilkan data anggota pendaftaran online di halaman utama

Bagaimana data-data diatas dapat ditampilkan? berikut ini adalah penjelasan masing-masing kode diatas agar mudah dipahami.

Fungsi mysqli_query()

Fungsi mysqli_query ini memungkinkan kita untuk dapat menjalankan perintah sql di php dengan format perintah yang sama seperti cara mengeksekusi sebuah perintah sql menggunakan phpmyadmin atau menggunakan command line.

Variabel $no

Pada variabel $no ini digunakan untuk membuat urutan sebanyak jumlah data, bagaimana nomor-nomor tersebut dapat terus bertambah? perhatikan pada bagian bawah, pada saat terjadi perulangan maka variabel nomor akan terus bertambah 1 jumlahnya, misalnya 1, 2, 3, 4, 5, … n dan seterunys dengan menggunakan perintah increment (++) sehingga menjadi $n++.

Fungsi while()

Fungsi while() pada umumnya digunakan untuk melakukan proses perulangan sebuah array atau sebuah argumen. Baca tutorial perulangan pada php.

Fungsi mysqli_fetch_array()

Nah bagian fungsi mysqli_fetch_array() ini adalah sebuah fungsi yang unik, dimana fungsi tersebut akan mengubah seluruh data yang didapatkan dari hasil query mysql ke dalam array sehingga akan lebih mudah untuk ditampilkan, dalam hal ini data array tersebut kita simpan pada variabel $data sehingga untuk memanggil field dari database yaitu seperti dibawah ini:

$data['index_field']Code language: PHP (php)

Karena array maka hanya perlu memanggil kuncinya saja, setelah itu proses perulangan akan berjalan dengan sendirinya sesuai jumlah data yang ada.

Demikian tutorial tahap ini, untuk tahap selanjutnya kita akan membahas bagaimana cara melihat data detail anggota pendaftaran online.

3 Comments

toenk bison

toenk bison

mohon pencerahan, setelah diganti codenya, malah seperti ini Warning: Undefined variable $connect in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php on line 16 Fatal error: Uncaught TypeError: mysqli_query(): Argument #1 ($mysql) must be of type mysqli, null given in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php:16 Stack trace: #0 C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php(16): mysqli_query(NULL, 'SELECT * FROM a...') #1 C:\xampp\htdocs\Tutorial Pendaftaran\Index.php(15): include('C:\\xampp\\htdocs...') #2 {main} thrown in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php on line 16 No Nama Alamat No. Hp Email Aksi
Reply #1960
toenk bison

toenk bison

mohon pencerahan, setelah diganti codenya, malah seperti ini Warning: Undefined variable $connect in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php on line 16 Fatal error: Uncaught TypeError: mysqli_query(): Argument #1 ($mysql) must be of type mysqli, null given in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php:16 Stack trace: #0 C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php(16): mysqli_query(NULL, 'SELECT * FROM a...') #1 C:\xampp\htdocs\Tutorial Pendaftaran\Index.php(15): include('C:\\xampp\\htdocs...') #2 {main} thrown in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php on line 16 Terima kasih
Reply #1961
toenk bison

toenk bison

Warning: Undefined variable $connect in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php on line 16 Fatal error: Uncaught TypeError: mysqli_query(): Argument #1 ($mysql) must be of type mysqli, null given in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php:16 Stack trace: #0 C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php(16): mysqli_query(NULL, 'SELECT * FROM a...') #1 C:\xampp\htdocs\Tutorial Pendaftaran\Index.php(16): include('C:\\xampp\\htdocs...') #2 {main} thrown in C:\xampp\htdocs\Tutorial Pendaftaran\Content\Home.php on line 16
Reply #1962

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