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

html查询mysql数据库数据库

admin
行业动态
2025-05-01
4447

HTML无法直接查询MySQL数据库，需借助PHP/Node.js等中间层，前端通过AJAX发送请求，后端接收后执行SQL语句操作数据库，返回结果渲染至 HTML页面，注意使用参数化查询防SQL注入，保障

环境准备

使用HTML查询MySQL数据库需要以下组件协同工作：

html查询mysql数据库数据库第1张

组件	说明
Web服务器	如Apache、Nginx（通过PHP或Node.js解析HTML请求）
MySQL数据库	存储和管理数据
PHP/Python/JS	后端语言（用于连接数据库并处理查询）
HTML表单	用户输入查询条件的前端界面

数据库连接（以PHP为例）

创建数据库和表

CREATE DATABASE test_db;
USE test_db;
CREATE TABLE users (
    id INT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(50),
    email VARCHAR(50)
);
INSERT INTO users (name, email) VALUES ('Alice', 'alice@example.com');

PHP连接数据库

<?php
$servername = "localhost";
$username = "root";
$password = "your_password";
$dbname = "test_db";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
// 设置字符编码（防止中文乱码）
$conn->set_charset("utf8mb4");
?>

HTML表单设计

用户输入查询条件

<form action="search.php" method="GET">
    <input type="text" name="keyword" placeholder="输入姓名或邮箱">
    <button type="submit">查询</button>
</form>

处理查询请求（PHP逻辑）

接收表单数据并构建SQL

<?php
$keyword = $_GET['keyword'];
// 安全处理：使用预处理语句防止SQL注入
$stmt = $conn->prepare("SELECT  FROM users WHERE name LIKE ? OR email LIKE ?");
$like_keyword = "%$keyword%";
$stmt->bind_param("ss", $like_keyword, $like_keyword);
$stmt->execute();
$result = $stmt->get_result();
?>

显示查询结果

<table border="1">
    <tr>
        <th>ID</th>
        <th>姓名</th>
        <th>邮箱</th>
    </tr>
    <?php while($row = $result->fetch_assoc()): ?>
    <tr>
        <td><?php echo $row['id']; ?></td>
        <td><?php echo htmlspecialchars($row['name']); ?></td>
        <td><?php echo htmlspecialchars($row['email']); ?></td>
    </tr>
    <?php endwhile; ?>
</table>

安全注意事项

风险点	解决方案
SQL注入	使用预处理语句（`prepare`/`bind_param`）或PDO的参数绑定
跨站脚本（XSS）	输出数据时使用`htmlspecialchars`转义特殊字符
数据库暴露	隐藏错误详情（如`die(sql_error)`改为日志记录）