Làm cách nào để kết nối HTML với cơ sở dữ liệu với MySQL bằng PHP? Chương trình ví dụ về kết nối DB trong mã xampp giúp trở thành nhà phát triển php tùy chỉnh của freelancer năm 2021.

Bạn đang xem: kết nối html với cơ sở dữ liệu

Cách kết nối HTML với cơ sở dữ liệu với MySQL bằng PHP? Ví dụ Làm cách nào để kết nối HTML với cơ sở dữ liệu với MySQL bằng PHP? Ví dụ – Bài viết này giúp trở thành nhà phát triển PHP tùy chỉnh . Bạn sẽ nhận được các bước hoàn chỉnh cho chương trình ví dụ kết nối cơ sở dữ liệu PHP. Bài viết này cung cấp cho bạn biểu mẫu HTML, mã DB + Bảng SQL, Boostrap 5 với CSS, Xác thực biểu mẫu và kết nối cơ sở dữ liệu + mã gửi. Trong bước kết luận, bạn sẽ có liên kết tải xuống GIT nên không cần sao chép-dán mã.

Trước hết, bạn phải cài đặt bất kỳ loại phần mềm XAMPP hoặc WAMP hoặc MAMP nào trên máy tính xách tay hoặc máy tính của bạn. Với phần mềm này, bạn sẽ nhận được một máy chủ web cục bộ, tức là Apache, ngôn ngữ PHP và cơ sở dữ liệu MySQL. Mã hoàn chỉnh có trên Github và liên kết tải xuống là mã cuối cùng của bài viết này.

Trong bài viết này, ví dụ về PHP, MySQL của tôi là với < strong> kết nối cơ sở dữ liệu trong mã xampp .

Sau khi cài đặt, bạn cần vào Xampp xem hình ảnh bên dưới:
Xampp Apache và MySQL trên

Sau khi cài đặt bất kỳ phần mềm máy tính xách tay hoặc máy tính để bàn nào, bạn cần kiểm tra máy chủ cục bộ của mình có hoạt động hay không. Mở trình duyệt của bạn và kiểm tra URL này http://127.0.0.1 hoặc http: // localhost /. Nếu điều này đang hoạt động, điều đó có nghĩa là bạn đã kích hoạt máy chủ web cục bộ với PHP / MySQL.

Ngoài ra, GUI PHPmyAdmin sắp ra mắt để xử lý các hoạt động của CRUD, tức là chèn (tạo), cập nhật, xóa và chọn (đọc ) bản ghi từ các bảng. Giao diện này dựa trên trình duyệt và rất hữu ích, dễ sử dụng để tạo và quản lý cơ sở dữ liệu phpmyadmin trong bảng (cột, hàng).

Nếu bạn có cài đặt trên, bạn có thể tiếp tục để bắt đầu viết mã của mình. < / p>

Nếu bạn không có máy chủ web dựa trên ngăn xếp LAMP thì bạn có thể thực hiện việc này trực tiếp trong không gian lưu trữ của mình.

Nếu bạn có thêm bất kỳ câu hỏi nào, bạn có thể nhận xét về bài đăng này. Chúng tôi sẽ trả lời truy vấn của bạn.

Giả sử bạn có một trang web để chèn dữ liệu trường biểu mẫu liên hệ trong DB của mình. Để làm được điều này, bạn cần làm theo các bước sau:

Giả sử bạn đã chọn trường biểu mẫu Tên (nhập văn bản), Email (nhập email), Điện thoại (nhập số) và tin nhắn (văn bản nhiều dòng). Nút gửi biểu mẫu cũng cần thiết để gửi biểu mẫu. Bạn sẽ nhận được biểu mẫu hoàn chỉnh bằng mã hóa HTML ở bước 3.

Bước 2: Tạo cơ sở dữ liệu và bảng trong MySQL

Mở trình duyệt web (chrome, firefox, edge, v.v.) và nhập http: // localhost / phpmyadmin / hoặc http://127.0.0.1/phpmyadmin/ để mở GUI để quản lý DB trên máy tính của bạn. Xem màn hình xampp bên dưới như thế nào.

Xem Thêm  Làm cách nào để Kiểm tra Nếu Hộp kiểm JavaScript được Kiểm tra? - nếu hộp kiểm đã chọn js

Nhấp vào liên kết cơ sở dữ liệu và tạo db của bạn bằng tên “db_contact”. Xem hình ảnh bên dưới:

Sau khi tạo DB, bạn cần tạo một bảng theo tên bất kỳ. Tôi chọn“ tbl_contact ”với số của trường 5. Chúng tôi chọn 4 trường ở trên cùng Tên, Email, Điện thoại và Tin nhắn. Cột đầu tiên chúng tôi sẽ giữ lại để duy trì số sê-ri và theo thuật ngữ kỹ thuật là khóa chính (số duy nhất của mỗi recor). Xem hình ảnh bên dưới

Khi bạn nhấp vào nút để bắt đầu, bạn sẽ thấy màn hình này. Bây giờ chúng ta cần cung cấp thông tin mọi trường.

Hãy xem hình ảnh dưới đây mà tôi đã thêm thông tin trường. Vì vậy, đối với trường Tên trường được sử dụng Tên – fldName, Email – fldEmail, Điện thoại – fldPhone, Tin nhắn – fldMessage.

Bây giờ, hãy nhấp vào nút lưu ở dưới cùng bên phải màn hình của bạn. Sau khi lưu bảng, bảng sẽ được tạo trong cơ sở dữ liệu của bạn.


Bạn có thể tạo DB và bảng của mình bằng cách sử dụng SQL bên dưới. Bạn phải sao chép mã sau và dán vào cơ sở dữ liệu phpmyadmin MySQL GUI của bạn hoặc bất kỳ GUI hoặc dấu nhắc lệnh nào khác. Ở cuối blog, bạn sẽ nhận được liên kết tải xuống git để tải xuống tệp SQL.

 

-
- Cơ sở dữ liệu: `mydb`
-

TẠO CƠ SỞ DỮ LIỆU NẾU KHÔNG TỒN TẠI `db_contact` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
SỬ DỤNG `db_contact`;

- ------------------------------------------------ --------

-
- Cấu trúc bảng cho bảng `tbl_contact`
-

DROP BẢNG NẾU TỒN TẠI `tbl_contact`;
TẠO BẢNG NẾU KHÔNG TỒN TẠI `tbl_contact` (
`id` int (11) KHÔNG ĐỦ,
`fldName` int (50) KHÔNG ĐỦ,
`fldEmail` int (150) KHÔNG ĐỦ,
`fldPhone` varchar (15) KHÔNG ĐỦ,
Văn bản `fldMessage` KHÔNG ĐẦY ĐỦ
) ENGINE = InnoDB DEFAULT CHARSET = latin1;

-
- Chỉ mục cho các bảng đã kết xuất
-

-
- Chỉ mục cho bảng `tbl_contact`
-
BẢNG ALTER `tbl_contact`
THÊM TỪ KHÓA CHÍNH (`id`);

-
- AUTO_INCREMENT cho các bảng đã kết xuất
-

-
- AUTO_INCREMENT cho bảng `tbl_contact`
-
BẢNG ALTER `tbl_contact`
MODIFY `id` int (11) NOT NULL AUTO_INCREMENT;
 

Bước 3: Tạo biểu mẫu HTML để kết nối với cơ sở dữ liệu

Bây giờ bạn phải tạo một biểu mẫu HTML. Đối với điều này, trước tiên bạn cần tạo một thư mục làm việc và sau đó tạo một trang web với tên “contact.html”. Nếu bạn cài đặt xampp, thư mục làm việc của bạn nằm trong thư mục này “E: \ xampp \ htdocs”. Bạn có thể tạo một thư mục mới “contact” trên thư mục làm việc localhost của bạn. Tạo tệp “contact.html” và dán mã sau.

  & lt;! DOCTYPE html & gt;
& lt; html xmlns = "http://www.w3.org/1999/xhtml" & gt;
& lt; đầu & gt;
& lt; meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" / & gt;
& lt; title & gt; Biểu mẫu Liên hệ - Mã Demo PHP / MySQL & lt; / title & gt;
& lt; / head & gt;

& lt; body & gt;
& lt; tập trường & gt;
& lt; legend & gt; Contact Form & lt; / legend & gt;
& lt; form name = "frmContact" method = "post" action = "contact.php" & gt;
& lt; p & gt;
& lt; label for = "Tên" & gt; Tên & lt; / label & gt;
& lt; input type = "text" name = "txtName" id = "txtName" & gt;
& lt; / p & gt;
& lt; p & gt;
& lt; label for = "email" & gt; Email & lt; / label & gt;
& lt; input type = "text" name = "txtEmail" id = "txtEmail" & gt;
& lt; / p & gt;
& lt; p & gt;
& lt; label for = "phone" & gt; Phone & lt; / label & gt;
& lt; input type = "text" name = "txtPhone" id = "txtPhone" & gt;
& lt; / p & gt;
& lt; p & gt;
& lt; label for = "message" & gt; Message & lt; / label & gt;
& lt; textarea name = "txtMessage" id = "txtMessage" & gt; & lt; / textarea & gt;
& lt; / p & gt;
& lt; p & gt; & amp; nbsp; & lt; / p & gt;
& lt; p & gt;
& lt; input type = "submit" name = "Gửi" id = "Gửi" value = "Gửi" & gt;
& lt; / p & gt;
& lt; / form & gt;
& lt; / fieldset & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Bây giờ biểu mẫu của bạn đã sẵn sàng. Bạn có thể kiểm tra nó trong liên kết localhost của mình http: //localhost/contact/contact.html
Trong bước tiếp theo, tôi sẽ bắt đầu tạo mã PHP / MySQL.

Xem Thêm  Render bằng GPU như thế nào? - chạy máy ảo

Bước 4: Tạo trang PHP để lưu dữ liệu từ biểu mẫu HTML vào cơ sở dữ liệu MySQL của bạn

Hành động biểu mẫu HTML liên hệ trên trang“ contact.php ”. Trên trang này, chúng tôi sẽ viết mã để chèn các bản ghi vào cơ sở dữ liệu.

Để lưu trữ dữ liệu trong MySQL dưới dạng bản ghi, trước tiên bạn phải kết nối với DB. Kết nối mã rất đơn giản. Mysql_connect trong PHP không được dùng cho phiên bản mới nhất, do đó tôi đã sử dụng nó ở đây mysqli_connect.

  $ con = mysqli_connect ("localhost", "your_localhost_database_user", "your_localhost_database_password" , "your_localhost_database_db");
 

Bạn cần đặt giá trị cho tên người dùng và mật khẩu máy chủ cục bộ của mình. Thông thường tên người dùng cơ sở dữ liệu localhost MySQL là root và mật khẩu trống hoặc root. Ví dụ: mã như dưới đây

  $ con = mysqli_connect ('localhost', 'root', '', 'db_contact');
“Db_contact” là tên cơ sở dữ liệu của chúng tôi mà chúng tôi đã tạo trước đây.
Sau khi kết nối cơ sở dữ liệu, bạn cần lấy biến bài đăng từ biểu mẫu. Xem đoạn mã dưới đây
$ txtName = $ _POST ['txtName'];
$ txtEmail = $ _POST ['txtEmail'];
$ txtPhone = $ _POST ['txtPhone'];
$ txtMessage = $ _POST ['txtMessage'];  

Khi bạn nhận được biến post thì bạn cần viết lệnh SQL sau.

  $ sql = "INSERT INTO` tbl_contact` (`Id`,` fldName`, `fldEmail`,` fldPhone`, `fldMessage`) VALUES ('0', '$ txtName', '$ txtEmail', '$ txtPhone', '$ txtMessage'); " 

Để kích hoạt truy vấn qua cơ sở dữ liệu, bạn cần viết dòng sau

  $ rs = mysqli_query ($ con, $ sql);
 

Đây là mã PHP để chèn dữ liệu vào cơ sở dữ liệu của bạn từ một biểu mẫu.

 & lt;? php
// mã kết nối cơ sở dữ liệu
// $ con = mysqli_connect ('localhost', 'database_user', 'database_password', 'database');

$ con = mysqli_connect ('localhost', 'root', '', 'db_contact');

// lấy bản ghi bài đăng
$ txtName = $ _POST ['txtName'];
$ txtEmail = $ _POST ['txtEmail'];
$ txtPhone = $ _POST ['txtPhone'];
$ txtMessage = $ _POST ['txtMessage'];

// cơ sở dữ liệu chèn mã SQL
$ sql = "INSERT INTO` tbl_contact` (`Id`,` fldName`, `fldEmail`,` fldPhone`, `fldMessage`) VALUES ('0', '$ txtName', '$ txtEmail', '$ txtPhone' , '$ txtMessage') ";

// chèn vào cơ sở dữ liệu
$ rs = mysqli_query ($ con, $ sql);

nếu ($ rs)
{
echo "Đã chèn hồ sơ liên hệ";
}

? & gt;  

Bước 5: Tất cả đã xong!

Bây giờ phần viết mã đã xong. Tải xuống mã từ github

Nếu bạn muốn kiểm tra thì bạn có thể điền vào biểu mẫu http: // localhost / contact / contact. html và xem kết quả trong cơ sở dữ liệu. Bạn có thể kiểm tra qua phpmyadmin bản ghi đã chèn của mình.

Tại sao phải có kỹ năng với tư cách là nhà phát triển PHP tùy chỉnh ?

Php là ngôn ngữ lập trình phía máy chủ phổ biến nhất. Nó được sử dụng hơn 70% so với các ngôn ngữ phát triển trang web khác. Do rất nhiều CMS và các ứng dụng PHP tùy chỉnh đã được phát triển trên PHP, do đó, nó sẽ là một ngôn ngữ đòi hỏi sự khắt khe trong 5 năm tới.

Xem Thêm  Câu lệnh CASE trong SQL - sql trường hợp khi và câu lệnh

Công ty phát triển PHP đang tìm kiếm các nhà phát triển PHP giá rẻ ở Ấn Độ. Nhiều công ty cũng thích các nhà phát triển PHP tự do ở Delhi, London, Bangalore, Mumbai (địa phương). Nếu bạn muốn thuê một nhà phát triển chuyên dụng thì bạn cần phải tự rèn luyện kỹ năng.

Vui lòng tham gia nhóm Facebook để thảo luận nhấp vào đây
Đăng câu hỏi của bạn ở đây với thẻ HASH #connectphpmysql #connecthtmlmysql. Chúng tôi sẽ phê duyệt và trả lời câu hỏi của bạn.

Vui lòng xem thêm câu trả lời về thẻ bắt đầu bằng # này trên Nhóm Facebook # connectphpmysql # Connecthtmlmysql


Xem thêm những thông tin liên quan đến chủ đề kết nối html với cơ sở dữ liệu

Kết nối cơ sở dữ liệu mysql với java web tomcat | connect database using java jdbc

alt

  • Tác giả: Son Nguyen
  • Ngày đăng: 2018-08-14
  • Đánh giá: 4 ⭐ ( 6972 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Mọi thắc mắc các bạn có thể liên hệ fb cá nhân: https://www.facebook.com/nhsonit
    Tham ra groups học cntt để thảo luận: https://www.facebook.com/groups/it2techone/

Để kết nối csdl trong html 5, làm thế nào Để kết nối php với mysql database

  • Tác giả: jdomain.vn
  • Đánh giá: 4 ⭐ ( 8204 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng mysql extension (đã ngừng phát triển và không được khuyên dùng) Sử dụng mysqli extension (hỗ trợ từ PHP 5 trở lên, là phiên bản cải tiến của mysql extension) Sử dụng PDO (PHP Data Object)  PDO là gì?PDO (PHP Data Object) là một database abstraction layer, có thể sử dụng các extension khác nhau để giao tiếp với các CSDL khác nhau (Oracle, DB2, Microsoft SQL server, Postgress SQL,

Kết nối cơ sở dữ liệu MySQL trong NodeJS

  • Tác giả: openplanning.net
  • Đánh giá: 3 ⭐ ( 1906 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Khắc phục lỗi kết nối tới cơ sở dữ liệu WordPress bằng cách nào?

  • Tác giả: www.bkns.vn
  • Đánh giá: 4 ⭐ ( 3880 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đối với những người quản trị viên hoặc mới làm quen với WordPress thì lỗi kết nối tới cơ sở dữ liệu WordPress không quá xa lạ. Vậy các khắc phục thế nào?

Tuần 9: Kết nối Cơ sở dữ liệu SQL trong JSP Để thiết kế một Website nhằm

  • Tác giả: www.studocu.com
  • Đánh giá: 5 ⭐ ( 2339 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: ádasdasd tuần kết nối cơ sở dữ liệu sql trong jsp để thiết kế một website nhằm giới thiệu sản phẩm cho một công ty với cơ sở dữ liệu sản phẩm đã được lưu trữ

Lập trình web ASP.NET với cơ sở dữ liệu

  • Tác giả: timoday.edu.vn
  • Đánh giá: 3 ⭐ ( 1817 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu lập trình web ASP.NET với cơ sở dữ liệu sử dụng ngôn ngữ lập trình C#. Tìm hiểu cách phân trang, sắp xếp trên lưới, tạo caching để tăng tốc độ trang

JAVA – Kết nối Cơ sở dữ liệu SQL trong JSP

  • Tác giả: dotnet.edu.vn
  • Đánh giá: 4 ⭐ ( 5085 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài trước hướng dẫn cách để xây dựng trang Web JSP, bài tiếp theo này sẽ hướng dẫn thêm cách để Kết nối Cơ sở dữ liệu SQL trong JSP

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php