Cara mendapatkan data dari database ke html

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();
?>

Jalankan contoh »

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);
?>

Jalankan contoh »



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 "

Nama ID". $baris["id"]. "". $baris["nama depan"]. " ". $baris["namabelakang"]. "";
} 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

Bagaimana cara mendapatkan data dari database ke halaman web?

Bagaimana cara menautkan database ke situs web? .
Persiapkan detail akun pengguna basis data Anda. Detail tentang akun basis data Anda akan diperlukan untuk mengatur koneksi ke situs web. .
Hubungkan ke basis data Anda. .
Kueri data Anda. .
Keluarkan data Anda. .
Uji skrip Anda dan sajikan datanya

Bagaimana cara menampilkan data dari database dalam HTML menggunakan JavaScript?

Tampilkan Data MySQL di Tabel HTML Menggunakan Node. .
Instal Aplikasi Ekspres
Hubungkan Node. Aplikasi js ke Database MySQL
Buat Rute untuk Mengambil Data
Muat Rute ke dalam file root
Buat Tabel HTML untuk Menampilkan data
Jalankan Node. js Kode untuk menampilkan data dalam Tabel HTML
Saran saya

Bagaimana Anda mengambil data dari database?

Ambil data dari database .
Mulailah dengan membuat aplikasi baru
Tambahkan Layar ke aplikasi Anda. .
Tambahkan sumber data ke aplikasi Anda dengan mereferensikan beberapa Entitas di jendela Kelola Ketergantungan (Ctrl+Q). .
Publikasikan aplikasi dengan mengklik tombol Publikasikan 1-Klik. .
Saatnya memuat beberapa data ke Layar

Bagaimana cara mengambil data dari HTML?

Ada kira-kira 5 langkah seperti di bawah ini. .
Periksa HTML situs web yang ingin Anda rayapi
Akses URL situs web menggunakan kode dan unduh semua konten HTML di halaman
Format konten yang diunduh menjadi format yang dapat dibaca
Ekstrak informasi yang berguna dan simpan ke dalam format terstruktur