前端连接数据库登录界面

前端连接数据库通常需要使用后端语言（例如 PHP、Python、Java 等）来处理数据库的连接和操作，前端可以通过发送请求到后端来实现与数据库的交互。以下是一个使用 PHP 连接数据库并实现登录的例子：

1. 创建数据库表

首先，需要在数据库中创建一个用户表，包含用户名和密码两个字段。

CREATE TABLE `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(255) NOT NULL,
`password` varchar(255) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2. 创建登录页面

在前端创建一个登录页面，包含用户名和密码输入框以及登录按钮。

<form method="post" action="login.php">
  <label>Username:</label>
  <input type="text" name="username" required><br>
  <label>Password:</label>
  <input type="password" name="password" required><br>
  <input type="submit" value="Login">
</form>

3. 创建后端处理登录请求的 PHP 文件

在后端创建一个 PHP 文件，处理登录请求，连接数据库，验证用户名和密码是否正确。如果登录成功，则跳转到首页。

<?php
$conn = mysqli_connect("localhost", "username", "password", "database");
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = $_POST["username"];
    $password = $_POST["password"];
    $sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";
    $result = mysqli_query($conn, $sql);
    if (mysqli_num_rows($result) == 1) {
        header("Location: index.php");
        exit();
    } else {
        echo "Invalid username or password.";
    }
}

mysqli_close($conn);
?>

以上是一个简单的前端连接数据库登录界面的实现例子。需要注意的是，为了安全考虑，密码应该使用加密方式存储在数据库中，且密码验证应该使用加密后的值进行比较。