Menampilkan Daftar Anggota Pendaftaran Online Dari Database Di Halaman Utama

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 Komentar

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
Balas #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
Balas #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
Balas #1962
Terima kasih telah memilih untuk meninggalkan komentar. Harap diingat bahwa semua komentar dimoderasi sesuai dengan kebijakan, dan informasi anda TIDAK akan dipublikasikan. Harap JANGAN gunakan kata kunci di kolom nama. Mari kita buat diskusi yang menarik dan bermakna.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.