基于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>

总结

今天美化了登录页面的调转以及完整性

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值