HTML连接MySQL实现流程

导语

在网页开发中，经常需要将网页与数据库进行交互，实现数据的存储和查询等功能。而MySQL是一种常用的关系型数据库，本文将教你如何使用HTML连接MySQL，实现数据的增删改查操作。

连接MySQL的流程

下面是连接MySQL的整个流程，简单概括如下：

步骤 描述
步骤1 创建数据库和表
步骤2 连接数据库
步骤3 执行SQL语句
步骤4 关闭数据库连接

接下来我们将详细介绍每一步的具体操作。

步骤1：创建数据库和表

在连接MySQL之前，我们需要先创建一个数据库和表，用于存储我们的数据。可以使用MySQL的客户端工具（如Navicat）或者命令行来创建。

-- 创建数据库
CREATE DATABASE mydb;

-- 使用数据库
USE mydb;

-- 创建表
CREATE TABLE users (
  id INT AUTO_INCREMENT PRIMARY KEY,
  name VARCHAR(255) NOT NULL,
  age INT,
  email VARCHAR(255)
);

上述代码创建了一个名为mydb的数据库，并在其中创建了一个名为users的表，该表包含id、name、age和email四个字段。

步骤2：连接数据库

在HTML中连接MySQL需要借助服务器端的脚本语言，常见的有PHP、Python、Node.js等。这里以PHP为例。

首先，需要在服务器上安装PHP和MySQL扩展，并启动MySQL服务。

在HTML中使用PHP代码连接MySQL：

<?php
$servername = "localhost"; // MySQL服务器地址
$username = "root"; // MySQL用户名
$password = "password"; // MySQL密码
$dbname = "mydb"; // 数据库名

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
  die("连接失败：" . $conn->connect_error);
}
echo "连接成功";
?>

上述代码中，需要根据实际情况修改$servername、$username、$password和$dbname的值，分别表示MySQL服务器地址、用户名、密码和数据库名。

步骤3：执行SQL语句

连接成功后，我们可以执行SQL语句对数据库进行操作，如插入、更新、删除和查询等。

插入数据

<?php
// 插入数据
$sql = "INSERT INTO users (name, age, email)
VALUES ('John Doe', 25, 'john@example.com')";

if ($conn->query($sql) === TRUE) {
  echo "插入成功";
} else {
  echo "插入失败：" . $conn->error;
}
?>

上述代码中，我们使用INSERT INTO语句向users表插入一条数据。

更新数据

<?php
// 更新数据
$sql = "UPDATE users SET age=30 WHERE name='John Doe'";

if ($conn->query($sql) === TRUE) {
  echo "更新成功";
} else {
  echo "更新失败：" . $conn->error;
}
?>

上述代码中，我们使用UPDATE语句将users表中名为"John Doe"的记录的age字段更新为30。

删除数据

<?php
// 删除数据
$sql = "DELETE FROM users WHERE name='John Doe'";

if ($conn->query($sql) === TRUE) {
  echo "删除成功";
} else {
  echo "删除失败：" . $conn->error;
}
?>

上述代码中，我们使用DELETE FROM语句删除users表中名为"John Doe"的记录。

查询数据

<?php
// 查询数据
$sql = "SELECT * FROM users";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
  // 输出数据
  while($row = $result->fetch_assoc()) {
    echo "id: " . $row["id"]. " - Name: " . $row["name"]. " - Age: " . $row["age"]. " - Email: " . $row["email"]. "<br>";
  }
} else {
  echo "没有数据";
}
?>

上述代码中，我们使用SELECT语句查询users表中的所有记录，并逐条输出。

步骤4：关闭数据库连接

当完成数据库操作后，需要关闭数据库连接，释放资源。

<?