揭秘HTML与MySQL数据库连接：从入门到精通，打造稳定高效的数据库交互

# 1. HTML与MySQL数据库交互概述**

HTML（超文本标记语言）是一种用于创建网页的标记语言，而MySQL是一种关系型数据库管理系统（RDBMS），用于存储和管理数据。HTML与MySQL数据库的交互使Web应用程序能够存储、检索和处理用户数据。这种交互通过称为PHP（超文本预处理器）的服务器端脚本语言实现。PHP可以与HTML和MySQL数据库进行交互，从而创建动态且交互式网页。

# 2. 建立HTML与MySQL数据库连接

### 2.1 HTML表单设计与数据收集

HTML表单是用户与Web服务器交互的主要方式，用于收集用户输入的数据。在HTML表单中，使用`<input>`、`<select>`和`<textarea>`等元素来创建各种输入控件，如文本框、下拉列表和文本域。

要收集用户输入的数据，需要指定表单的`action`属性，该属性指定处理表单数据的PHP脚本的URL。此外，还需指定表单的`method`属性，该属性指定用于提交表单数据的HTTP方法，通常为`GET`或`POST`。

### 2.2 PHP脚本连接MySQL数据库

PHP提供了`mysqli`扩展，用于连接和操作MySQL数据库。连接MySQL数据库的步骤如下：

<?php
// 连接数据库
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "myDB";

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

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

**代码逻辑逐行解读：**

1. 指定MySQL数据库服务器地址、用户名、密码和数据库名称。
2. 使用`mysqli`类创建连接对象。
3. 使用`connect_error`属性检查连接是否成功，如果连接失败，则输出错误信息并终止脚本。

**参数说明：**

* `$servername`：MySQL数据库服务器地址。
* `$username`：MySQL数据库用户名。
* `$password`：MySQL数据库密码。
* `$dbname`：要连接的数据库名称。

# 3. 查询、插入、更新、删除

#### 查询操作

**SELECT 语句**

用于从数据库中检索数据。语法如下：

SELECT column_list
FROM table_name
WHERE condition;

**参数说明：**

* `column_list`：要检索的列名，可以用 `*` 表示所有列。
* `table_name`：要查询的表名。
* `condition`：可选的条件表达式，用于过滤结果。

**示例：**

SELECT *
FROM users
WHERE age > 25;

#### 插入操作

**INSERT INTO 语句**

用于向数据库中插入新数据。语法如下：

INSERT INTO table_name (column1, column2, ...)
VALUES (value1, value2, ...);

**参数说明：**

* `table_name`：要插入数据的表名。
* `column1`, `column2`, ...：要插入数据的列名。
* `value1`, `value2`, ...：要插入数据的相应值。

**示例：**

INSERT INTO users (name, age)
VALUES ('John Doe', 30);

#### 更新操作

**UPDATE 语句**

用于更新数据库中现有数据。语法如下：

UPDATE table_name
SET column1 = value1, column2 = value2, ...
WHERE condition;

**参数说明：**

* `table_name`：要更新数据的表名。
* `column1`, `column2`, ...：要更新的列名。
* `value1`, `value2`, ...：要更新的相应值。
* `condition`：可选的条件表达式，用于过滤要更新的行。

**示例：**

UPDATE users
SET age = age + 1
WHERE name = 'John Doe';

#### 删除操作

**DELETE FROM 语句**

用于从数据库中删除数据。语法如下：

DELETE FROM table_name
WHERE condition;

**参数说明：**

* `table_name`：要删除数据的表名。
* `condition`：可选的条件表达式，用于过滤要删除的行。

**示例：**

DELETE FROM users
WHERE age < 18;

# 4. 数据安全与优化**

**4.1 SQL注入攻击原理与防范措施**

**4.1.1 SQL注入攻击原理**

SQL注入攻击是一种利用Web应用程序中未经验证或过滤的用户输入来执行恶意SQL语句的攻击技术。攻击者通过在输入字段中注入恶意SQL代码，绕过应用程序的安全检查，直接访问或修改数据库中的数据。

**4.1.2 防范措施**

为了防止SQL注入攻击，需要采取以下措施：

* **参数化查询：**使用参数化查询将用户输入与SQL语句分开，防止恶意代码被直接执行。
* **输入验证：**对用户输入进行严格验证，过滤掉特殊字符和潜在的恶意代码。
* **使用预编译语句：**预编译语句可以防止SQL注入攻击，因为它在执行之前会对SQL语句进行编译。
* **限制数据库权限：**只授予应用程序必要的数据库权限，以最小化攻击风险。
* **使用Web应用程序防火墙：**Web应用程序防火墙可以检测和阻止SQL注入攻击。

**4.1.3 代码示例**

// 使用参数化查询防止SQL注入
$stmt = $conn->prepare("SELECT * FROM users WHERE username = ?");
$stmt->bind_param("s", $username);
$stmt->execute();

**4.2 数据库性能优化技巧**

**4.2.1 索引**

索引是数据库中用于快速查找数据的结构。通过在经常查询的列上创建索引，可以大大提高查询速度。

**4.2.2 缓存**

缓存是存储经常访问的数据的临时存储区。通过将查询结果缓存起来，可以避免重复执行查询，从而提高性能。

**4.2.3 事务**

事务是一组原子操作，要么全部执行成功，要么全部回滚。使用事务可以确保数据的一致性和完整性，并提高并发性能。

**4.2.4 代码示例**

// 使用索引优化查询速度
$stmt = $conn->prepare("SELECT * FROM users WHERE username = ?");
$stmt->bind_param("s", $username);
$stmt->execute();
$stmt->bind_result($id, $username, $password);

// 使用缓存提高性能
$cache = new Cache();
$cacheKey = "users_" . $username;
if ($cache->has($cacheKey)) {
    $user = $cache->get($cacheKey);
} else {
    $stmt = $conn->prepare("SELECT * FROM users WHERE username = ?");
    $stmt->bind_param("s", $username);
    $stmt->execute();
    $stmt->bind_result($id, $username, $password);
    $user = array("id" => $id, "username" => $username, "password" => $password);
    $cache->set($cacheKey, $user);
}

// 使用事务确保数据一致性和完整性
$conn->begin_transaction();
$stmt = $conn->prepare("INSERT INTO users (username, password) VALUES (?, ?)");
$stmt->bind_param("ss", $username, $password);
$stmt->execute();
$conn->commit();

**4.2.5 性能优化流程图**

![数据库性能优化流程图](https://mermaid-js.github.io/mermaid-live-editor/#/edit/eyJjb2RlIjoiZ3JhcGggVFJJR0dFUiAtLS0gUGVyZm9ybWFuY2UgT3B0aW1pemF0aW9uIFByb2Nlc3MgLS0tXG5zdWJnbm9kIGdyYXBoIC0tLSBDb25uZWN0IHRvIERhdGFiYXNlIC0tLVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg

# 5. HTML与MySQL数据库交互实战

本节将通过两个实战项目，演示HTML与MySQL数据库交互的实际应用，帮助读者深入理解本章节内容。

### 5.1 用户注册与登录系统

**功能描述：**

一个简单的用户注册与登录系统，允许用户注册新账户并登录系统。

**HTML表单设计：**

<form action="register.php" method="post">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username">
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password">
  <br>
  <input type="submit" value="注册">
</form>

**PHP脚本连接数据库：**

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

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}
?>

**用户注册：**

// 接收表单数据
$username = $_POST['username'];
$password = $_POST['password'];

// SQL语句：插入新用户
$sql = "INSERT INTO users (username, password) VALUES ('$username', '$password')";

// 执行 SQL 语句
if ($conn->query($sql) === TRUE) {
  echo "注册成功！";
} else {
  echo "注册失败: " . $conn->error;
}

**用户登录：**

// 接收表单数据
$username = $_POST['username'];
$password = $_POST['password'];

// SQL语句：查询用户是否存在
$sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";

// 执行 SQL 语句
$result = $conn->query($sql);

// 判断查询结果
if ($result->num_rows > 0) {
  echo "登录成功！";
} else {
  echo "登录失败！";
}

### 5.2 商品管理与销售系统

**功能描述：**

一个简单的商品管理与销售系统，允许管理员添加、修改、删除商品，并允许用户浏览和购买商品。

**HTML表单设计：**

**添加商品：**

<form action="add_product.php" method="post">
  <label for="product_name">商品名称：</label>
  <input type="text" id="product_name" name="product_name">
  <br>
  <label for="product_price">商品价格：</label>
  <input type="number" id="product_price" name="product_price">
  <br>
  <input type="submit" value="添加">
</form>

**修改商品：**

<form action="edit_product.php" method="post">
  <label for="product_id">商品 ID：</label>
  <input type="number" id="product_id" name="product_id">
  <br>
  <label for="product_name">商品名称：</label>
  <input type="text" id="product_name" name="product_name">
  <br>
  <label for="product_price">商品价格：</label>
  <input type="number" id="product_price" name="product_price">
  <br>
  <input type="submit" value="修改">
</form>

**删除商品：**

<form action="delete_product.php" method="post">
  <label for="product_id">商品 ID：</label>
  <input type="number" id="product_id" name="product_id">
  <br>
  <input type="submit" value="删除">
</form>

**PHP脚本连接数据库：**

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

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}
?>

**商品管理：**

// 添加商品
if (isset($_POST['add_product'])) {
  $product_name = $_POST['product_name'];
  $product_price = $_POST['product_price'];

  // SQL语句：插入新商品
  $sql = "INSERT INTO products (product_name, product_price) VALUES ('$product_name', '$product_price')";

  // 执行 SQL 语句
  if ($conn->query($sql) === TRUE) {
    echo "商品添加成功！";
  } else {
    echo "商品添加失败: " . $conn->error;
  }
}

// 修改商品
if (isset($_POST['edit_product'])) {
  $product_id = $_POST['product_id'];
  $product_name = $_POST['product_name'];
  $product_price = $_POST['product_price'];

  // SQL语句：更新商品信息
  $sql = "UPDATE products SET product_name='$product_name', product_price='$product_price' WHERE product_id=$product_id";

  // 执行 SQL 语句
  if ($conn->query($sql) === TRUE) {
    echo "商品修改成功！";
  } else {
    echo "商品修改失败: " . $conn->error;
  }
}

// 删除商品
if (isset($_POST['delete_product'])) {
  $product_id = $_POST['product_id'];

  // SQL语句：删除商品
  $sql = "DELETE FROM products WHERE product_id=$product_id";

  // 执行 SQL 语句
  if ($conn->query($sql) === TRUE) {
    echo "商品删除成功！";
  } else {
    echo "商品删除失败: " . $conn->error;
  }
}

**商品销售：**

// 浏览商品
$sql = "SELECT * FROM products";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
  // 输出商品列表
  while ($row = $result->fetch_assoc()) {
    echo "商品 ID：" . $row['product_id'] . "<br>";
    echo "商品名称：" . $row['product_name'] . "<br>";
    echo "商品价格：" . $row['product_price'] . "<br><br>";
  }
} else {
  echo "没有商品！";
}

// 购买商品
if (isset($_POST['buy_product'])) {
  $product_id = $_POST['product_id'];
  $quantity = $_POST['quantity'];

  // SQL语句：查询商品库存
  $sql = "SELECT product_stock FROM products WHERE product_id=$product_id";
  $result = $conn->query($sql);

  if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $product_stock = $row['product_stock'];

    if ($quantity <= $product_stock) {
      // SQL语句：更新商品库存
      $sql = "UPDATE products SET product_stock=product_stock-$quantity WHERE product_id=$product_id";
      $conn->query($sql);

      echo "购买成功！";
    } else {
      echo "库存不足！";
    }
  } else {
    echo "商品不存在！";
  }
}