Hướng dẫn display sql data in html table - hiển thị dữ liệu sql trong bảng html
|
Đây là một chức năng đơn giản tôi đã viết để hiển thị dữ liệu bảng mà không cần phải nhập từng tên cột: (Ngoài ra, hãy lưu ý: Vòng lặp lồng nhau) Show
Chức năng cập nhật bên dướiChào Jack, Thiết kế chức năng của bạn là tốt, nhưng chức năng này luôn bỏ lỡ bộ dữ liệu đầu tiên trong mảng. Tôi đã thử nghiệm điều đó. Chức năng của bạn rất tốt, nhiều người sẽ sử dụng nó, nhưng họ sẽ luôn bỏ lỡ bộ dữ liệu đầu tiên. Đó là lý do tại sao tôi đã viết sửa đổi này. Bộ dữ liệu bị thiếu kết quả từ điều kiện nếu phím === 0. Nếu phím = 0 chỉ được viết, nhưng không phải là dữ liệu chứa $ khóa 0 quá. Vì vậy, luôn luôn thiếu bộ dữ liệu đầu tiên của mảng. Bạn có thể tránh điều đó bằng cách di chuyển điều kiện IF trên vòng lặp foreach thứ hai như thế này: Trân trọng và cảm ơn - Axel Arnold Bangert - Herzogenrath 2016 và một bản cập nhật khác sẽ loại bỏ các khối mã dự phòng làm tổn thương khả năng duy trì của mã. } Trong bài viết này, chúng ta sẽ xem cách chúng ta có thể hiển thị các bản ghi trong bảng HTML bằng cách tìm nạp chúng từ cơ sở dữ liệu MySQL bằng Php. & NBSP; Cách tiếp cận: Đảm bảo bạn đã cài đặt XAMPP hoặc WAMP Server trên máy của bạn. Trong bài viết này, chúng tôi sẽ sử dụng máy chủ WAMP. Make sure you have XAMPP or WAMP server installed on your machine. In this article, we will be using the WAMP server. WAMP Server là phần mềm nguồn mở cho hệ điều hành Microsoft Windows, được phát triển bởi Romain Bourdon. Nó bao gồm một máy chủ web Apache, OpenSSL cho hỗ trợ SSL, cơ sở dữ liệu MySQL và ngôn ngữ lập trình PHP. Ở đây, trước khi đi qua chương trình, chúng tôi cần tạo cơ sở dữ liệu MySQL trong máy chủ Localhost của chúng tôi. Sau đó, chúng tôi được cho là tạo một bảng HTML được liên kết với mã PHP. PHP được sử dụng để kết nối với máy chủ localhost và tìm nạp dữ liệu từ bảng cơ sở dữ liệu có trong máy chủ localhost của chúng tôi bằng cách đánh giá các truy vấn MySQL. WAMP Server giúp khởi động Apache và MySQL và kết nối chúng với tệp PHP. & NBSP; Thực hiện theo các bước được đưa ra dưới đây: 1. Tạo cơ sở dữ liệu: Đầu tiên, chúng tôi sẽ tạo một cơ sở dữ liệu có tên ‘GeekSforGeeks. Bạn có thể sử dụng cơ sở dữ liệu hiện tại của mình hoặc tạo một cơ sở mới. First, we will create a database named ‘geeksforgeeks’. You can use your existing database or create a new one. Tạo cơ sở dữ liệu Geekforgeeks 2. Tạo bảng: Tạo một bảng có tên ‘UserData. Bảng chứa bốn trường: Create a table named ‘userdata’. The table contains four fields:
Cấu trúc bảng của bạn sẽ trông như thế này: Cấu trúc bảng của người dùng trên mạng Hoặc bạn có thể tạo một bảng bằng cách sao chép và dán mã sau vào bảng SQL của phpmyadmin của bạn. you can create a table by copying and pasting the following code into the SQL panel of your PHPMyAdmin. 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; Để làm điều này từ bảng điều khiển SQL, hãy tham khảo ảnh chụp màn hình sau: Tạo một bảng ‘userData từ trên bảng điều khiển SQL Chèn hồ sơ: Bây giờ chúng tôi sẽ chèn một số bản ghi vào bảng của chúng tôi. Ở đây chúng tôi đang chèn 5 hồ sơ. Bạn có thể thêm nhiều bản ghi.We will now insert some records into our table. Here we are inserting 5 records. You can add multiple records. Hoặc sao chép và dán mã sau vào bảng SQL để chèn các bản ghi vào bảng. copy and paste the following code into the SQL panel to insert records in the table. 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');Để làm điều này từ bảng điều khiển SQL, hãy tham khảo ảnh chụp màn hình sau:  Tạo một bảng ‘userData từ trên bảng điều khiển SQL Chèn hồ sơ: Bây giờ chúng tôi sẽ chèn một số bản ghi vào bảng của chúng tôi. Ở đây chúng tôi đang chèn 5 hồ sơ. Bạn có thể thêm nhiều bản ghi. Hoặc sao chép và dán mã sau vào bảng SQL để chèn các bản ghi vào bảng.GeeksForGeeks“. Create an index.php file. Keep your main project folder (for example here.. GeeksForGeeks) in the “C://wamp64/www/”, if you are using WAMP or “C://xampp/htdocs/” folder if you are using the XAMPP server respectively. The folder structure should look like this: Chèn hồ sơ Tạo thư mục và tệp:geeksforgeeks, and a table named userdata. Now, here is the PHP code to fetch data from the database and display it in an HTML table. Example: Bây giờ chúng tôi sẽ tạo thư mục dự án của chúng tôi có tên là Geekforgeeks. Tạo một tệp index.php. Giữ thư mục dự án chính của bạn (ví dụ: ở đây .. tương ứng. Cấu trúc thư mục sẽ trông như thế này:Cấu trúc thư mục Bây giờ, chúng tôi có một cơ sở dữ liệu có tên GeekSforGeeks và một bảng có tên UserData. Bây giờ, đây là mã PHP để tìm nạp dữ liệu từ cơ sở dữ liệu và hiển thị nó trong bảng HTML. & NBSP; PHP
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;1 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;5 = = = $userCREATE 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;0 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');0
1 |
