Cách cập nhật dữ liệu từ cơ sở dữ liệu trong PHP bằng nút

Hướng dẫn này cho biết cách lưu dữ liệu biểu mẫu vào cơ sở dữ liệu MySQL bằng PHP. Một sự hiểu biết cơ bản của cả hai là cần thiết

Bắt đầu nào

  1. Tạo cơ sở dữ liệu và bảng của bạn.
    Các cột trong bảng của bạn sẽ phụ thuộc vào cấu trúc biểu mẫu của bạn. Xem hướng dẫn này để xem tên trường hoặc khóa đăng của biểu mẫu nếu bạn không chắc chắn nên thêm cột nào vào bảng cơ sở dữ liệu của mình.
  2. Đối với hướng dẫn này, hãy nhớ thêm cột “submission_id” vào bảng của bạn.
    Trong biểu mẫu liên hệ mẫu này, bảng có dạng như sau trong phpMyAdmin.

Ghi chú. Quá trình tạo hoặc chỉnh sửa cơ sở dữ liệu của bạn sẽ phụ thuộc vào thiết lập máy chủ hoặc máy chủ lưu trữ web của bạn. Liên hệ với bộ phận hỗ trợ của nhà cung cấp của bạn để được hỗ trợ

Tạo, chỉnh sửa, cập nhật và xóa nội dung trên trang web là những gì làm cho trang web năng động. Đó là những gì chúng ta sẽ làm trong bài viết này.  

Người dùng truy cập trang web của chúng tôi sẽ có thể tạo các bài đăng sẽ được lưu trong cơ sở dữ liệu mysql, truy xuất các bài đăng từ cơ sở dữ liệu và hiển thị chúng trên trang web. Mỗi bài đăng sẽ được hiển thị với một nút chỉnh sửa và xóa để cho phép người dùng cập nhật bài đăng cũng như xóa chúng

Đầu tiên, tạo một cơ sở dữ liệu có tên là crud. Trong cơ sở dữ liệu thô, hãy tạo một bảng có tên thông tin. Bảng thông tin nên có các cột sau

  • id - int[11]

  • tên - varchar[100]
  • địa chỉ - varchar[100]

yap. Chỉ hai lĩnh vực. Tôi đang cố giữ mọi thứ đơn giản ở đây. Vì vậy, hãy chuyển sang bước tiếp theo

 

Tạo một tệp có tên là chỉ mục. php và dán vào đó đoạn mã sau




	CRUD: CReate, Update, Delete PHP MySQL


	
		
Name
Address
Save

Nếu bạn lưu và mở trang web trên trình duyệt của mình, bạn sẽ nhận được kết quả như thế này

Doesn't look like the best form in the world right? Let's fix that. Add this line directly below the tag in the head section of your index.php file:

Đó là liên kết để tải kiểu từ tệp biểu định kiểu. Hãy tạo các phong cách. css và thêm mã kiểu dáng này vào đó

body {
    font-size: 19px;
}
table{
    width: 50%;
    margin: 30px auto;
    border-collapse: collapse;
    text-align: left;
}
tr {
    border-bottom: 1px solid #cbcbcb;
}
th, td{
    border: none;
    height: 30px;
    padding: 2px;
}
tr:hover {
    background: #F5F5F5;
}

form {
    width: 45%;
    margin: 50px auto;
    text-align: left;
    padding: 20px; 
    border: 1px solid #bbbbbb; 
    border-radius: 5px;
}

.input-group {
    margin: 10px 0px 10px 0px;
}
.input-group label {
    display: block;
    text-align: left;
    margin: 3px;
}
.input-group input {
    height: 30px;
    width: 93%;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid gray;
}
.btn {
    padding: 10px;
    font-size: 15px;
    color: white;
    background: #5F9EA0;
    border: none;
    border-radius: 5px;
}
.edit_btn {
    text-decoration: none;
    padding: 2px 5px;
    background: #2E8B57;
    color: white;
    border-radius: 3px;
}

.del_btn {
    text-decoration: none;
    padding: 2px 5px;
    color: white;
    border-radius: 3px;
    background: #800000;
}
.msg {
    margin: 30px auto; 
    padding: 10px; 
    border-radius: 5px; 
    color: #3c763d; 
    background: #dff0d8; 
    border: 1px solid #3c763d;
    width: 50%;
    text-align: center;
}

Bây giờ hãy kiểm tra lại biểu mẫu của chúng tôi trong trình duyệt

Cái đó tốt hơn.  

Tôi thường muốn tách mã HTML của mình khỏi mã PHP càng nhiều càng tốt. Tôi coi đó là thông lệ tốt. Trên lưu ý đó, hãy tạo một tệp khác có tên php_code. php nơi chúng tôi triển khai tất cả các chức năng của php như kết nối với cơ sở dữ liệu, truy vấn cơ sở dữ liệu và những thứ tương tự

Vì vậy, hãy mở php_code. php và dán đoạn mã sau vào đó

Tại thời điểm này, tất cả những gì mã này thực hiện là kết nối với cơ sở dữ liệu, khởi tạo một số biến và lưu dữ liệu đã gửi từ biểu mẫu vào cơ sở dữ liệu trong thông tin chúng tôi đã tạo trước đó. Đó chỉ là phần CREATE của CRUD. Hãy tiếp tục với những người khác

Now visit again your index.php file and add this code right under the tag:

// ...


	

Mã này hiển thị thông báo xác nhận để cho người dùng biết rằng một bản ghi mới đã được tạo trong cơ sở dữ liệu.  

Để truy xuất các bản ghi cơ sở dữ liệu và hiển thị chúng trên trang, hãy thêm mã này ngay phía trên biểu mẫu nhập liệu




			Name
			Address
			Action
		

Chủ Đề