用php做一个带登录界面动态网页

## 使用 PHP 构建具有登录界面和动态内容的动态网页

### 摘要

随着网络技术的飞速发展,动态网页已成为构建交互式、用户友好的网站不可或缺的一部分。本文将指导您使用 PHP 逐步构建一个带有登录界面和动态内容的动态网页,让您了解 PHP 的强大功能和 Web 开发的基本原理。

### 前提条件

在开始之前,您需要具备以下先决条件:

- 基本的 HTML 和 CSS 知识

- PHP 编程语言的初学者理解

- 已安装 Apache Web 服务器或类似服务器

- MySQL 数据库或其他数据库管理系统

### 第 1 步:创建数据库

首先,我们需要创建一个数据库来存储用户登录信息。使用 MySQL 创建一个名为“login”的数据库,并创建一个名为“users”的表,具有以下模式:

```sql

CREATE TABLE users (

id INT NOT NULL AUTO_INCREMENT,

username VARCHAR(255) NOT NULL,

password VARCHAR(255) NOT NULL,

PRIMARY KEY (id)

);

```

### 第 2 步:创建 HTML 和 CSS

接下来,让我们创建 HTML 和 CSS 代码来构建登录界面。

**login.html**

```html

PHP Login

Login

```

### 第 3 步:编写 PHP 脚本

现在,让我们编写 PHP 脚本来处理表单提交并验证用户登录:

**login.php**

```php

// 1. 连接数据库

$con = mysqli_connect("localhost", "root", "password", "login");

// 2. 检查表单提交

if (isset($_POST['username']) && isset($_POST['password'])) {

$username = $_POST['username'];

$password = $_POST['password'];

// 3. 预处理查询

$stmt = $con->prepare("SELECT * FROM users WHERE username = ? AND password = ?");

$stmt->bind_param("ss", $username, $password);

$stmt->execute();

// 4. 获取结果

$result = $stmt->get_result();

// 5. 验证用户

if ($result->num_rows > 0) {

// 用户有效

session_start();

$_SESSION['username'] = $username;

header("Location: welcome.php");

} else {

// 用户无效

echo "Invalid credentials";

}

}

?>

```

### 第 4 步:创建欢迎页面

最后,让我们创建一个欢迎页面,在用户成功登录后显示他们的用户名:

**welcome.php**

```php

session_start();

if (!isset($_SESSION['username'])) {

header("Location: login.php");

}

$username = $_SESSION['username'];

?>

Welcome

Welcome

```

### 第 5 步:运行应用程序

将所有文件上传到您的 Web 服务器,然后在浏览器中导航到“login.html”页面。输入您的用户名和密码,然后单击“登录”按钮。如果凭据有效,您将被重定向到“welcome.php”页面。

### 结论

恭喜您!您已经成功地使用 PHP 构建了一个带有登录界面和动态内容的动态网页。通过遵循本文中的步骤,您已经了解了 PHP 的基本语法、数据库连接和会话管理。您现在可以进一步使用 PHP 来创建更复杂的 Web 应用程序。