MySQL 插入HTML页面

在Web开发中,经常会涉及到将数据从数据库中提取出来展示在网页上。一种常见的方式是通过MySQL数据库来存储数据,并通过HTML页面来展示这些数据。本文将介绍如何使用MySQL来存储数据,并将这些数据插入到HTML页面中显示。

创建数据库表

首先,我们需要在MySQL数据库中创建一个表来存储我们的数据。假设我们要创建一个存储用户信息的表,可以使用以下SQL语句:

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(50),
    email VARCHAR(50)
);

这条SQL语句将创建一个名为users的表,包含idnameemail三个字段。

插入数据

接下来,我们可以向这个表中插入一些数据。可以使用以下SQL语句来插入一条用户信息:

INSERT INTO users (name, email) VALUES ('Alice', 'alice@example.com');

从数据库中提取数据并在HTML中展示

现在,我们已经将数据存储在数据库中,接下来我们可以通过PHP来连接数据库并提取数据,然后将数据展示在HTML页面上。以下是一个简单的PHP代码示例:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Email: " . $row["email"]. "<br>";
    }
} else {
    echo "0 results";
}

$conn->close();
?>

将以上PHP代码嵌入到HTML页面中,即可展示从数据库中提取出来的用户信息。

类图

下面是一个展示用户类的简单类图,用于表示用户信息的存储和展示:

classDiagram
    class User {
        + id: int
        + name: string
        + email: string
        + getInfo(): string
    }

甘特图

以下是一个简单的甘特图,展示了从数据库连接到数据展示的整个过程:

gantt
    title 数据展示流程
    section 连接数据库
    连接数据库:done, 2021-10-15, 2d
    section 提取数据
    提取数据:done, 2021-10-17, 3d
    section 展示数据
    展示数据:done, 2021-10-20, 2d

通过以上步骤,我们可以很容易地将MySQL中存储的数据插入到HTML页面中展示出来。这种方法非常灵活,可以根据实际需求来展示不同的数据,为Web开发提供了更多的可能性。