# PHP验证码登录页面制作详解
在现代Web应用中，登录功能是一个必不可少的部分。为了增强系统的安全性，我们常常需要在登录过程中引入验证码（Verification Code），以防止恶意用户的自动暴力破解攻击。本文将详细介绍如何使用PHP和一些简单的前端技术来制作一个含有验证码的登录页面。
## 一、项目准备
### 1. 开发环境搭建
在开始之前，确保你的开发环境已经设置好了。你可以使用XAMPP、WAMP等集成环境，它们会为你提供Apache服务器、MySQL数据库及PHP环境。安装完成后，启动Apache和MySQL服务。
### 2. 创建数据库
我们需要创建一个简单的用户表用于存储用户信息。打开phpMyAdmin，执行以下SQL命令：
```sql
CREATE DATABASE mydb;
USE mydb;
CREATE TABLE users (
id INT AUTO_INCREMENT PRIMARY KEY,
username VARCHAR(50) NOT NULL,
password VARCHAR(255) NOT NULL
);
```
接下来，插入一名用户的信息：
```sql
INSERT INTO users (username, password) VALUES ('testuser', '$2y$10$eImiTXuWVxfD0jdmL2OeSuQXzFz4rYGFV9M51wZ8c8//Pmqh2oIri');
```
这里的密码是经过`password_hash`函数加密后的字符串，原始密码为“password”。
## 二、验证码生成
### 1. 使用GD库生成验证码
我们可以使用PHP内置的GD库来生成验证码。在项目根目录下创建一个名为`captcha.php`的文件，代码如下：
```php
<?php
session_start();
// 生成随机字符串
function generateRandomString($length = 6) {
return substr(str_shuffle(str_repeat("0123456789abcdefghijklmnopqrstuvwxyz", ceil($length / strlen("0123456789abcdefghijklmnopqrstuvwxyz")))), 1, $length);
}
// 创建验证码图片
$code = generateRandomString();
$_SESSION['captcha'] = $code;
$image = imagecreatetruecolor(100, 38);
$background_color = imagecolorallocate($image, 255, 255, 255); // 白色
$text_color = imagecolorallocate($image, 0, 0, 0); // 黑色
$line_color = imagecolorallocate($image, 64, 64, 64); // 灰色
// 填充背景
imagefilledrectangle($image, 0, 0, 200, 38, $background_color);
// 添加噪点
for ($i = 0; $i < 10; $i++) {
imageline($image, rand(0, 100), rand(0, 38), rand(0, 100), rand(0, 38), $line_color);
}
// 在图片上添加文字
imagettftext($image, 20, 0, 10, 25, $text_color, 'arial.ttf', $code);
// 输出图片
header('Content-Type: image/png');
imagepng($image);
imagedestroy($image);
?>
```
在上述代码中，我们生成了一个包含6位数字和字母的随机码，并将其保存在PHP的会话中，然后通过GD库生成一个包含该验证码的图像。
### 2. 确保GD库启用
确保你的PHP安装中启用了GD库。在`php.ini`文件中找到并取消注释（去掉前面的分号）以下行：
```ini
extension=gd
```
重启Apache服务以使更改生效。
## 三、创建登录页面
接下来，创建一个名为`login.php`的文件，内容如下：
```php
<?php
session_start();
$message = '';
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$username = $_POST['username'];
$password = $_POST['password'];
$captcha = $_POST['captcha'];
// 验证用户输入的验证码
if ($captcha == $_SESSION['captcha']) {
// 从数据库获取用户信息
$conn = new mysqli('localhost', 'root', '', 'mydb');
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$stmt = $conn->prepare("SELECT password FROM users WHERE username = ?");
$stmt->bind_param("s", $username);
$stmt->execute();
$stmt->store_result();
if ($stmt->num_rows > 0) {
$stmt->bind_result($hashed_password);
$stmt->fetch();
// 验证密码
if (password_verify($password, $hashed_password)) {
$message = "登录成功！";
// 登录成功后的处理，例如跳转到主页
} else {
$message = "密码错误！";
}
} else {
$message = "用户名不存在！";
}
$stmt->close();
$conn->close();
} else {
$message = "验证码错误！";
}
}
?>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<h2>用户登录</h2>
<?php if ($message): ?>
<p style="color: red;"><?php echo $message; ?></p>
<?php endif; ?>
<form action="" method="post">
<label for="username">用户名：</label>
<input type="text" name="username" required><br><br>
<label for="password">密码：</label>
<input type="password" name="password" required><br><br>
<label for="captcha">验证码：</label>
<input type="text" name="captcha" required>
<img src="captcha.php" alt="验证码"><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
```
在上面的代码中，我们创建了一个简单的HTML表单来接收用户的用户名、密码和验证码。在处理表单提交时，首先验证用户输入的验证码是否与会话中的验证码相符，然后从数据库中查询用户信息，最后验证密码。
## 四、安全性考虑
1. **输入过滤**：在生产环境中，应该对用户输入进行更加严格的过滤和验证，以防止SQL注入等攻击。
2. **HTTPS加密**：确保你的登录页面使用HTTPS，以防止中间人攻击。
3. **用户锁定**：在多次失败尝试后，将用户锁定一段时间。
4. **验证码有效期**：验证码应该有短暂的有效期，通常为几分钟，以防止被恶意利用。
## 五、小结
通过本文的介绍，我们成功地实现了一个简单的PHP验证码登录页面。在这个页面中，我们利用了PHP的GD库生成验证码，结合MySQL数据库进行用户身份验证。这只是一个基础示例，实际应用中你可能需要根据具体需求进行更复杂的处理和优化。希望这篇文章能对你有所帮助！ |
立即注册
登录