基于PHP的个人博客网站的搭建(第三弹)

最新推荐文章于 2025-09-16 18:13:37 发布

原创最新推荐文章于 2025-09-16 18:13:37 发布 · 501 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#php #开发语言

文章介绍了如何在PHP环境中完善管理员登录界面，包括防SQL注入、数据库连接的确认、登录成功后跳转至main.php并显示用户名，以及登录表单的验证和错误提示。主要涉及session的使用和登录状态的判断。

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、准备工作
二、建议main.php网页（管理员成功登陆后需要跳转的网页）
总结

前言

`在前一次的文章里我们完成了管理员界面的简单设计以及进行了简单的防SQL注入，今天我们将完善登陆界面以及完成登陆界面的跳转任务。

提示：以下是本篇文章正文内容，下面案例可供参考

一、准备工作

首先我们应该打开phpstudy启动网站以及确保数据库的连接成功
启动apache与mysql
检查数据库是否正常连接(如下图)
在这里插入图片描述

二、建议main.php网页（管理员成功登陆后需要跳转的网页）

1，与之前一样，需要在此文件中引用数据库的链接

所以添加以下代码：

代码如下（示例）：

include_once 'init1.php';

2.编写程序使当管理员登陆成功后main.php网页显示用户名

代码如下（示例）：

if($_SESSION['username']){
    echo $_SESSION['username'];
}else{
    echo '验证失败';
}

3.完善登登录界面以及登录成功后的调转（代码见文章末尾）

在这里插入图片描述

修改后的login.php文件代码（示例）：

<?php
session_start();
include_once "init1.php";





if($_POST['sub']){
    $username = filterstr($_POST['username']);
    $password = filterstr($_POST['password']);

    $result = $conn->query("select * from users where username = '$username' and password = '$password'");
    if (!$result) {
        die("查询失败：" . mysqli_error($conn));
    }

    if($result->num_rows>0){
        $row = $result->fetch_assoc();
        if($row['password']==$password){
            header('Location:main.php');
            $_SESSION['username'] =$row['username'];
        }else{
            echo "<script>alert('密码错误')</script>";
        }
    }else{
        echo "<script>alert('用户错误')</script>";
    }
}
?>


<!DOCTYPE html>
<html>
<head>
    <title>管理员登录</title>
    <style>
        .login{
            width: 400px;
            margin: 0px auto;
        }
    </style>
    <script>
        function check(form){
            var username = form.username.value;
            if(username.length==0){
                alert('用户不能为空');
                form.username.focus();
                return false;
            }
            var password = form.password.value;
            if(password.length==0){
                alert('密码不能为空');
                form.password.focus();
                return false;
            }
            return true;
        }
    </script>
</head>
<body
<div class="login">
    <form method="post" onsubmit="return check(this)">
        <table>
            <tr>
                <td><label for="username">用户名</label></td>
                <td><input type="text" name="username" id="username" /></td>
            </tr>
            <tr>
                <td><label for="password">密码</label></td>
                <td><input type="password" name="password" id="password" /></td>
            </tr>
            <tr>
                <td colspan="2"><input type="submit" value="登录" name="sub" /></td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>