当前位置：首页 > 行业动态 > 正文

html如何连接数据库

admin
行业动态
2024-04-05
2335

HTML 是一种用于创建网页的标记语言，它本身并不具备连接数据库的功能，我们可以通过 JavaScript、PHP、ASP.NET 等后端编程语言来实现 HTML 与数据库的连接，在这里，我将详细介绍如何使用 PHP 和 MySQL 数据库来实现 HTML 与数据库的连接。

1、我们需要在服务器上安装 PHP 和 MySQL 数据库，对于 Windows 系统，可以使用 WAMP（Windows、Apache、MySQL、PHP）软件包进行安装，对于 Linux 系统，可以使用 LAMP（Linux、Apache、MySQL、PHP）软件包进行安装。

2、安装完成后，我们需要创建一个数据库和数据表，在 MySQL 中，可以使用以下 SQL 语句创建一个名为 testdb 的数据库和一个名为 users 的数据表：

CREATE DATABASE testdb;
USE testdb;
CREATE TABLE users (
    id INT(11) NOT NULL AUTO_INCREMENT,
    username VARCHAR(50) NOT NULL,
    password VARCHAR(50) NOT NULL,
    PRIMARY KEY (id)
);

3、接下来，我们需要编写一个 PHP 脚本来连接数据库，在 PHP 中，我们可以使用 PDO（PHP Data Objects）或 mysqli 扩展来连接数据库，这里我们以 PDO 为例，编写一个简单的 PHP 脚本来连接数据库并查询数据：

<?php
// 设置数据库连接信息
$servername = "localhost";
$username = "root";
$password = "your_password";
$dbname = "testdb";
try {
    // 创建一个新的 PDO 实例
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    // 设置 PDO 错误模式为异常
    $conn>setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    // 查询数据表中的所有数据
    $sql = "SELECT * FROM users";
    $result = $conn>query($sql);
    // 输出查询结果
    while ($row = $result>fetch(PDO::FETCH_ASSOC)) {
        echo "ID: " . $row["id"]. " Name: " . $row["username"]. "<br>";
    }
} catch(PDOException $e) {
    echo "Error: " . $e>getMessage();
} finally {
    // 关闭数据库连接
    $conn = null;
}
?>

4、将上述 PHP 脚本保存为 connect_db.php，并将其放在 Web 服务器的根目录下，我们可以在 HTML 文件中通过 <form> 表单提交数据到 connect_db.php，并在页面上显示查询结果，创建一个名为 index.html 的文件，内容如下：

<!DOCTYPE html>
<html>
<head>
    <title>Connect to Database</title>
</head>
<body>
    <h1>Connect to Database</h1>
    <form action="connect_db.php" method="post">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username">
        <br><br>
        <input type="submit" value="Submit">
    </form>
    <?php include 'connect_db.php'; ?>
</body>
</html>

5、现在，当我们在浏览器中访问 index.html 文件并输入用户名时，表单数据将被提交到 connect_db.php，然后在页面上显示查询结果，这样，我们就实现了 HTML 与数据库的连接。