Cách chèn dữ liệu vào bảng trong html

Chèn dữ liệu vào cơ sở dữ liệu được thực hiện bằng truy vấn chèn. Trong loại dự án này, bạn phải thực hiện hai truy vấn. Đầu tiên để chèn [truy vấn chèn được sử dụng để chèn dữ liệu vào bảng cơ sở dữ liệu] và thứ hai để hiển thị [truy vấn chọn được sử dụng để tìm nạp [hiển thị] dữ liệu từ cơ sở dữ liệu] dữ liệu vào bảng từ bảng cơ sở dữ liệu MYSQL bằng PHP. Trong loại dự án, chúng tôi đã sử dụng bảng HTML và tập lệnh PHP. Khi người dùng điền vào biểu mẫu và nhấp vào nút gửi, các giá trị sẽ được lưu [chèn] vào cơ sở dữ liệu và sau đó dữ liệu sẽ hiển thị trong bảng HTML

Truy vấn chèn MYSQL

Như chúng ta đã thảo luận ở trên, chúng ta phải thực hiện SQL Insert Query để đưa thông tin vào bảng của cơ sở dữ liệu MySQL. Trong hướng dẫn trước, chúng tôi đã tạo biểu mẫu đăng ký bằng PHP và MYSQL. Để tạo biểu mẫu đăng ký, hãy lưu ý truy vấn INSERT. Để chèn dữ liệu vào bảng cơ sở dữ liệu, bạn nên hiểu câu truy vấn SQL sau

CHÈN VÀO `bản ghi`[`tên_cột-1`, `tên_cột-2, `tên_cột-3`, `tên_cột-4`, `tên_cột-5`] VALUES [[giá trị-1],[giá trị-2],[

Tạo bảng cơ sở dữ liệu bằng truy vấn

Bất cứ khi nào chèn dữ liệu qua PHP, trước tiên chúng ta tạo một bảng cơ sở dữ liệu MySQL. Dữ liệu biểu mẫu HTML trở thành để điền vào bảng cơ sở dữ liệu. Bạn có thể tạo bảng trong MYSQL bằng bảng điều khiển PHPMyAdmin đơn giản hoặc bạn có thể tạo bảng cơ sở dữ liệu bằng truy vấn SQL. Trước khi tạo bảng cơ sở dữ liệu, các trường được quyết định và sau khi các cột được tạo trong bảng cho tất cả các trường. Hãy tạo một bảng cơ sở dữ liệu MYSQL


CREATE TABLE  `crud2` [
 `id` INT[ 49 ] NOT NULL ,
 `pname` VARCHAR[ 40 ] NOT NULL ,
 `pcode` VARCHAR[ 30 ] NOT NULL ,
 `pprice` VARCHAR[ 40 ] NOT NULL
];

Trong truy vấn trên -

Tên bảng = "crud2"

Các trường trong bảng - pname[biểu thị cho Tên sản phẩm],pcode[Mã sản phẩm],pprice[Giá sản phẩm ]

Tạo biểu mẫu HTML cho dữ liệu INSERT

Biểu mẫu HTML phải được tạo để chèn dữ liệu vào bảng cơ sở dữ liệu. Tạo một biểu mẫu HTML là một nhiệm vụ rất đơn giản. Khi người dùng điền dữ liệu vào biểu mẫu rồi nhấp vào nút Chèn, dữ liệu biểu mẫu sẽ được chèn vào bảng cơ sở dữ liệu MYSQL. Trong biểu mẫu HTML, chúng tôi tạo các hộp nhập liệu cho tất cả các trường và cũng tạo một nút để gửi

Biểu mẫu HTML [Chèn biểu mẫu]




 

  
Product Name


 
Product Code


 
Product Price 



			
        
    


Thiết kế biểu mẫu INSERT bằng CSS

Với sự trợ giúp của biểu định kiểu CSS, chúng ta có thể thiết kế biểu mẫu INSERT. Hãy thiết kế biểu mẫu HTML

Sau đó, đầu ra xuất hiện.

Tạo tệp cấu hình kết nối

Tệp cấu hình xử lý kết nối giữa biểu mẫu PHP và cơ sở dữ liệu MYSQL

Bây giờ, hãy tạo một tệp và lưu với tên và phần mở rộng "config. php"


Trong tệp cấu hình ở trên, chúng tôi đã sử dụng chức năng mysqli_connect[] cho một kết nối mới. Chúng tôi đã chuyển thông tin này dưới dạng tham số và lưu trữ nó trong một biến $mysqli. Bạn có thể thay đổi máy chủ cơ sở dữ liệu, tên cơ sở dữ liệu, tên người dùng cơ sở dữ liệu và Mật khẩu cơ sở dữ liệu theo nhu cầu của bạn

Tạo tập lệnh PHP để INSERT dữ liệu vào bảng cơ sở dữ liệu MYSQL

Bây giờ chúng ta sẽ tạo một mã PHP để chèn dữ liệu vào bảng cơ sở dữ liệu MYSQL. Trong tập lệnh này, chúng tôi sẽ sử dụng truy vấn chèn để thêm dữ liệu biểu mẫu vào bảng cơ sở dữ liệu

1. Trước hết, chúng tôi bao gồm cấu hình. php bằng cách sử dụng hàm PHP include[]. Bạn có thể PHP hàm PHP request[] để bao gồm tệp kết nối

2. Tạo điều kiện if để ra quyết định. Nếu các giá trị đầu vào được đặt thì hãy chèn các giá trị vào bảng cơ sở dữ liệu. Nếu có lỗi thì hiển thị thông báo lỗi và không thực hiện chèn mã

3. Bây giờ chúng tôi sẽ thực hiện một xác nhận nhỏ. Nếu người dùng không nhập giá trị vào hộp nhập liệu thì.
hiển thị câu lệnh [Vui lòng nhập tên sản phẩm hoặc mã sản phẩm hoặc Giá sản phẩm].

4. Sau đó, chúng ta sẽ sử dụng Insert query để chèn dữ liệu vào cơ sở dữ liệu

Mã PHP Script [Chèn]

";
}
if[empty[$pcode]] {
echo "Product Code field is empty.
"; } if[empty[$pprice]] { echo "Product Price field is empty.
"; } //link to the previous page echo "
Go Back"; } else { // if all the fields are filled [not empty] //insert data to database $result = mysqli_query[$cser, "INSERT INTO crud2[pname,pcode,pprice] VALUES['$pname','$pcode','$pprice']"]; //display success message echo "Data added successfully."; } } ?>

Truy vấn CHỌN MYSQL

Bạn đã chèn dữ liệu vào bảng cơ sở dữ liệu MYSQL. Bây giờ bạn phải hiển thị dữ liệu. Truy vấn SELECT được sử dụng để hiển thị dữ liệu từ cơ sở dữ liệu. Bạn có thể chọn dữ liệu theo cột. Lấy dữ liệu từ cơ sở dữ liệu và hiển thị trong bảng HTML. Hãy xem truy vấn chọn MYSQL

 
SELECT* FROM `table_name` ORDER by id DESC;
			

Hiển thị dữ liệu trong bảng HTML bằng PHP

Bây giờ, chúng tôi tìm nạp dữ liệu từ cơ sở dữ liệu MYSQL bằng tập lệnh PHP. Như chúng ta đã thảo luận ở trên, truy vấn SELECT được sử dụng để lấy dữ liệu từ bảng cơ sở dữ liệu và hiển thị trong bảng HTML. 1. Bao gồm cấu hình. tập tin php. 2. Áp dụng SELECT Query trên cơ sở dữ liệu MYSQL. 3. Chọn cột để hiển thị dữ liệu vào bảng HTML. 4. Sử dụng vòng lặp while để lấy dữ liệu từ bảng cơ sở dữ liệu qua từng vòng lặp một. 5. Sử dụng chức năng tích hợp echo[] để hiển thị dữ liệu vào bảng

Tôi có thể chèn bảng vào bảng trong HTML không?

Ví dụ 1. Dưới đây là một ví dụ về việc tạo một bảng lồng nhau. Bảng bên trong được thêm vào cột thứ hai của hàng đầu tiên của bảng đầu tiên i. e. bên trong các thẻ của bảng bên ngoài .

Làm cách nào để thêm dữ liệu vào bảng HTML bằng JavaScript?

Dưới đây là các bước để thêm hàng vào bảng bằng cách tạo phần tử. .
Lấy phần tử thân bảng mà bạn muốn thêm một hàng vào đó
Tạo phần tử hàng
Tạo ô Chèn dữ liệu vào ô
Nối các ô vào hàng
Nối hàng vào thân bảng

Chủ Đề