Hướng dẫn how to connect mysql database to html web page using javascript - cách kết nối cơ sở dữ liệu mysql với trang web html bằng javascript

Cập nhật lần cuối: 15 tháng 6 năm 2022

Trong - html mysql javascript

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp về cách kết nối biểu mẫu HTML với cơ sở dữ liệu MySQL bằng JavaScript, phương thức này được sử dụng để thu thập thông tin người dùng và được lưu trữ vào cơ sở dữ liệu.

Khi lưu trữ bất kỳ thông tin nào cho cơ sở dữ liệu, chúng tôi có thể truy xuất, cập nhật, xóa hoặc chèn bất cứ thứ gì bất cứ lúc nào.

Nhiều số lượng hồ sơ chúng tôi có thể duy trì trong cơ sở dữ liệu.

Hướng dẫn từng bước về cách kết nối biểu mẫu HTML với cơ sở dữ liệu MySQL bằng JavaScript:-

Đầu tiên chúng ta phải tạo biểu mẫu HTML và thông tin chúng ta muốn thu thập các yếu tố đó là cần phải khai báo trong TAG. Khi biểu mẫu được gửi bởi thuộc tính hành động của người dùng sẽ tải tệp PHP.

PHP là ngôn ngữ phía máy chủ ở đây, chúng tôi đã sử dụng để lưu trữ dữ liệu người dùng vào cơ sở dữ liệu. Để đạt được kết nối cơ sở dữ liệu, chúng tôi cần thu thập tên máy chủ, tên máy chủ, mật khẩu, tên cơ sở dữ liệu giống như các thông tin đó.

Tất cả các giá trị phần tử biểu mẫu được lưu trữ thành biến riêng biệt theo phương thức POST.

Sau đó chèn truy vấn được sử dụng để chèn đầu vào người dùng vào cột tương ứng của bảng trong cơ sở dữ liệu.

Khi dữ liệu thành công, thông báo cảnh báo được chèn sẽ hiển thị trên trang web.

    
    
    



PHP

1. Tag được hướng dẫn trình duyệt web về phiên bản tệp HTML được viết và nó không có thẻ kết thúc nào.
2. Thẻ được sử dụng để chỉ ra sự khởi đầu của tài liệu HTML.
3. Như đã hiển thị thẻ được hiển thị có chứa thông tin về trang web và một số trang web khi cần sử dụng các tệp bên ngoài, các liên kết này được khai báo ở đây. Tag được sử dụng để đặt tiêu đề trang web.
4. Cả hai và thẻ đều có thẻ kết thúc cặp của họ, vì vậy chúng tôi cần đóng các thẻ kết thúc tương ứng. Nếu bạn không đóng bất kỳ ai của thẻ kết thúc đúng cách cũng ảnh hưởng đến kết quả trang web.
5. TAG là bắt đầu của phần mã hóa chính vì nó chứa mã hóa toàn bộ các khối trang web và các yếu tố được mô tả ở đây.
6. Trong TAG, chúng tôi đã sử dụng hai thuộc tính hành động và phương thức, thuộc tính hành động Chỉ định nơi gửi dữ liệu biểu mẫu khi biểu mẫu được gửi và phương thức có hai giá trị nhận được, đăng chúng tôi đang sử dụng phương thức POST.
7. TAG Chỉ định một trường đầu vào nơi người dùng có thể nhập dữ liệu. TAG có thể hiển thị theo nhiều cách phụ thuộc vào loại thuộc tính.
8. Chúng tôi đang sử dụng theo ba cách để lấy tên người dùng, mật khẩu làm văn bản và gửi. Trong thuộc tính tên thẻ được sử dụng để truy cập trong tệp PHP, thuộc tính giữ chỗ được sử dụng cho người dùng có thể xác định loại đầu vào cần nhập.
9. Khi người dùng điền vào trường đầu vào và nhấp vào Gửi Thuộc tính hành động biểu mẫu tải tệp dbcon.php. DBCon.php là một tệp riêng biệt chứa kết nối cơ sở dữ liệu, thông tin thực thi truy vấn.
10. Trước khi viết tệp PHP, chúng tôi cần tạo cơ sở dữ liệu với tên ‘user_records trên máy chủ MySQL sau đó tạo một bảng với hai cột là tên người dùng, mật khẩu. Tên bảng là ‘người dùng.
11. Trong tệp PHP $ ký hiệu được sử dụng để khai báo một biến trước tên biến và cú pháp là $ biến_name. $ servername, $ username, $ password, $ cơ sở dữ liệu là các biến để lưu trữ các giá trị tương ứng.
12. Hàm mysqli_connect () được sử dụng để tạo kết nối mới và được lưu trữ thành biến $ Conn. Nếu (! $ Conn) Kiểm tra điều kiện Kết nối không chính xác có nghĩa là nó sẽ hiển thị thông báo lỗi trên trang web bằng cách sử dụng phương thức Die ().
13. Trong $ _POST là một biến toàn cầu trong PHP được sử dụng để thu thập dữ liệu biểu mẫu. ISSET () để kiểm tra xem một biến có được đặt hay không.
14. Nếu (ISSET ($ _ POST ['Gửi'])) Điều kiện là kiểm tra xem giá trị gửi có được đặt hay không. Nếu điều kiện ISSET () là có có nghĩa là các giá trị đầu vào của người dùng được lưu trữ cho các biến tương ứng.
15. Khi lưu trữ đầu vào của người dùng vào cơ sở dữ liệu, chúng tôi cần thực thi truy vấn chèn. Chèn cú pháp truy vấn được chèn vào bảng_name (‘value1, giá trị2, ..).
16. Sau đó, $ uname, $ giá trị mật khẩu chèn vào bảng người dùng và kết quả truy vấn sẽ được lưu trữ vào biến $ sql.
17. hàm mysqli_query () thực hiện truy vấn đối với cơ sở dữ liệu. Nếu (mysqli_query ($ Conn, $ sql)) kiểm tra xem truy vấn chèn được thực thi trên cơ sở dữ liệu hay không.
18. Nếu truy vấn được thực hiện thành công, các bản ghi được lưu trữ vào cơ sở dữ liệu và hiển thị thông báo thành công trên trang web. Nếu không, nó hiển thị lỗi trên trang web.
19. Hàm mysqli_close () được sử dụng để đóng kết nối cơ sở dữ liệu cuối cùng.
20. Khi thực hiện tệp HTML trước khi chúng ta cần chạy máy chủ MySQL như XAMPP, WAMP, .. sau đó chỉ chúng ta mới có thể nhận được kết quả.
21. Cả hai, các thẻ đóng tương ứng. TAG chỉ ra phần cuối của cơ thể, sau đó thẻ cho biết đầu cuối của tài liệu HTML.

Sự kết luận :-

Tôi hy vọng hướng dẫn này về cách kết nối biểu mẫu HTML với cơ sở dữ liệu MySQL bằng JavaScript giúp bạn và các bước và phương thức được đề cập ở trên rất dễ thực hiện và thực hiện.

Chủ đề này giúp bạn hiểu khái niệm về mẫu HTML, cơ sở dữ liệu và PHP.

Sử dụng biểu mẫu HTML, PHP và cơ sở dữ liệu, chúng tôi có thể thu thập và duy trì nhiều loại thông tin hơn như sinh viên Thông tin cá nhân, sinh viên đánh dấu chi tiết, chi tiết nhân viên văn phòng, chi tiết lương và thông tin an toàn, v.v.,

Tóm lại, bây giờ chúng tôi có thể kết nối biểu mẫu HTML với cơ sở dữ liệu MySQL bằng PHP.

Tôi có thể kết nối mysql với javascript không?

Làm thế nào kết nối MySQL với HTML?

Làm thế nào để bạn chèn dữ liệu vào cơ sở dữ liệu bằng JavaScript với HTML?

Làm cách nào để kết nối MySQL với trang web của tôi?