Pada artikel ini, kita akan melihat bagaimana kita dapat menampilkan record dalam tabel HTML dengan mengambilnya dari database MySQL menggunakan PHP. Show Mendekati. Pastikan Anda telah menginstal server XAMPP atau WAMP di mesin Anda. Pada artikel ini, kita akan menggunakan server WAMP WAMP Server adalah perangkat lunak sumber terbuka untuk sistem operasi Microsoft Windows, yang dikembangkan oleh Romain Bourdon. Ini terdiri dari server web Apache, OpenSSL untuk dukungan SSL, database MySQL dan bahasa pemrograman PHP. Di sini, sebelum melalui program, kita perlu membuat database MySQL di server localhost kita. Kemudian, kita harus membuat tabel HTML yang ditautkan dengan kode PHP. PHP digunakan untuk terhubung dengan server localhost dan untuk mengambil data dari tabel database yang ada di server localhost kami dengan mengevaluasi kueri MySQL. Server WAMP membantu memulai Apache dan MySQL dan menghubungkannya dengan file PHP. Ikuti langkah-langkah yang diberikan di bawah ini 1. Membuat Basis Data. Pertama, kita akan membuat database bernama 'geeksforgeeks'. Anda dapat menggunakan database yang ada atau membuat yang baru buat database "geeksforgeeks" 2. Buat tabel. Buat tabel bernama 'userdata'. Tabel berisi empat bidang
Struktur tabel Anda akan terlihat seperti ini struktur tabel "userdata" Atau Anda dapat membuat tabel dengan menyalin dan menempelkan kode berikut ke panel SQL PHPMyAdmin Anda CREATE TABLE IF NOT EXISTS `userdata` ( `username` varchar(100) NOT NULL, `problems` int(11) NOT NULL, `score` int(11) NOT NULL, `articles` int(11) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=latin1; Untuk melakukan ini dari panel SQL, lihat tangkapan layar berikut buat tabel 'userdata" dari panel SQL Sisipkan rekaman. Kami sekarang akan memasukkan beberapa catatan ke dalam tabel kami. Di sini kami memasukkan 5 catatan. Anda dapat menambahkan beberapa catatan Atau salin dan tempel kode berikut ke panel SQL untuk menyisipkan rekaman ke dalam tabel INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_ Untuk melakukan ini dari panel SQL, lihat tangkapan layar berikut memasukkan catatan Membuat folder dan file Kami sekarang akan membuat folder proyek kami bernama "GeeksForGeeks". Buat indeks. file php. Simpan folder proyek utama Anda (misalnya di sini. GeeksForGeeks) di “C. //wamp64/www/”, jika Anda menggunakan WAMP atau “C. //xampp/htdocs/” jika Anda menggunakan server XAMPP masing-masing. Struktur folder akan terlihat seperti ini struktur folder Sekarang, kami memiliki database bernama geeksforgeeks, dan tabel bernama userdata. Sekarang, inilah kode PHP untuk mengambil data dari database dan menampilkannya dalam tabel HTML. Contoh. php
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');1 ;
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_3 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');4 = INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');6 ;
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_8 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_9
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');4 <?php 6
________68______2 ________68______2
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');01
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');03 ________72______8 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');05 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');06 <!-- PHP code to establish connection with the localserver --> 9INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');08 <!-- PHP code to establish connection with the localserver --> 9________72______8 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');11________66______9 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');13________66______9 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');15 ;
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');20
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');22
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');28
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');20
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');32
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');36
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');20
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');44
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');48 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_49
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_50
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');52
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');54
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');56
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');58
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');60
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');62
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');64
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');66
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');68
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');70
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');72
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');76
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');78________67______9 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');80 = = 1INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');83
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');85
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');60
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');91 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');_92 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');93 ________67______2 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');95 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');96 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');80 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');98 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');99 <!-- PHP code to establish connection with the localserver --> 00
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');95 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');96 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');80 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');98 <!-- PHP code to establish connection with the localserver --> 06<!-- PHP code to establish connection with the localserver --> 00
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');95 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');96 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');80 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');98 <!-- PHP code to establish connection with the localserver --> 13<!-- PHP code to establish connection with the localserver --> 00________67______2 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');95 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');96 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');80 INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');98 <!-- PHP code to establish connection with the localserver --> 20<!-- PHP code to establish connection with the localserver --> 00
INSERT INTO `userdata` (`username`, `problems`, `score`, `articles`) VALUES ('User-2', '100', '75', '30'), ('User-1', '150', '100', '30'), ('User-3', '200', '50', '10'), ('User-4', '50', '5', '2'), ('User-5', '0', '0', '1');70
Keluaran. Terakhir, Anda harus dapat menampilkan record dalam tabel HTML dengan mengambilnya dari database keluaran PHP adalah bahasa skrip sisi server yang dirancang khusus untuk pengembangan web. Anda dapat mempelajari PHP dari bawah ke atas dengan mengikuti Tutorial PHP dan Contoh PHP ini Bisakah kita menghubungkan HTML dengan database tanpa PHP?Maaf, Anda tidak dapat terhubung ke database tanpa pengaturan lingkungan backend . XAMPP adalah paket yang dikenal luas yang memberi Anda PHP, MySQL, dan Apache Web Server untuk memungkinkan Anda membuat halaman web menggunakan database relasional. Dengan 1 pemasangan, ini memberi Anda semua yang Anda butuhkan untuk situs web full-stack.
Bagaimana cara terhubung ke database SQL dari halaman HTML?Untuk ini, Anda perlu mengikuti langkah-langkah berikut. . Langkah 1. Saring persyaratan formulir HTML Anda untuk halaman web hubungi kami. . Langkah 2. Buat database dan tabel di MySQL. . Langkah 3. Buat formulir HTML untuk menghubungkan ke database. . Langkah 4. Buat halaman PHP untuk menyimpan data dari formulir HTML ke database MySQL Anda. . Langkah 5. Semua selesai Bisakah saya menggunakan MySQL tanpa PHP?Tidak, Anda tidak dapat berinteraksi dengan MySQL melalui JavaScript atau JQuery . Anda dapat menggunakan JavaScript dan JQuery melalui halaman PHP Anda jika itu adalah fungsi yang Anda minati. Anda juga bisa menggunakan bahasa lain yang kompatibel dengan MySQL. Kalau tidak, berinteraksi dengan MySQL langsung melalui JavaScript/JQuery tidak akan berfungsi.
Bisakah kita menghubungkan halaman HTML dengan database?Itu terjadi di server, tempat situs web dihosting. Jadi, untuk terhubung ke database dan melakukan berbagai tindakan terkait data, Anda harus menggunakan skrip sisi server, seperti php, jsp, asp. bersih dll . Untuk memasukkan data baru ke dalam database, Anda dapat menggunakan phpMyAdmin atau menulis kueri INSERT dan menjalankannya. |