当前位置:首页 > PHP

php登录页面实现

2026-02-16 08:24:07PHP

PHP 登录页面实现

数据库准备

创建一个名为 users 的表,包含 id, username, password 等字段。密码建议使用哈希加密存储(如 password_hash)。

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(50) NOT NULL UNIQUE,
    password VARCHAR(255) NOT NULL
);

登录表单设计

创建一个 HTML 表单,包含用户名和密码输入框,提交到 PHP 处理脚本。

php登录页面实现

<form action="login.php" method="post">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username" required>

    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>

    <button type="submit">登录</button>
</form>

PHP 登录验证脚本

login.php 中处理表单提交,验证用户输入与数据库记录是否匹配。

php登录页面实现

<?php
session_start();
$db = new PDO('mysql:host=localhost;dbname=your_database', 'username', 'password');

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = $_POST['username'];
    $password = $_POST['password'];

    $stmt = $db->prepare("SELECT * FROM users WHERE username = :username");
    $stmt->bindParam(':username', $username);
    $stmt->execute();
    $user = $stmt->fetch();

    if ($user && password_verify($password, $user['password'])) {
        $_SESSION['user_id'] = $user['id'];
        $_SESSION['username'] = $user['username'];
        header('Location: dashboard.php');
        exit;
    } else {
        echo "用户名或密码错误";
    }
}
?>

会话管理

登录成功后使用 $_SESSION 存储用户信息,其他页面通过检查会话验证用户是否登录。

<?php
session_start();
if (!isset($_SESSION['user_id'])) {
    header('Location: login.php');
    exit;
}
?>

安全注意事项

  • 使用 password_hashpassword_verify 处理密码
  • 对用户输入进行过滤或使用预处理语句防止 SQL 注入
  • 启用 HTTPS 保护传输数据
  • 设置会话过期时间并实现注销功能

完整示例

将上述代码整合到以下文件中:

  1. login.html - 登录表单
  2. login.php - 处理登录逻辑
  3. dashboard.php - 受保护页面示例
  4. logout.php - 注销脚本
// logout.php
<?php
session_start();
session_destroy();
header('Location: login.php');
?>

标签: 页面php
分享给朋友:

相关文章

vue实现页面属性修改

vue实现页面属性修改

Vue 实现页面属性修改的方法 在 Vue 中修改页面属性可以通过多种方式实现,以下是一些常见的方法: 使用 data 属性 在 Vue 组件中,可以通过 data 选项定义页面属性,并在模板或方…

vue实现页面

vue实现页面

Vue 实现页面的基本方法 创建 Vue 项目 使用 Vue CLI 快速初始化项目,运行以下命令安装并创建项目: npm install -g @vue/cli vue create my-pr…

vue实现反馈页面

vue实现反馈页面

Vue 实现反馈页面的方法 基础表单结构 使用 Vue 的模板语法构建反馈表单,包含输入框、下拉选择、复选框等基础元素。表单需绑定 v-model 实现数据双向绑定。 <template>…

css制作音乐盒页面

css制作音乐盒页面

音乐盒页面设计思路 音乐盒页面通常需要结合音频播放功能与视觉设计。以下是实现一个基础音乐盒页面的关键步骤。 HTML结构搭建 基础HTML需包含音频播放器控件和播放列表: <!DOC…

vue实现单页面

vue实现单页面

Vue 实现单页面应用(SPA)的方法 Vue.js 是一个渐进式框架,适合构建单页面应用(SPA)。以下是实现 SPA 的核心步骤和关键配置。 安装 Vue 和 Vue Router 确保已安装…

vue实现点击页面切换

vue实现点击页面切换

Vue 实现页面切换 在 Vue 中实现页面切换通常可以通过以下几种方式实现,具体选择取决于项目需求和技术栈。 使用 Vue Router 实现页面切换 Vue Router 是 Vue 官方提供的…