Ingin belajar, Bagaimana cara mengambil data dari database di PHP dan menampilkannya di tabel HTML? . Buat koneksi antara Tabel HTML dan database MySQL menggunakan PHP. Dan juga tentang beberapa CSS untuk membuat Tabel HTML terlihat lebih baik
Namun sebelumnya anda bisa membaca Cara mengirim data dari form HTML ke database MySQL menggunakan Php
Kode sumber
<!DOCTYPE html> <html> <head> <title>Table with database</title> <style> table { border-collapse: collapse; width: 100%; color: #588c7e; font-family: monospace; font-size: 25px; text-align: left; } th { background-color: #588c7e; color: white; } tr:nth-child(even) {background-color: #f2f2f2} </style> </head> <body> <table> <tr> <th>Id</th> <th>Username</th> <th>Password</th> </tr> <?php $conn = mysqli_connect("localhost", "root", "", "company"); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } $sql = "SELECT id, username, password FROM login"; $result = $conn->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "<tr><td>" . $row["id"]. "</td><td>" . $row["username"] . "</td><td>" . $row["password"]. "</td></tr>"; } echo "</table>"; } else { echo "0 results"; } $conn->close(); ?> </table> </body> </html>
Output dari kode di atas
Menjelaskan kode PHP di atas
Sebaris 29. Membuat koneksi database sehingga kita dapat mengambil data dari database
31, 32. Jika ada kesalahan selama koneksi database maka kami menampilkan kesalahan itu dan keluar dari program. Jika tidak ada kesalahan maka kami melanjutkan proses kami
34. Permintaan SQL untuk memilih data dari database
35. Jalankan kueri SELECT dan simpan hasilnya di $result
36-40. Jika hasil tersebut berisi lebih dari 0 baris, maka tampilkan data tersebut dalam tabel HTML
43, 44. Jika hasilnya berisi 0 baris maka berikan pesan “0 hasil” dan tutup koneksi database
Dan inilah cara kami mengambil data dari database dan menampilkannya di tabel HTML menggunakan database PHP dan MySQL
Kesimpulan. Setelah anda mengikuti cara diatas, anda tampilkan data yang telah anda simpan di database anda pada tabel HTML anda dengan bantuan PHP, MySQL
Contoh berikut akan menunjukkan bagaimana halaman web dapat mengambil informasi dari database dengan AJAX
Penjelasan Contoh - Fungsi showCustomer()
Saat pengguna memilih pelanggan dalam daftar tarik-turun di atas, fungsi bernama showCustomer() dijalankan. Fungsi ini dipicu oleh peristiwa onchange
showCustomer
fungsi showCustomer(str) {
jika (str == "") {
dokumen. getElementById("txtHint"). innerHTML = "";
kembali;
}
const xhttp = new XMLHttpRequest();
xhttp. memuat = fungsi() {
dokumen. getElementById("txtHint"). innerHTML = ini. responseText;
}
xhttp. open("GET", "getcustomer. php?q="+str);
xhttp. mengirim();
}
Fungsi showCustomer() melakukan hal berikut
- Periksa apakah pelanggan dipilih
- Buat objek XMLHttpRequest
- Buat fungsi yang akan dijalankan saat respons server siap
- Kirim permintaan ke file di server
- Perhatikan bahwa parameter (q) ditambahkan ke URL (dengan konten daftar tarik-turun)
Halaman Server AJAX
Halaman di server yang dipanggil oleh JavaScript di atas adalah file PHP bernama "getcustomer. php"
Kode sumber di "getcustomer. php" menjalankan kueri terhadap basis data, dan mengembalikan hasilnya dalam tabel HTML
Contoh berikut memilih kolom id, firstname, dan lastname dari tabel MyGuests dan menampilkannya di halaman
Contoh (berorientasi Objek MySQLi)
$namaserver = "localhost";
$namapengguna = "namapengguna";
$sandi = "sandi";
$namadb = "myDB";
// Buat koneksi
$conn = new mysqli($servername, $username, $password, $dbname);
// Periksa koneksi
if ($conn->connect_error) {
die("Koneksi gagal. ". $conn->connect_error);
}
$sql = "PILIH id, nama depan, nama belakang DARI MyGuests";
$hasil = $koneksi->permintaan($sql);
if ($result->num_rows > 0) {
// output data dari setiap baris
while($row = $result->fetch_assoc()) {
gema "id. ". $baris["id"]. " - Nama. ". $baris["nama depan"]. " ". $baris["nama belakang"]. "
";
}
} kalau tidak {
gema "0 hasil";
}
$koneksi->tutup();
?>
Baris kode untuk menjelaskan dari contoh di atas
Pertama, kami menyiapkan kueri SQL yang memilih kolom id, nama depan, dan nama belakang dari tabel MyGuests. Baris kode berikutnya menjalankan kueri dan menempatkan data yang dihasilkan ke dalam variabel yang disebut $result
Kemudian, fungsi num_rows() memeriksa apakah ada lebih dari nol baris yang dikembalikan
Jika ada lebih dari nol baris yang dikembalikan, fungsi fetch_assoc() menempatkan semua hasil ke dalam array asosiatif yang dapat kita ulangi. Loop while() melewati set hasil dan menampilkan data dari kolom id, nama depan, dan nama belakang
Contoh berikut menunjukkan hal yang sama dengan contoh di atas, dengan cara prosedural MySQLi
Contoh (Prosedur MySQLi)
$namaserver = "localhost";
$namapengguna = "namapengguna";
$sandi = "sandi";
$namadb = "myDB";
// Buat koneksi
$koneksi = mysqli_connect($namaserver, $namapengguna, $sandi, $namadb);
// Periksa koneksi
jika (. $conn) {
die("Koneksi gagal. ". mysqli_connect_error());
}
$sql = "PILIH id, nama depan, nama belakang DARI MyGuests";
$hasil = mysqli_query($koneksi, $sql);
jika (mysqli_num_rows($result) > 0) {
// output data dari setiap baris
while($baris = mysqli_fetch_assoc($result)) {
gema "id. ". $baris["id"]. " - Nama. ". $baris["nama depan"]. " ". $baris["namabelakang"]. "
";
}
} kalau tidak {
gema "0 hasil";
}
mysqli_close($koneksi);
?>
Anda juga bisa meletakkan hasilnya di tabel HTML
Contoh (berorientasi Objek MySQLi)
$namaserver = "localhost";
$namapengguna = "namapengguna";
$sandi = "sandi";
$namadb = "myDB";
// Buat koneksi
$conn = new mysqli($servername, $username, $password, $dbname);
// Periksa koneksi
if ($conn->connect_error) {
die("Koneksi gagal. ". $conn->connect_error);
}
$sql = "PILIH id, nama depan, nama belakang DARI MyGuests";
$hasil = $koneksi->permintaan($sql);
if ($result->num_rows > 0) {
gema "";
// output data dari setiap baris
while($row = $result->fetch_assoc()) {
gema "";
}
gema "
} kalau tidak {
gema "0 hasil";
}
$koneksi->tutup();
?>Jalankan contoh »
Pilih Data Dengan PDO (+ Pernyataan Disiapkan)
Contoh berikut menggunakan pernyataan siap
Itu memilih kolom id, nama depan dan nama belakang dari tabel MyGuests dan menampilkannya dalam tabel HTML