PHP实现简单登录界面

下面是PHP实现简单登录界面的详细攻略。

1.前言

在Web开发中，登录界面是一个必不可少的部分，通过用户输入正确的用户名和密码，可以进行身份验证，从而让用户进入网站的其他功能页面。

本文将详细讲解如何使用PHP实现简单的登录界面，包括如何设计用户表、如何使用表单来接收用户的输入、如何使用PHP代码来验证用户的身份以及如何登录成功后跳转到其他页面。

2. 设计用户表

在设计用户表的时候，需要确定表中需要包含哪些字段：

用户名（username）：用于登录的唯一标识。
密码（password）：用于密码验证，需要进行加密处理。
注册时间（reg_time）：用户注册的时间。
访问次数（visit_count）：用户登录网站的次数。

一个简单的用户表结构：

CREATE TABLE `users` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `username` varchar(50) NOT NULL DEFAULT '',
  `password` varchar(100) NOT NULL DEFAULT '',
  `reg_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `visit_count` int(11) unsigned NOT NULL DEFAULT '0',
  PRIMARY KEY (`id`),
  UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

3.创建登录界面

创建登录界面需要使用HTML和CSS，页面需要包含一个表单来接收用户输入的用户名和密码，并使用POST方法将数据提交给后台进行处理。

下面是一个简单的登录界面示例：

<!DOCTYPE html>
<html>
<head>
    <title>登录界面</title>
    <style type="text/css">
        body {
            font-family: Arial, sans-serif;
            font-size: 14px;
            background-color: #eee;
        }
        .container {
            margin: 50px auto;
            width: 400px;
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0px 0px 5px #aaa;
        }
        h2 {
            text-align: center;
            margin-top: 0px;
            color: #333;
            font-size: 24px;
        }
        label {
            display: block;
            margin-bottom: 10px;
            color: #666;
            font-size: 18px;
        }
        input[type="text"], input[type="password"] {
            width: 100%;
            padding: 5px;
            font-size: 16px;
            border-radius: 3px;
            border: 1px solid #ccc;
        }
        input[type="submit"] {
            display: block;
            margin-top: 20px;
            padding: 10px;
            background-color: #0066cc;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>用户登录</h2>
        <form action="login.php" method="post">
            <label for="username">用户名：</label>
            <input type="text" name="username" id="username" required>

            <label for="password">密码：</label>
            <input type="password" name="password" id="password" required>

            <input type="submit" value="登录">
        </form>
    </div>
</body>
</html>

4.处理登录请求

当用户提交登录表单后，需要将表单中用户输入的用户名和密码提交到后台PHP代码中进行处理。代码需要查询“用户表”中是否存在该用户名，并验证该用户名所对应的密码是否正确。

下面是一个简单的登录处理示例代码：

<?php
    // 连接数据库
    $conn = mysqli_connect('localhost', 'root', 'passw0rd', 'test');
    if (!$conn) {
        die('连接数据库失败：' . mysqli_connect_error());
    }

    // 处理用户提交的数据
    if ($_SERVER['REQUEST_METHOD'] == 'POST') {
        $username = mysqli_real_escape_string($conn, $_POST['username']);
        $password = mysqli_real_escape_string($conn, $_POST['password']);
        $sql = "SELECT * FROM `users` WHERE `username` = '$username' LIMIT 1";
        $query = mysqli_query($conn, $sql);
        if (!$query) {
            die('查询失败：' . mysqli_error($conn));
        }
        $user = mysqli_fetch_assoc($query);
        if (!$user) {
            echo '用户名不存在！';
        } else if (md5($password) != $user['password']) {
            echo '密码错误！';
        } else {
            // 更新访问次数
            $sql = "UPDATE `users` SET `visit_count` = `visit_count` + 1 WHERE `id` = " . $user['id'];
            mysqli_query($conn, $sql);
            // 登录成功，保存登录状态
            session_start();
            $_SESSION['user'] = $user;
            // 跳转到其他页面
            header('Location: index.php');
        }
    }

    // 关闭数据库连接
    mysqli_close($conn);
?>