Halo Developer, Pada tutorial kali ini, Anda akan belajar menampilkan data pada tabel HTML menggunakan PHP dan MySQL. Bahkan Anda akan tahu lebih banyak untuk mengambil catatan baru dari database dan menampilkannya dalam format tabel menggunakan prosedur MySQLi, berorientasi objek MySQLi, PDO & pernyataan yang disiapkan dengan konsep & contoh baru
Isi
Langkah-langkah Menampilkan Data Dari Database MySQL dengan PHP
Pada langkah ini, Anda akan belajar menampilkan data dari database secara dinamis dengan konsep pengkodean lanjutan yang akan membantu Anda meningkatkan keterampilan pengkodean untuk menulis kode cerdas & standar dalam PHP
Sebelum memulai, pastikan bahwa server lokal (xampp/wamp) harus diinstal di sistem Anda dan jalankan jika belum dimulai
Pelajari Juga –
Pratinjau Gambar sebelum Mengunggah menggunakan PHP
Galeri Gambar PHP Dengan Database MySQL
Cara membuat pagination menggunakan PHP & mysql
Anda dapat menguji diri Anda sendiri untuk menampilkan data dengan struktur folder berikut –
codingstatus/ |__database.php |__table.php |__developers.php |1. Hubungkan PHP ke Database MySQL
Anda dapat menggunakan kueri koneksi database berikut untuk menghubungkan PHP ke database MySQL
- $hostName – Berisi nama host
- $userName – Ini berisi nama pengguna basis data
- $password – Ini berisi kata sandi basis data
- $databaseName – Berisi nama database
Nama File – basis data. php
<?php $hostName = "localhost"; $userName = "root"; $password = ""; $databaseName = "codingstatus"; $conn = new mysqli($hostName, $userName, $password, $databaseName); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } ?>_2. Masukkan Data Ke Tabel PHPMyAdmin
Sebelum menampilkan data, Anda harus memasukkan data ke dalam Database. Jika Anda belum melakukannya dan belum mengetahuinya, maka Anda dapat mempelajarinya melalui URL berikut –
Masukkan Data ke dalam Database menggunakan PHP & MySQL
3. Ambil Data Dari Tabel MySQL
Sekarang, Anda harus mengambil data dari tabel MySQL. Jadi, ikuti saja poin-poin ini -
- Pertama-tama, sertakan database file koneksi database. php
- tetapkan $conn ke variabel baru $db dan nama tabel ke variabel lain $table
- Tentukan nama kolom dalam array yang diindeks dan tetapkan ke kolom $
- Juga, tetapkan fungsi fetch_data() ke $fetchData
fetch_data() – Fungsi ini menerima tiga parameter seperti $db, $table & $column dan berisi kueri SELECT MySQLi yang akan mengembalikan rekaman dalam format larik dengan mengambil dari database
Nama file - pengembang. php
<?php include("database.php"); $db= $conn; $tableName="developers"; $columns= ['id', 'fullName','gender','email','mobile', 'address','city','state']; $fetchData = fetch_data($db, $tableName, $columns); function fetch_data($db, $tableName, $columns){ if(empty($db)){ $msg= "Database connection error"; }elseif (empty($columns) || !is_array($columns)) { $msg="columns Name must be defined in an indexed array"; }elseif(empty($tableName)){ $msg= "Table Name is empty"; }else{ $columnName = implode(", ", $columns); $query = "SELECT ".$columnName." FROM $tableName"." ORDER BY id DESC"; $result = $db->query($query); if($result== true){ if ($result->num_rows > 0) { $row= mysqli_fetch_all($result, MYSQLI_ASSOC); $msg= $row; } else { $msg= "No Data Found"; } }else{ $msg= mysqli_error($db); } } return $msg; } ?>
4. Menampilkan Data dalam Tabel HTML
Sekarang, Anda harus menampilkan data dalam tabel HTML. Jadi, Anda harus mengikuti poin-poin ini -
- Pertama-tama, Sertakan pengembang file skrip PHP. php
- Buat tabel HTML menggunakan Bootstrap 4
- Periksa $fetchData adalah array atau tidak dengan kondisi if & else
- Kemudian terapkan foreach loop ke $fetchData
- Setelah itu print data yang dibutuhkan pada tabel
Nama File – tabel. php
<?php include("developers.php"); ?> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-8"> <?php echo $deleteMsg??''; ?> <div class="table-responsive"> <table class="table table-bordered"> <thead><tr><th>S.N</th> <th>Full Name</th> <th>Gender</th> <th>Email</th> <th>Mobile Number</th> <th>Address</th> <th>City</th> <th>State</th> </thead> <tbody> <?php if(is_array($fetchData)){ $sn=1; foreach($fetchData as $data){ ?> <tr> <td><?php echo $sn; ?></td> <td><?php echo $data['fullName']??''; ?></td> <td><?php echo $data['gender']??''; ?></td> <td><?php echo $data['email']??''; ?></td> <td><?php echo $data['mobile']??''; ?></td> <td><?php echo $data['address']??''; ?></td> <td><?php echo $data['city']??''; ?></td> <td><?php echo $data['state']??''; ?></td> </tr> <?php $sn++;}}else{ ?> <tr> <td colspan="8"> <?php echo $fetchData; ?> </td> <tr> <?php }?> </tbody> </table> </div> </div> </div> </div> </body> </html>
5. Uji Diri Anda untuk memasukkan data
Setelah Menerapkan langkah-langkah sebelumnya, Anda dapat mengujinya sendiri untuk membuka URL berikut di browser web Anda
//localhost/codingstatus/table.php_
Lebih Banyak Metode untuk menampilkan Data dalam Tabel HTML dengan PHP
Sekarang, Anda harus mengetahui lebih banyak metode untuk menampilkan data dalam database dari langkah selanjutnya. Setelah mempelajari metode tersebut, Anda dapat menggunakan salah satunya dalam proyek Anda
Dari langkah selanjutnya, saya hanya membagikan kode sumber tanpa fungsi khusus. Sehingga Anda dapat langsung menempelkannya ke proyek Anda di mana Anda perlu mengimplementasikannya