在现代化的应用程序中，登录注册界面是必不可少的组成部分。但是，在开发这样的应用时，最重要的一步是将它们与数据库连接起来，以允许用户的数据安全存储和访问。在这篇文章中，我们将一步步地介绍如何实现一个简单的登录注册界面，并与MySQL数据库进行连接。

之一步：搭建环境

在开始开发工作之前，您需要确保您的计算机上已安装所需的开发环境。在本文中，我们将使用Visual Studio Code和XAMPP作为我们的开发环境。确保在您的计算机上安装了这些软件。

第二步：创建数据库

在此步骤中，我们将创建一个名为“users”的数据库，其中包含存储用户数据的表。要创建此数据库和表，请打开XAMPP，单击MySQL功能的“Admin”按钮。这将打开phpMyAdmin，从而允许您创建新的数据库。在phpMyAdmin页面上，单击“新建”按钮，输入“users”作为数据库名称，并单击“创建”。

接下来，我们将向数据库添加一个名为“users” 表。要添加表，请转到“users”数据库选项卡，并在其下面找到“SQL”选项卡。在此处，我们将输入以下命令：

CREATE TABLE users(

id INT(11) PRIMARY KEY AUTO_INCREMENT,

username VARCHAR(255) NOT NULL,

eml VARCHAR(255) NOT NULL,

password VARCHAR(255) NOT NULL

);

在上面的代码中，我们创建了一个名为“users”的表，其中包含四个字段：id、username、eml和password。请注意，id字段用作主键，而所有其他字段均不为空。

第三步：连接到数据库

一旦数据库和表就绪，我们可以开始将其与我们的登录和注册表单连接起来。我们将在PHP中处理此操作，因此，我们需要在Visual Studio Code中创建两个新文件：login.php和register.php。

让我们创建一个名为config.php的新文件。这个文件将用来存储我们的数据库配置信息，以便我们能够连接到它们。请在config.php文件中输入以下代码：

$host = “localhost”;

$username = “root”;

$password = “”;

$database = “users”;

$connection = mysqli_connect($host, $username, $password, $database);

if (!$connection) {

die(“Connection fled: ” . mysqli_connect_error());

}

?>

在上面的代码中，我们定义了四个变量：$host，$username，$password和$database。这些变量包含我们要连接的MySQL服务器的信息，在这种情况下，我们正在连接到本地主机。我们还设置了$connection变量，该变量是mysqli_connect()函数的返回值，该函数用于实际创建到MySQL服务器的连接。如果连接失败，我们将使用mysqli_connect_error()函数打印错误消息并停止脚本的执行。

然后，我们需要将config.php文件包含在login.php和register.php中，以便我们能够使用它们。

在上面的代码中，我们使用了php的 include 语法，在两个PHP文件中嵌入了 config.php。

第四步：创建登录表单

在login.php文件中，我们将创建一个简单的HTML表单，以便用户可以提供其登录凭证并提交它们。我们需要以下表单字段：

·用户名或电子邮件地址

·密码

·登录按钮

请在login.php文件中键入以下代码：

Login

Username or eml:

Password:

在上面的代码中，我们定义了一个名为“Login”的HTML标题，并使用HTML表单创建了我们的登录字段。在这个表单中，我们使用post方法提交用户名和密码值。我们对提交操作的响应将在login.php中处理。我们使用“Login”值为按钮定义输入类型。

第五步：处理登录表单

我们需要捕获表单中输入的用户名和密码值，并将它们与数据库中存储的密钥进行比较。在login.php文件中，我们可以添加以下代码，处理我们的登录表格：

if ($_SERVER[‘REQUEST_METHOD’] == ‘POST’) {

$username = mysqli_real_escape_string($connection, $_POST[‘username’]);

$password = mysqli_real_escape_string($connection, $_POST[‘password’]);

$sql = “SELECT * FROM users WHERE (username = ‘$username’ OR eml = ‘$username’) AND password = ‘$password'”;

$result = mysqli_query($connection, $sql);

if (mysqli_num_rows($result) == 1) {

// Login successful

} else {

// Login fled

}

}

?>

在上面的代码中，我们使用了$_SERVER[‘REQUEST_METHOD’] == ‘POST’语法，这意味着我们只会捕获使用POST方法提交的请求。我们还使用mysqli_real_escape_string()函数，该函数将字符串转义为安全字符串，以避免SQL注入攻击。

接下来，我们定义我们的SQL查询，以查找与该输入的用户名和密码离开的数据匹配的行。如果查询返回一行，则用户名和密码是有效的，该用户登录成功。

第六步：创建注册表单

现在，我们将创建一个HTML表单，为用户提供注册信息。我们需要以下表单字段：

·用户名

·电子邮件地址

·密码

·确认密码

·注册按钮

请在register.php文件中键入以下代码：

Register

Username:

Eml:

Password:

Confirm password:

在上面的代码中，我们格式化了一个HTML表单，使用了POST方法提交用户提供的数据。我们还定义了一个名为“Register”的HTML标题。

第七步：处理注册表单

我们现在需要处理用户提交的数据，并将其插入到MySQL数据库中。要做到这一点，我们将向register.php文件中添加以下代码：

if ($_SERVER[‘REQUEST_METHOD’] == ‘POST’) {

$username = mysqli_real_escape_string($connection, $_POST[‘username’]);

$eml = mysqli_real_escape_string($connection, $_POST[’eml’]);

$password = mysqli_real_escape_string($connection, $_POST[‘password’]);

$password_confirm = mysqli_real_escape_string($connection, $_POST[‘password_confirm’]);

$errors = array();

if (empty($username)) {

$errors[] = “Please enter a username.”;

}

if (empty($eml)) {

$errors[] = “Please enter an eml address.”;

}

if (empty($password)) {

$errors[] = “Please enter a password.”;

}

if ($password != $password_confirm) {

$errors[] = “The passwords do not match.”;

}

if (empty($errors)) {

$sql = “INSERT INTO users (username, eml, password) VALUES (‘$username’, ‘$eml’, ‘$password’)”;

if(mysqli_query($connection, $sql)) {

// Registration successful

} else {

// Registration fled

}

} else {

foreach ($errors as $error) {

echo $error . “
“;

}

}

}

?>

在上面的代码中，我们定义了几个新变量，并为所有表单字段添加了输入验证。我们还定义了包含我们添加到数据库的新用户信息的SQL查询。

如果用户输入的所有值都有效，则我们将调用mysqli_query()函数将数据插入到我们的用户表中。

结论

通过按照上述步骤操作，我们已经成功地创建了一个连接到本地MySQL数据库并允许用户登录和注册的应用程序。现在您可以将此代码用作基础，更快地实现更复杂的登录注册系统。