HTML 登录页面设计及 PHPStudy 连接数据库的实现方法
在现代网络开发中,HTML（超文本标记语言）和PHP（高级编程语言）结合使用是一种常见的做法，特别是在网页应用中，如在线注册、登录等功能，需要处理用户输入并存储到数据库中，本文将介绍如何利用HTML构建一个简单的登录页面，并通过PHPStudy连接到MySQL数据库进行数据操作。
在开始之前,请确保你已经安装了PHP和MySQL，并且配置好PHPStudy环境，PHPStudy是一个集成开发环境，可以帮助开发者更方便地管理和运行PHP项目。
创建 HTML 表单
在你的项目目录下创建一个新的文件,login.html，在这个文件中，我们将编写HTML代码来创建一个登录表单。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">登录页面</title>
</head>
<body>
<h1>欢迎登录您的账户</h1>
<!-- 用户名输入框 -->
<form action="/process_login" method="post">
<label for="username">用户名:</label><br>
<input type="text" id="username" name="username"><br><br>
<!-- 密码输入框 -->
<label for="password">密码:</label><br>
<input type="password" id="password" name="password"><br><br>
<!-- 提交按钮 -->
<button type="submit">登录</button>
</form>
<!-- 隐藏域用于传递会话ID -->
<input type="hidden" name="remember_me" value="0">
</body>
</html>
编写 PHP 程序
在同一目录下创建一个名为 process_login.php 的文件，用于处理提交的数据并与数据库交互。
<?php
// 数据库连接信息
$servername = "localhost";
$username = "root"; // 使用 root 用户连接 MySQL
$password = ""; // 默认没有密码
$dbname = "mydatabase";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取用户输入值
$username = $_POST['username'];
$password = $_POST['password'];
// 定义查询语句
$sql = "SELECT * FROM users WHERE username = '$username' AND password = '$password'";
$result = $conn->query($sql);
// 如果结果不为空，则表示登录成功
if ($result->num_rows > 0) {
session_start();
$_SESSION['username'] = $username;
header('Location: dashboard.php');
} else {
echo "错误：无效的用户名或密码，请尝试重新登录。";
}
// 关闭连接
$conn->close();
?>
运行程序
保存所有文件后,打开浏览器，访问 http://localhost/login.html，你应该能看到一个简单的登录页面，填写用户名和密码后，点击“登录”按钮，如果用户名和密码正确，你将在 dashboard.php 页面上看到登录成功的信息。
通过上述步骤,我们成功地创建了一个包含基本登录功能的HTML页面，并使用PHPStudy连接到了本地的MySQL数据库，这只是一个基础示例，实际应用中可能还需要添加更多的安全措施和功能，希望这些信息对你有所帮助！
上一篇