【开发小技巧】017—如何使用PHP创建管理员登录页面？

最新推荐文章于 2024-07-17 15:03:34 发布

web前端开发V

最新推荐文章于 2024-07-17 15:03:34 发布

阅读量1.4k

点赞数

请按照以下步骤使用PHP创建admin登录页面：
在这里，我们创建了一个admin登录页面，该登录页面与数据库连接，或者用于登录该页面的信息已经存储在我们的数据库中。

1、创建数据库：使用XAMPP创建数据库，该数据库在此命名为“ loginpage”。你可以给数据库起任何名字。

2、创建表：在“ loginpage”数据库内创建一个名为“ adminlogin”的表。

3、创建表结构：表“ adminlogin”应包含三个字段。

id –主键–自动递增
管理员名称– varchar（100）
密码– varchar（100）

adminname和password的数据类型为varchar。大小可以根据要求进行更改。但是，100就足够了，“ id”的数据类型为int，并且是主键。

一个主键，也称为主关键字是在对每个记录独特的关系数据库中的关键。它是唯一的标识符，例如驾照号码，电话号码（包括区号）或车辆识别号码（VIN）。

表的结构如下所示：

4、插入管理员登录信息：在此处插入2个管理员的信息。你可以根据需要添加任意数量。

或者，你可以编写sql查询来插入值。

插入值后，表格将如下所示。

5、创建一个包含以下文件的文件夹：该文件夹应位于“ D：\ xampp \ htdocs \”（或XAMPP的安装位置）中。

文件名：index.php

<!DOCTYPE html> 
<html lang="en"> 


<head> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" href= 
"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <link rel="stylesheet" href="login.css"> 
    <title>Login Page</title> 
</head> 


<body> 
    <form action="validate.php" method="post"> 
        <div class="login-box"> 
            <h1>Login</h1> 


            <div class="textbox"> 
                <i class="fa fa-user" aria-hidden="true"></i> 
                <input type="text" placeholder="Adminname"
                         name="adminname" value=""> 
            </div> 


            <div class="textbox"> 
                <i class="fa fa-lock" aria-hidden="true"></i> 
                <input type="password" placeholder="Password"
                         name="password" value=""> 
            </div> 


            <input class="button" type="submit"
                     name="login" value="Sign In"> 
        </div> 
    </form> 
</body> 


</html>

文件名：connection.php

<?php 


$conn = ""; 


try { 
    $servername = "localhost:3306"; 
    $dbname = "loginPage"; 
    $username = "root"; 
    $password = ""; 


    $conn = new PDO( 
        "mysql:host=$servername; dbname=loginPage", 
        $username, $password
    ); 


   $conn->setAttribute(PDO::ATTR_ERRMODE, 
                    PDO::ERRMODE_EXCEPTION); 
} 
catch(PDOException $e) { 
    echo "Connection failed: " . $e->getMessage(); 
} 


?>

文件名：index.css

<style> 
    body { 
        margin: 0; 
        padding: 0; 
        font-family: sans-serif; 
        background: url() no-repeat; 
        background-size: cover; 
    } 


    .login-box { 
        width: 280px; 
        position: absolute; 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        color: ; 
    } 


    .login-box h1 { 
        float: left; 
        font-size: 40px; 


        border-bottom: 4px solid #191970; 
        margin-bottom: 50px; 
        padding: 13px; 
    } 


    .textbox { 
        width: 100%; 
        overflow: hidden; 
        font-size: 20px; 
        padding: 8px 0; 
        margin: 8px 0; 
        border-bottom: 1px solid #191970; 
    } 


    .fa { 
        width: px; 
        float: left; 
        text-align: center; 
    } 


    .textbox input { 
        border: none; 
        outline: none; 
        background: none; 


        font-size: 18px; 
        float: left; 
        margin: 0 10px; 
    } 


    .button { 
        width: 100%; 
        padding: 8px; 
        color: #ffffff; 
        background: none #191970; 
        border: none; 
        border-radius: 6px; 
        font-size: 18px; 
        cursor: pointer; 
        margin: 12px 0; 
    } 
</style>

档名：validate.php

<?php 


include_once('connection.php'); 


function test_input($data) { 


    $data = trim($data); 
    $data = stripslashes($data); 
    $data = htmlspecialchars($data); 
    return $data; 
} 


if ($_SERVER["REQUEST_METHOD"]== "POST") { 


    $adminname = test_input($_POST["adminname"]); 
    $password = test_input($_POST["password"]); 
    $stmt = $conn->prepare("SELECT * FROM adminlogin"); 
    $stmt->execute(); 
    $users = $stmt->fetchAll(); 


    foreach($users as $user) { 


        if(($user['adminname'] == $adminname) &&  
            ($user['password'] == $password)) { 
                header("Location: adminpage.php"); 
        } 
        else { 
            echo "<script language='javascript'>"; 
            echo "alert('WRONG INFORMATION')"; 
            echo "</script>"; 
            die(); 
        } 
    } 
} 


?>

文件名：adminpage.php将要显示的任何内容添加到管理页面。