PHP MySQL 登录系统

在本主题中，我们将学习如何借助 PHP 和 MySQL 数据库创建一个 PHP MySQL 登录系统。以下是创建带 MySQL 数据库的登录系统的几个步骤。

在创建登录系统之前，我们首先需要了解创建登录模块的先决条件。

要求

• 我们应该具备 HTML、CSS、PHP 和 MySQL 知识，以便创建登录系统。
• 文本编辑器 - 用于编写代码。我们可以使用任何文本编辑器，例如 Notepad、Notepad++、Dreamweaver 等。
• XAMPP - XAMPP 是一个跨平台软件，它代表跨平台 (X) Apache 服务器 (A)、MySQL (M)、PHP (P)、Perl (P)。XAMPP 是一个完整的软件包，因此我们无需单独安装所有这些。

环境设置

现在，我们需要启动 Web 服务器并为登录系统创建文件。以下是设置环境的几个步骤。

• 打开 XAMPP 控制面板。
• 通过单击“开始”按钮启动 Apache 服务器。
• 通过单击“开始”按钮启动 MySQL。
• 创建登录所需的所有文件。
• 在 XAMPP 中使用 phpMyAdmin 在数据库中创建登录表。

现在，我们将为登录系统创建四个文件。

1. index.html - 此文件用于登录页面的 GUI 视图和空字段验证。
2. style.css - 此文件用于登录表单的吸引人视图。
3. connection.php - 连接文件包含数据库连接的代码。
4. authentication.php - 此文件验证用户提交的表单数据与数据库。

将所有这些文件保存在 Xampp 安装文件夹内的 htdocs 文件夹中。这些文件的详细描述和代码将在下面讨论。

index.html

首先，我们需要为网站用户设计登录表单以与之交互。此登录表单使用 HTML 创建，还包含空字段验证，该验证用 JavaScript 编写。index.html 文件的代码如下所示

如果在浏览器上执行上述代码，如果它不包含 style.css 文件，则登录页面将显示如下。

style.css

现在，我们将创建 style.css 文件，为登录表单提供更具吸引力的视图。style.css 文件的 CSS 代码如下所示

在 index.html 中包含上述 CSS 文件后，登录表单将如下所示 -

注意：所有这些文件都应保存在同一个文件夹中，以便我们可以在没有任何中断的情况下轻松访问它们。

数据库和表的创建

现在，下一步是创建数据库和数据库中的登录表。

• 使用 localhost/phpmyadmin/ 在浏览器上访问 phpMyAdmin，并在数据库中创建一个表。在这里，我们将使用基于 GUI 的 phpMyAdmin 创建数据库和表，而不是执行查询。
• 单击 New 并输入数据库名称，然后单击 Create 按钮。

• 现在我们将在数据库中创建一个登录表。在您之前创建的数据库中创建一个名为 login 的表。

• 在表中指定列 名称 及其 类型 和 长度，我们将在此表中存储不同用户的 用户名 和 密码，然后单击 保存 按钮保存。

• 单击插入，我们可以从此处 插入 列中的记录。因此，在此处插入 用户名 和 密码，然后单击 Go 按钮保存记录。

connection.php

下一步是将登录表单与我们在前几个步骤中创建的数据库连接起来。我们将创建 connection.php 文件，其代码如下所示

authentication.php

现在，我们已经设置好数据库，因此我们可以进行用户身份验证。此文件处理通过 index.html 文件发送的登录表单数据。它验证通过登录表单发送的数据，如果用户名和密码与数据库匹配，则登录将成功，否则登录将失败。

如何运行登录表单？

• 要运行登录表单，请打开 xampp 控制面板并运行 Apache 服务器和 PHP。
• 现在，在浏览器中键入 localhost/xampp/folder name/file name 并按 Enter 键。
• 现在所有设置都已完成。在登录表单中输入用户名和密码，然后单击登录按钮。

• 在这里，我们输入了不正确的用户名，因此用户无法登录，并将给出登录失败错误。

输出

• 现在，我们将在用户名和密码中提供正确的值。因此，用户将成功登录。请看下面的示例。

输出