如何使用PHP创建管理员登录页面？-XAMPP中文组官网

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

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将要显示的任何内容添加到管理页面。

<h2>Hello Admin</h2>

6.完成上述所有步骤之后，请按照以下步骤操作：

运行XAMPP
启动Apache和MySQL服务器
键入的http：//本地主机/ loginPage /在你的浏览器。

将显示该登录页面。

如果输入正确的预设，即管理员名称和密码，那么您将登录到“ admin.php”页面。

否则，您将收到错误提示警报。

本文完〜