Jika Anda memiliki jenis formulir HTML apa pun yang menyimpan entri di database MySQL. Dan sekarang Anda bertanya-tanya bagaimana cara menampilkan data dari tabel database MySQL dalam HTML menggunakan PHP maka panduan ini murni untuk Anda
Pada tutorial sebelumnya, kita telah mempelajari semua tentang cara menghubungkan Formulir HTML ke database MySQL menggunakan PHP. Dan kami melihat metode untuk menyimpan entri formulir di database MySQL. Tutorial ini adalah langkah selanjutnya yang akan mengajarkan Anda untuk mengambil data dari database menggunakan PHP
Setelah membaca panduan ini, Anda akan dapat menampilkan konten Tabel MySQL dari Database
Pertanyaan pertama dan terpenting adalah, apa yang Anda butuhkan untuk ini?
Jadi, mari kita lihat persyaratan sederhana untuk tutorial ini
- Anda memerlukan Editor Teks (saya akan menggunakan Kode Visual Studio)
- Dan Server, dalam panduan ini kita akan menggunakan server localhost seperti XAMPP. Catatan. Anda juga dapat menggunakan live-server langkah-langkahnya sama
- Juga, Anda sudah membuat Database MySQL. (Jika belum punya, Anda bisa melihat tutorial ini tentang cara membuat Database MySQL menggunakan phpMyAdmin)
- Anda harus memiliki pengetahuan tentang menghubungkan Formulir HTML ke database MySQL yang menyimpan entri dengan benar di database. Tapi jangan khawatir, jika tidak, Anda dapat melihat tutorial kami sebelumnya tentang Cara Menghubungkan Formulir HTML ke Database MySQL. Setelah membaca tutorial itu, Anda bisa mulai dari sini
Sekarang, mari kita lihat bagaimana menampilkan data tabel MySQL dari database di PHP
Cara Menampilkan Data Tabel MySQL menggunakan PHP
Menampilkan data dari database MySQL adalah proses yang jauh lebih mudah dan lebih mudah. Mari kita mulai dengan, langkah pertama kita
Langkah 1. Jalankan Apache dan MySQL Server di XAMPP
Sebelum memulai proses, jika Anda menggunakan XAMPP localhost, pastikan layanan Apache dan MySQL berjalan di PC Anda. Jika tidak, PHP tidak akan berjalan, karena ini adalah bahasa skrip sisi server
Catatan. Folder proyek Anda harus ditempatkan di dalam folder 'htdocs' yang terletak di folder XAMPP seperti yang ditunjukkan di bawah ini
Kemudian, lihat langkah selanjutnya
Langkah 2. Buat tampilan. php untuk Menampilkan Tabel MySQL
Pertama-tama, Anda perlu membuat tampilan. php yang akan kita gunakan untuk menampilkan Data tabel MySQL. Semua kode untuk menampilkan data dari database MySQL akan ada di file ini
Untuk membuat tampilan. php, cukup buka editor teks Anda dan buat tampilan file baru. php seperti yang ditunjukkan pada gambar di bawah ini
Tip. Jika Anda seorang pemula dan tidak tahu cara menjalankan kode PHP, lihat tutorial ini untuk mempelajari Cara Menjalankan Kode PHP di PC Anda
Mari kita lihat langkah selanjutnya
Langkah 3. Buat Koneksi ke Database MySQL
Pada langkah ini, Anda akan membuat koneksi ke database MySQL Anda untuk menampilkan data dari database. Untuk melakukan ini, Anda harus sudah memiliki Database MySQL yang dibuat dengan pengguna yang menetapkan semua hak istimewa
Dalam hal ini, kita sudah memiliki database MySQL dengan nama webcodzing_db. Dan kami memiliki tabel di database MySQL kami dengan nama contactform_entries seperti yang Anda lihat di bawah
Catatan. Jika Anda tidak memiliki database, Anda dapat melihat panduan ini untuk membuat database MySQL menggunakan kode PHP
Untuk basis data ini, kami memiliki pengguna yang menetapkan semua hak istimewa
Rincian nama host kami, pengguna basis data, dan basis data yang kami butuhkan adalah sebagai berikut
- Nama host. localhost
- Nama belakang. webcodzingdb_user
- Kata sandi. webcodzing123
- Nama Basis Data. webcodzing_db
Kami akan menggunakan detail di atas untuk membuat koneksi ke database MySQL kami. Apakah Anda menggunakan localhost atau live host, Anda dapat menemukan dan mengubah detail ini di bagian Akun pengguna > Informasi login di phpMyAdmin seperti yang ditunjukkan di bawah ini
Sekarang, buka tampilan. php dan tulis kode ini di bawah, atau cukup salin-tempel
<?php //storing database details in variables. $hostname = "localhost"; $username = "webcodzingdb_user"; $password = "webcodzing123"; $dbname = "webcodzing_db"; //creating connection to database $con = mysqli_connect($hostname, $username, $password, $dbname); //checking if connection is working or not if(!$con) { die("Connection failed!" . mysqli_connect_error()); } else { echo "Successfully Connected! <br>"; } ?>Penjelasan Kode
- Kode ini cukup sederhana. Jika Anda melihat kode di atas dari baris no. 4 sampai 7, kita buat 4 variabel $hostname, $username, $password, dan $dbname untuk menyimpan detail database MySQL kita di dalamnya
- Kemudian, kami menggunakan fungsi mysqli_connect() dan memberinya detail database sebagai parameter untuk membuat koneksi
- Setelah itu, kita memeriksa koneksi dengan pernyataan if() dan else. Di dalam pernyataan if(), kami menggunakan fungsi die(). Untuk melihat apakah database terhubung atau tidak
Catatan. Detail basis data harus benar dan tidak ada kesalahan ejaan
Setelah menyimpan kode, saat Anda menyegarkan tampilan. php halaman pesan 'Berhasil Terhubung' akan ditampilkan
Mari kita lihat langkah selanjutnya
Langkah 4. Perintah untuk PILIH Data Tabel MySQL dari Database
Untuk ini, Anda harus memiliki beberapa kolom dengan entri atau baris di tabel Anda. Seperti yang Anda ketahui, dalam database data disimpan dalam bentuk kolom dan baris
Untuk tujuan ini, kami telah menyimpan beberapa entri di tabel contactform_entries kami. Di tabel contactform_entries , kami memiliki 6 entri yang disimpan di 4 kolom (id, name_fld, email_fld, msg_fld) seperti yang ditunjukkan pada gambar di bawah
Untuk mengumpulkan entri ini, kami memiliki formulir kontak yang kami buat di tutorial kami sebelumnya. Dan ini adalah catatan yang akan kami tampilkan dari database MySQL ke halaman HTML menggunakan skrip PHP
Sekarang, kita akan menggunakan perintah SQL berikut untuk memilih semua catatan dari tabel MySQL 'contactform_entries'
SELECT * FROM table_name; _Mari kita lihat kode lengkapnya
<?php //storing database details in variables. $hostname = "localhost"; $username = "webcodzingdb_user"; $password = "webcodzing123"; $dbname = "webcodzing_db"; //creating connection to database $con = mysqli_connect($hostname, $username, $password, $dbname); //checking if connection is working or not if(!$con) { die("Connection failed!" . mysqli_connect_error()); } else { echo "Successfully Connected! <br>"; } //Output Form Entries from the Database $sql = "SELECT * FROM contactform_entries"; //fire query $result = mysqli_query($con, $sql); ?>Penjelasan Kode
- Lihat saja baris no. 20 sampai 23. Saya membuat variabel $sql dan mengetik kueri SQL. “SELECT * FROM contactform_entries” dalam string. Kueri memilih semua kolom di tabel contactform_entries
- Kemudian, saya membuat variabel lain $result untuk mengaktifkan kueri dengan fungsi mysqli_query() . Dalam fungsi ini, saya menggunakan variabel $con dan $sql sebagai parameter. Setelah mengeksekusi kueri ini, hasilnya akan disimpan dalam variabel $result
Sekarang, kami telah memilih catatan tabel MySQL. Saatnya mencetak data tabel MySQL dari database. Mari kita lihat langkah selanjutnya
Langkah 5. Ambil dan Tampilkan Data Tabel MySQL
Untuk mencetak data tabel MySQL, pertama, Anda perlu memeriksa apakah ada baris di tabel Anda. Untuk melakukannya, kita akan menggunakan pernyataan if() dengan fungsi mysqli_num_rows()
if(mysqli_num_rows($result) > 0) { $row = mysqli_fetch_assoc($result); echo "id: " . $row["id"]. " - Name: " . $row["name_fld"]. " Email: ". $row["email_fld"]. " Message: ". $row["msg_fld"] . "<br>"; } else { echo "0 results"; }Penjelasan Kode
- Kode di atas terdiri dari pernyataan if() else untuk memeriksa apakah ada record atau tabel kosong. Jika tabel akan kosong maka akan mengeksekusi pernyataan lain yang akan menampilkan 0 hasil
- Di dalam pernyataan if() , kami menggunakan fungsi bernama mysqli_fetch_assoc();
- Kemudian, saya menggunakan pernyataan gema untuk menampilkan nilai array asosiatif. Di dalam pernyataan gema, saya menggunakan variabel $row karena fungsi mysqli_fectch_assoc() menyimpan nilai di dalamnya
- Di dalam tanda kurung siku, saya menggunakan nama setiap kolom dan menggabungkannya dengan string menggunakan titik (. ) operator
Terkait. 6 Metode Mencetak Array di PHP
Tapi masalahnya di sini adalah hanya akan mengambil satu record. Dan Anda harus mengulang kode untuk menampilkan lebih banyak catatan. Seperti di bawah ini
<?php if(mysqli_num_rows($result) > 0) { // first record $row = mysqli_fetch_assoc($result); echo "id: ". $row["id"]. " - Name: ". $row["name_fld"]. " Email: ". $row["email_fld"]. " Message: ". $row["msg_fld"] . "<br>"; $row = mysqli_fetch_assoc($result); // second record echo "id: ". $row["id"]. " - Name: ". $row["name_fld"]. " Email: ". $row["email_fld"]. " Message: ". $row["msg_fld"] . "<br>"; $row = mysqli_fetch_assoc($result); //third record echo "id: ". $row["id"]. " - Name: ". $row["name_fld"]. " Email: ". $row["email_fld"]. " Message: ". $row["msg_fld"] . "<br>"; } else { echo "0 results"; } ?>_Ini berguna dalam beberapa kasus, tetapi bagaimana jika Anda ingin menampilkan ribuan record dari database MySQL menggunakan PHP?
Satu baris kode yang sederhana dapat mengurangi upaya Anda. Jadi, mari kita gunakan loop while()
<?php if(mysqli_num_rows($result) > 0) { while($row = mysqli_fetch_assoc($result)){ echo "id: " . $row["id"]. " - Name: " . $row["name_fld"]. " Email: ". $row["email_fld"]. " Message: ". $row["msg_fld"] . "<br>"; } } else { echo "0 results"; } ?>Loop akan berjalan hingga semua record ditampilkan dalam PHP dari database
Lihat kode lengkap untuk 'menampilkan Data Tabel MySQL dari Database menggunakan PHP'
<?php //storing database details in variables. $hostname = "localhost"; $username = "webcodzingdb_user"; $password = "webcodzing123"; $dbname = "webcodzing_db"; //creating connection to database $con = mysqli_connect($hostname, $username, $password, $dbname); //checking if connection is working or not if(!$con) { die("Connection failed!" . mysqli_connect_error()); } else { echo "Successfully Connected! <br>"; } //Output Form Entries from the Database $sql = "SELECT id, name_fld, email_fld, msg_fld FROM contactform_entries"; //fire query $result = mysqli_query($con, $sql); if(mysqli_num_rows($result) > 0) { while($row = mysqli_fetch_assoc($result)){ echo "id: " . $row["id"]. " - Name: " . $row["name_fld"]. " Email: ". $row["email_fld"]. " Message: ". $row["msg_fld"] . "<br>"; } } else { echo "0 results"; } // closing connection mysqli_close($con); ?> _Anda dapat menyalin dan menempelkan semua kode di atas ke layar Anda. file php
Terkadang, kami ingin menampilkan semua record database dalam format tabel. Anda dapat melakukannya hanya dengan beberapa tag HTML sederhana. Jadi, mari kita lihat
Cara Mengambil Data dari Database MySQL dalam format Tabel
Untuk mengambil data dari database di PHP untuk ditampilkan dalam format tabel, Anda dapat menggunakan tag HTML di dalam PHP dengan pernyataan gema. Karena PHP adalah bahasa yang diketik secara longgar dan berfungsi sempurna dengan HTML, tetapi pastikan untuk tidak mengubah ekstensi file
Format tabel adalah cara lain untuk menampilkan data Tabel MySQL di PHP. Tabel HTML sangat membantu dalam menampilkan catatan database besar dalam bentuk yang lebih mudah dibaca. Anda dapat menggunakan semua tag tabel HTML dengan pernyataan gema di PHP
Ini sangat sederhana, Anda melakukan ini seperti yang saya lakukan, lihat saja kode di bawah ini
<?php while($row = mysqli_fetch_assoc($result)){ // to show data in table format > do this echo '<tr > <th> Id: </th> <td>' . $row["id"] . '</td> <th> Name: </th> <td>' . $row["name_fld"] . '</td> <th> Email: </th> <td> ' . $row["email_fld"] . '</td> <th> Message: </th> <td>' . $row["msg_fld"] . '</td> </tr>'; } ?>Dalam kode di atas, saya menggunakan tag tabel HTML di dalam pernyataan gema untuk mengonversi catatan basis data menjadi format tabel
Not only this, I enclosed the whole PHP code inside the HTML body. And then I used tags to style the table. You can see the below code.
Di bawah ini adalah kode lengkap untuk 'Output Records from the Database in Table Format'
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Database Records</title> <style> table{ width: 70%; margin: auto; font-family: Arial, Helvetica, sans-serif; } table, tr, th, td{ border: 1px solid #d4d4d4; border-collapse: collapse; padding: 12px; } th, td{ text-align: left; vertical-align: top; } tr:nth-child(even){ background-color: #e7e9eb; } </style> <body> <?php //storing database details in variables. $hostname = "localhost"; $username = "webcodzingdb_user"; $password = "webcodzing123"; $dbname = "webcodzing_db"; //creating connection to database $con = mysqli_connect($hostname, $username, $password, $dbname); //checking if connection is working or not if(!$con) { die("Connection failed!" . mysqli_connect_error()); } else { echo "Successfully Connected! <br>"; } //Output Form Entries from the Database $sql = "SELECT id, name_fld, email_fld, msg_fld FROM contactform_entries"; //fire query $result = mysqli_query($con, $sql); if(mysqli_num_rows($result) > 0) { echo '<table> <tr> <th> Id </th> <th> Name </th> <th> Email </th> <th> Message </th> </tr>'; while($row = mysqli_fetch_assoc($result)){ // to output mysql data in HTML table format echo '<tr > <td>' . $row["id"] . '</td> <td>' . $row["name_fld"] . '</td> <td> ' . $row["email_fld"] . '</td> <td>' . $row["msg_fld"] . '</td> </tr>'; } echo '</table>'; } else { echo "0 results"; } // closing connection mysqli_close($con); ?> </body> </html> _Anda dapat menyalin seluruh kode di atas dan menempelkannya di dalam tampilan. php untuk menjalankannya
Di browser Anda, hasilnya akan terlihat seperti di bawah ini
Ini bukan meja yang begitu modern. Namun dengan menggunakan CSS, Anda dapat memformat tabel ini secara elegan sesuai dengan kebutuhan Anda. Menunjukkan bagaimana melakukannya adalah tanggung jawab saya
Sekarang, Anda sudah tahu cara menampilkan data tabel MySQL dari Database di PHP. Semoga panduan ini dapat membantu Anda
Jika Anda memiliki pertanyaan terkait dengan tutorial ini maka Anda dapat bertanya di bagian komentar di bawah ini