最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

如何使用PHP创建管理员登录页面?

XAMPP案例 admin 220浏览 0评论
请按照以下步骤使用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”页面。

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

本文完〜
请按照以下步骤使用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”页面。

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

本文完〜

转载请注明:XAMPP中文组官网 » 如何使用PHP创建管理员登录页面?