Làm cách nào chúng ta có thể lấy dữ liệu từ cơ sở dữ liệu và hiển thị dưới dạng HTML?

Rất thường xuyên, bạn sẽ cần sử dụng bảng MySQL để lưu trữ dữ liệu bên trong bảng và sau đó xuất dữ liệu đó bằng cách sử dụng tập lệnh PHP. Để hiển thị dữ liệu bảng, tốt nhất là sử dụng HTML, khi điền vào một số dữ liệu trên trang sẽ gọi một tập lệnh PHP sẽ cập nhật bảng MySQL

Để điền vào một bảng cơ sở dữ liệu mới với dữ liệu, trước tiên bạn sẽ cần một trang HTML sẽ thu thập dữ liệu đó từ người dùng. Mã HTML sau đây và chuyển thông tin tới tập lệnh PHP

    Value1: 

    Value2: 

    Value3: 

    Value4: 

    Value5: 

    

Đoạn mã HTML trên sẽ hiển thị cho người dùng 5 trường văn bản, trong đó người dùng có thể nhập dữ liệu và nút Gửi. Khi nhấp vào nút Gửi, dữ liệu do người dùng gửi sẽ được chuyển đến tập lệnh có tên là chèn. php

Tập lệnh đó có thể có cú pháp tương tự như sau

real_escape_string($_POST['field1']);
$field2 = $mysqli->real_escape_string($_POST['field2']);
$field3 = $mysqli->real_escape_string($_POST['field3']);
$field4 = $mysqli->real_escape_string($_POST['field4']);
$field5 = $mysqli->real_escape_string($_POST['field5']);

$query = "INSERT INTO table_name (col1, col2, col3, col4, col5)
            VALUES ('{$field1}','{$field2}','{$field3}','{$field4}','{$field5}')";

$mysqli->query($query);
$mysqli->close();

Sau khi người dùng gửi thông tin, phần chèn. tập lệnh php sẽ lưu nó trong bảng cơ sở dữ liệu. Sau đó, bạn có thể muốn xuất thông tin đó để người dùng có thể nhìn thấy nó trên trang. Lệnh đầu tiên bạn sẽ cần sử dụng là câu lệnh CHỌN TỪ MySQL có cú pháp sau

SELECT * FROM table_name;

Đây là một truy vấn MySQL cơ bản sẽ yêu cầu tập lệnh chọn tất cả các bản ghi từ bảng tên_bảng. Sau khi truy vấn được thực hiện, thông thường bạn sẽ muốn kết quả từ nó được lưu trữ bên trong một biến. Điều này có thể được thực hiện với mã PHP sau

query("SELECT * FROM table_name");

Toàn bộ nội dung của bảng hiện được bao gồm trong một mảng PHP có tên $result. Trước khi bạn có thể xuất dữ liệu này, bạn nên thay đổi từng phần thành một biến riêng biệt. Có hai giai đoạn

Bây giờ, chúng ta phải thiết lập vòng lặp. Nó sẽ lấy từng hàng của kết quả và in dữ liệu được lưu trữ ở đó. Bằng cách này, chúng tôi sẽ hiển thị tất cả các bản ghi trong bảng

$query = "SELECT * FROM table_name";

if ($result = $mysqli->query($query)) {

    /* fetch associative array */
    while ($row = $result->fetch_assoc()) {
        $field1name = $row["col1"];
        $field2name = $row["col2"];
        $field3name = $row["col3"];
        $field4name = $row["col4"];
        $field5name = $row["col5"];
    }

    /* free result set */
    $result->free();
}

Bây giờ bạn có thể viết một tập lệnh đầy đủ để xuất dữ liệu. Trong tập lệnh này, dữ liệu không được định dạng khi được in

 Database Output  
 
";

if ($result = $mysqli->query($query)) {

    while ($row = $result->fetch_assoc()) {
        $field1name = $row["col1"];
        $field2name = $row["col2"];
        $field3name = $row["col3"];
        $field4name = $row["col4"];
        $field5name = $row["col5"];

        echo ''.$field1name.$field2name.'
';
        echo $field5name.'
';
        echo $field5name.'
';
        echo $field5name;
    }

/*freeresultset*/
$result->free();
}

Điều này xuất ra một danh sách tất cả các giá trị được lưu trữ trong cơ sở dữ liệu. Điều này sẽ cung cấp cho bạn một đầu ra rất cơ bản không hữu ích cho một trang web trực tiếp. Thay vào đó, sẽ tốt hơn nếu bạn có thể định dạng nó thành một bảng và hiển thị thông tin trong đó. Để áp dụng định dạng, bạn cần sử dụng HTML để in kết quả bằng cách đưa các biến vào đúng khoảng trắng. Cách dễ nhất để làm điều này là đóng thẻ PHP và nhập HTML bình thường. Khi bạn đạt đến một vị trí thay đổi, hãy bao gồm nó như sau

ở đúng vị trí trong mã của bạn

Bạn cũng có thể sử dụng vòng lặp PHP để lặp lại mã thích hợp và đưa mã đó vào một phần của bảng lớn hơn. đầu ra cuối cùng là

 
       
           Value1  
           Value2  
           Value3  
           Value4  
           Value5  
      ';

if ($result = $mysqli->query($query)) {
    while ($row = $result->fetch_assoc()) {
        $field1name = $row["col1"];
        $field2name = $row["col2"];
        $field3name = $row["col3"];
        $field4name = $row["col4"];
        $field5name = $row["col5"]; 

        echo ' 
                  '.$field1name.' 
                  '.$field2name.' 
                  '.$field3name.' 
                  '.$field4name.' 
                  '.$field5name.' 
              ';
    }
    $result->free();
} 
?>

Mã này sẽ in ra nội dung bảng và thêm một hàng cho mỗi bản ghi trong cơ sở dữ liệu, định dạng dữ liệu khi nó được in

Làm cách nào để hiển thị dữ liệu từ cơ sở dữ liệu ở dạng HTML?

Làm cách nào để lấy dữ liệu từ cơ sở dữ liệu và hiển thị trong trang web?

Làm cách nào để lấy dữ liệu từ biểu mẫu HTML?

Làm cách nào để tìm nạp dữ liệu từ cơ sở dữ liệu trong JavaScript và hiển thị trong HTML?