Tutorial ini akan mengajarkan Anda proses langkah demi langkah tentang cara mengambil tabel MySQL dan menampilkan catatan dalam HTML menggunakan PHP
Membuat Database dan Tabel di MySQL
Pertama, kita akan membuat database "demo" dan tabel "products". Anda dapat menggunakan PHPMyAdmin MySQL atau SQLyog untuk menjalankan kueri SQL berikut
Permintaan MySQL
/*Your SQL queries*/ CREATE DATABASE demo; /*phpmyadmin MySQL Database Query*/ /*or*/ CREATE DATABASE demo; /*SQLyog Database Query*/ USE demo; /*Table structure*/ DROP TABLE IF EXISTS `products`; CREATE TABLE `products` ( `id` int(11) NOT NULL, `Manufacturer` char(60) DEFAULT NULL, `Module` char(60) DEFAULT NULL, `Series` char(60) DEFAULT NULL, `MPN` char(60) DEFAULT NULL, `Function` char(60) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; /*Data for the table*/ insert into `products`(`id`,`Manufacturer`,`Module`,`Series`,`MPN`,`Function`) values (1,'Microsoft','Operation System','A','1263187','OS'), (2,'Amazon','Web Services','B','3473747','Web'), (3,'Rockwell Automation','Electronic Modules','C','9854747','Machine Control'), (4,'Facebook','Social Connectivity','D','1271517','Social'), (5,'Google','Search Engine','E','6372673','Search');
Untuk mengimpor rekaman ini, Anda dapat menyalin kueri ini dan menjalankannya langsung di PHPMyAdmin MySQL atau SQLyog
Tabel "products" berisi 5 baris dan kolom tabel sebagai berikut
- ID Produk
- Produsen Produk
- Tipe Modul
- Seri Produk
- Fungsi Produk
Setelah membuat database kami, kami akan menghubungkan file 2 kami dengan server MySQL di PHP
Terhubung ke Server MySQL di PHP
Mari kita pahami beberapa fungsi kunci MySQL yang digunakan dalam PHP
- _3 - menentukan informasi localhost
- _4 - terhubung ke MySQL dengan meneruskan parameter dari fungsi 3
- _6 - menunjukkan kesalahan dalam terjadinya kegagalan database dan 7 mati
Cuplikan Kode ( 2)
_
Keluaran
You have successfully connected to the MySQL database. _
Sekarang kita terhubung ke server MySQL, mari kita mengambil data dalam skrip PHP
Tampilkan Data dalam Tabel HTML Menggunakan PHP
Kami akan menyertakan _2 menggunakan fungsi You have successfully connected to the MySQL database. 0. Kemudian loop You have successfully connected to the MySQL database. _1 akan secara dinamis membuat data dari properti You have successfully connected to the MySQL database. 2
HTML (You have successfully connected to the MySQL database. _3)
Fetch data from the database in show it into a HTML table dynamically
Penataan You have successfully connected to the MySQL database. _4 dan You have successfully connected to the MySQL database. 5 hanya untuk masalah front-end yang telah kami masukkan ke dalam file You have successfully connected to the MySQL database. 6 kami
Skrip PHP (You have successfully connected to the MySQL database. _3)
Products Table
Product ID Product Manufacturer Product Type Product Series MPN Product Function "; while ($fetch = mysqli_fetch_array($response)) { echo ""; echo "" . $fetch['id'] . ""; echo "" . $fetch['Manufacturer'] . ""; echo "" . $fetch['Module'] . ""; echo "" . $fetch['Series'] . ""; echo "" . $fetch['MPN'] . ""; echo "" . $fetch['Function'] . ""; echo ""; } echo ""; mysqli_close($connect); } ?>Fungsi You have successfully connected to the MySQL database. 8 dipicu setelah pengiriman formulir. Kemudian kami menggunakan You have successfully connected to the MySQL database. _9 untuk memilih semua rekaman dari tabel Fetch data from the database in show it into a HTML table dynamically 0
Kami menyimpannya di variabel Fetch data from the database in show it into a HTML table dynamically 1. Setelah itu, kami menggunakan You have successfully connected to the MySQL database. _1 loop untuk menghasilkan tabel sampai You have successfully connected to the MySQL database. 2 telah selesai mengambil catatan dalam bentuk indeks array
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
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