Hướng dẫn can we connect html with database? - chúng ta có thể kết nối html với cơ sở dữ liệu không?

Câu trả lời này phác thảo cách sử dụng PHP để kết nối biểu mẫu HTML với cơ sở dữ liệu MySQL. Chúng tôi sẽ sử dụng XAMPP làm phần mềm máy chủ để tạo cơ sở dữ liệu và chạy PHP.

Chúng tôi sẽ sử dụng các bước dưới đây để tạo kết nối:

1. Thiết lập XAMPP và định cấu hình môi trường phát triển PHP
2. Tạo biểu mẫu HTML
3. Tạo cơ sở dữ liệu MySQL
4. Tạo tệp PHP
5. Tạo một kết nối

Bước 1: Thiết lập XAMPP

Phương pháp để định cấu hình môi trường phát triển PHP với XAMPP được hiển thị ở đây.

Bước 2: Tạo biểu mẫu HTML

Câu trả lời này giải thích một hình thức HTML là gì và làm thế nào để tạo nó.

Bước 3: Tạo cơ sở dữ liệu MySQL

Trong bước này, chúng tôi sẽ tạo một cơ sở dữ liệu MySQL đơn giản vì máy chủ của chúng tôi đã chạy.

Chúng tôi sẽ mở trình duyệt và nhập http: // localhost/phpmyadmin/. Điều này chuyển hướng chúng tôi đến trang quản trị PHP, nơi chúng tôi có thể tạo và quản lý cơ sở dữ liệu. Nhấp vào tùy chọn mới trong bảng menu ở phía bên trái. Hình ảnh dưới đây cho thấy điều này:http://localhost/phpmyadmin/. This redirects us to the PHP admin page, where we can create and manage databases. Click on the New option in the menu panel on the left side. The image below demonstrates this:

Trên trang tiếp theo, chúng tôi sẽ chọn tên cho cơ sở dữ liệu của chúng tôi và nhấp vào Tạo, như được hiển thị:

Đây là một ảnh chụp màn hình để hiển thị cách tạo cơ sở dữ liệu

Tiếp theo, chúng tôi sẽ tạo một bảng trong cơ sở dữ liệu. Chúng tôi sẽ thêm tên bảng và chọn số cột:

Đây là một ảnh chụp màn hình để chỉ ra cách tạo bảng

Khi chúng tôi nhấp vào Tạo, chúng tôi sẽ được chuyển hướng đến trang sau:

Đây là một ảnh chụp màn hình để chỉ ra cách xác định cấu trúc của bảng

Ở đây, chúng tôi phải cung cấp chi tiết về bảng. Các cột tương ứng với các trường của chúng tôi ở dạng HTML. Chúng tôi cũng có thể chỉ định từng cột một kiểu dữ liệu, độ dài ký tự hoặc các đặc quyền đặc biệt như định danh duy nhất chính cho mỗi mục trong một bảng. Chìa khóa. Một bảng mẫu như sau:

Đây là một bảng mẫu

Khi chúng tôi đã hoàn tất, chúng tôi sẽ nhấp vào lưu. Bảng đầu tiên của chúng tôi trong cơ sở dữ liệu được tạo.

Bước 4: Tạo tệp PHP

Bây giờ chúng tôi đã sẵn sàng cơ sở dữ liệu và máy chủ của mình, chúng tôi sẽ tạo các tệp cần thiết. Chúng tôi sẽ bắt đầu bằng cách mở thư mục thư mục chứa XAMPP. Theo truyền thống, chúng tôi tìm thấy thư mục này trong đĩa eorlocal đĩa cục bộ C. Đối với người dùng Linux, đây sẽ nằm trong thư mục Computer/opt/lampp.orLocal Disk C. For Linux users, this will be in the Computer/opt/lampp directory.

Trong thư mục đó, hãy mở một thư mục khác có tiêu đề htdocs and tạo một thư mục trong đó. Chúng tôi có thể đặt tên cho nó bất cứ điều gì, nhưng đối với hướng dẫn này, chúng tôi sẽ đặt tên cho nó educativeform. Thư mục mới này sẽ chứa các tệp HTML và PHP của chúng tôi.

htdocs/educativeform
        |-> form.php
        |-> index.html

Cấu trúc thư mục cuối cùng

Thư mục HTDOCS phải chứa một thư mục khác với các tệp HTML và PHP

Đoạn mã sau chứa mã HTML cho biểu mẫu:

Lưu ý: Nếu chúng tôi nhấp vào nút Gửi, nó sẽ gây ra lỗi vì chúng tôi chưa kết nối nó với cơ sở dữ liệu. If we click on the submit button, it will given an error since we haven't yet connected it to the database.

Giải trình

• Dòng 6: Phương thức POST là loại kết nối để gửi các mục nhập mẫu HTML. Thuộc tính action có giá trị form.php. Đây là tên của tệp PHP trong thư mục làm việc và các mục biểu mẫu sẽ được gửi đến tệp này khi gửi.
• Dòng 8 trận20: Đây là các trường form. Loại

      if(isset($_POST['submit']))
  
  
  
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>

  0 cuối cùng là

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>

  1 gửi các giá trị trường vào tệp PHP.

Để xác nhận rằng biểu mẫu của chúng tôi đã sẵn sàng, chúng tôi sẽ nhập

    if(isset($_POST['submit']))
    {
        $fname = $_POST['fname'];
        $lname = $_POST['lname'];
        $email = $_POST['email'];
    }
?>

Tiếp theo, chúng tôi sẽ tạo tệp PHP. Mã mẫu, cùng với lời giải thích, được đưa ra dưới đây:

    if(isset($_POST['submit']))
    {
        $fname = $_POST['fname'];
        $lname = $_POST['lname'];
        $email = $_POST['email'];
    }
?>

Mã để nhận các mục nhập biểu mẫu HTML

Giải trình

• Dòng 6: Phương thức POST là loại kết nối để gửi các mục nhập mẫu HTML. Thuộc tính action có giá trị form.php. Đây là tên của tệp PHP trong thư mục làm việc và các mục biểu mẫu sẽ được gửi đến tệp này khi gửi.
• Dòng 8 trận20: Đây là các trường form. Loại

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>

  0 cuối cùng là

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>
  
  
  
  

  1 gửi các giá trị trường vào tệp PHP.

Để xác nhận rằng biểu mẫu của chúng tôi đã sẵn sàng, chúng tôi sẽ nhập 2 vào trình duyệt. Điều này đảm bảo rằng máy chủ, MySQL và Apache đang chạy. Nếu không, chúng ta có thể gặp lỗi.

Tiếp theo, chúng tôi sẽ tạo tệp PHP. Mã mẫu, cùng với lời giải thích, được đưa ra dưới đây:

    // getting all values from the HTML form
    if(isset($_POST['submit']))
    {
        $fname = $_POST['fname'];
        $lname = $_POST['lname'];
        $email = $_POST['email'];
    }
    // database details
    $host = "localhost";
    $username = "root";
    $password = "";
    $dbname = "sampledb";
    // creating a connection
    $con = mysqli_connect($host, $username, $password, $dbname);
    // to ensure that the connection is made
    if (!$con)
    {
        die("Connection failed!" . mysqli_connect_error());
    }
    // using sql to create a data entry query
    $sql = "INSERT INTO contactform_entries (id, fname, lname, email) VALUES ('0', '$fname', '$lname', '$email')";
    // send query to the database to add values and confirm if successful
    $rs = mysqli_query($con, $sql);
    if($rs)
    {
        echo "Entries added!";
    }
    // close connection
    mysqli_close($con);
?>

Mã để nhận các mục nhập biểu mẫu HTML

Giải trình

• Dòng 6: Phương thức POST là loại kết nối để gửi các mục nhập mẫu HTML. Thuộc tính action có giá trị form.php. Đây là tên của tệp PHP trong thư mục làm việc và các mục biểu mẫu sẽ được gửi đến tệp này khi gửi.
• Dòng 8 trận20: Đây là các trường form. Loại

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>
  
  
  
  

  0 cuối cùng là

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>

  1 gửi các giá trị trường vào tệp PHP.
• Để xác nhận rằng biểu mẫu của chúng tôi đã sẵn sàng, chúng tôi sẽ nhập

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>

  2 vào trình duyệt. Điều này đảm bảo rằng máy chủ, MySQL và Apache đang chạy. Nếu không, chúng ta có thể gặp lỗi.
• Tiếp theo, chúng tôi sẽ tạo tệp PHP. Mã mẫu, cùng với lời giải thích, được đưa ra dưới đây:
• Mã để nhận các mục nhập biểu mẫu HTML
• Dòng 2: Chúng tôi sẽ sử dụng

      if(isset($_POST['submit']))
      {
          $fname = $_POST['fname'];
          $lname = $_POST['lname'];
          $email = $_POST['email'];
      }
  ?>

  3 làm loại kết nối để nhận các mục nhập mẫu HTML.

Dòng 4 trận6: Chúng tôi xác định các trường ở đây. Các dấu ngoặc vuông chứa các giá trị của thuộc tính

    if(isset($_POST['submit']))
    {
        $fname = $_POST['fname'];
        $lname = $_POST['lname'];
        $email = $_POST['email'];
    }
?>

    if(isset($_POST['submit']))
    {
        $fname = $_POST['fname'];
        $lname = $_POST['lname'];
        $email = $_POST['email'];
    }
?>

Bước 5: Tạo kết nối

Cuối cùng, chúng tôi sẽ kết nối biểu mẫu HTML của chúng tôi với cơ sở dữ liệu bằng PHP. Mã dưới đây là một bổ sung cho đoạn mã trước đó, như được hiển thị:

HTML có thể tương tác với SQL không?

Chúng ta có thể kết nối HTML với cơ sở dữ liệu mà không cần PHP không?

Làm thế nào gửi dữ liệu từ cơ sở dữ liệu đến HTML?

HTML trong cơ sở dữ liệu là gì?