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

html打开自己的数据库

admin
行业动态
2025-05-02
4311

html打开自己的数据库第1张

HTML无法直接操作数据库，需通过后端语言（如PHP/Python/Node.js）连接数据库（MySQL/MongoDB等），再用 HTML展示数据，建议学习基础Web开发流程：前端(HTML+CSS+JS)负责界面，后端处理数据逻辑，数据库存储数据，注意配置跨域权限和防范SQL注入风险

环境准备

安装本地服务器环境（以XAMPP为例）

步骤：
1. 下载并安装XAMPP（包含Apache、MySQL、PHP）。
2. 启动Apache和MySQL服务。
3. 将HTML文件放入htdocs目录，数据库文件（如.sql）导入phpMyAdmin。

创建数据库和表

SQL示例：

CREATE DATABASE my_db;
USE my_db;
CREATE TABLE users (
  id INT AUTO_INCREMENT PRIMARY KEY,
  username VARCHAR(50),
  password VARCHAR(50)
);
INSERT INTO users (username, password) VALUES ('admin', '123456');

HTML与数据库交互流程

前端HTML表单

<!DOCTYPE html>
<html>
<head>数据库登录</title>
</head>
<body>
  <form action="login.php" method="POST">
    用户名: <input type="text" name="username"><br>
    密码: <input type="password" name="password"><br>
    <button type="submit">登录</button>
  </form>
</body>
</html>

后端PHP处理（`login.php`）

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "my_db";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
$user = $_POST['username'];
$pass = $_POST['password'];
// 预处理SQL防止注入
$stmt = $conn->prepare("SELECT  FROM users WHERE username=? AND password=?");
$stmt->bind_param("ss", $user, $pass);
$stmt->execute();
$result = $stmt->get_result();
if ($result->num_rows > 0) {
    echo "登录成功！";
} else {
    echo "用户名或密码错误。";
}
$stmt->close();
$conn->close();
?>

技术对比表格

技术栈	优点	适用场景
PHP + MySQL	简单易学，广泛支持	小型网站、快速开发
Node.js + MySQL	高性能异步处理	实时应用、API服务
Python + SQLite	轻量级，无需额外服务器	本地应用、原型设计