📜  将 html 连接到 mysql 数据库 - Html (1)

📅  最后修改于: 2023-12-03 15:25:13.785000             🧑  作者: Mango

将 HTML 连接到 MySQL 数据库 - HTML

当我们需要将 HTML 与 MySQL 数据库连接并存储数据时,我们可以使用 PHP 作为中介语言来实现它。

前置要求

在开始编写代码之前,请确保已安装以下内容:

步骤
  1. 创建一个名为 connect.php 的 PHP 文件,用于连接到 MySQL 数据库。在该文件中,您需要输入 MySQL 数据库的主机名,用户名,密码和数据库名称。

    <?php
    $host = "localhost";
    $username = "root";
    $password = "";
    $database = "mydatabase";
    
    $conn = new mysqli($host, $username, $password, $database);
    
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }
    ?>
    
  2. 创建一个名为 index.html 的 HTML 文件,用于创建表单并将数据存储到数据库中。表单应该包含以下字段:名字,电子邮件,电话和留言。

    <!DOCTYPE html>
    <html>
    <head>
        <title>HTML Form to MySQL Database</title>
    </head>
    <body>
        <h1>Contact Us</h1>
        <form action="submit.php" method="post">
            <label>Name:</label><br>
            <input type="text" name="name"><br>
            <label>Email:</label><br>
            <input type="email" name="email"><br>
            <label>Phone:</label><br>
            <input type="tel" name="phone"><br>
            <label>Message:</label><br>
            <textarea name="message"></textarea><br>
            <input type="submit" value="Submit">
        </form>
    </body>
    </html>
    
  3. 创建一个名为 submit.php 的 PHP 文件,用于将表单数据存储到 MySQL 数据库中。在该文件中,您需要在 connect.php 文件中使用的相同的 MySQL 数据库连接信息,并将表单数据插入到数据库中。

    <?php
    include_once("connect.php");
    
    if ($_SERVER['REQUEST_METHOD'] == "POST") {
        $name = $_POST['name'];
        $email = $_POST['email'];
        $phone = $_POST['phone'];
        $message = $_POST['message'];
    
        $sql = "INSERT INTO messages (name, email, phone, message) VALUES ('$name', '$email', '$phone', '$message')";
    
        if ($conn->query($sql) === TRUE) {
            echo "Record created successfully";
        } else {
            echo "Error creating record: " . $conn->error;
        }
    }
    ?>
    
  4. 在 MySQL 数据库中创建一个名为 messages 的表,用于存储从表单中收集的数据。

    CREATE TABLE messages (
        id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
        name VARCHAR(50) NOT NULL,
        email VARCHAR(50) NOT NULL,
        phone VARCHAR(15) NOT NULL,
        message TEXT
    )
    
总结

现在,您已经学会了如何在 HTML 中创建表单并将数据存储到 MySQL 数据库中。通过使用 PHP 作为中介语言,您可以轻松地建立与 MySQL 数据库的连接,并将表单数据轻松地存储和检索。