按照以下步骤使用PHP创建管理员登录页面:
在这里,我们创建了一个admin的登录页面,与数据库连接,或者其登录页面的信息已经存储在我们的数据库中。
1、创建数据库:使用XAMPP创建一个数据库,这里数据库命名为“loginpage”。您可以为数据库指定任何名称。
2. 创建表:在“loginpage”数据库中创建一个名为“adminlogin”的表。
3. 创建表结构:表“adminlogin”应包含三个字段。
- id – 主键 – 自增
- 管理员名称 – varchar(100)
- 密码 – varchar(100)
adminname 和 password 的数据类型是varchar 。尺寸可根据需要更改。但是,100 就足够了,“id”的数据类型是int并且它是一个主键。
主键也称为主关键字,是关系数据库中每条记录唯一的键。它是一个唯一标识符,例如驾驶执照号码、电话号码(包括区号)或车辆识别号码 (VIN)。
表的结构将如下所示
4. 插入admin登录信息:这里插入2个admin的信息。您可以根据需要添加任意数量。
或者您可以编写 SQL 查询来插入值。
插入值后,表格将如下所示。
5. 创建一个包含以下文件的文件夹:该文件夹应位于“D:\xampp\htdocs\” (或安装 XAMPP 的位置)。在 Linux 上“/opt/lampp/htdocs” 。
- 文件名:索引PHP
html
Login Page
php
setAttribute(PDO::ATTR_ERRMODE,
PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}
?>
css
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: #191970;
}
.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;
}
php
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 "";
die();
}
}
}
?>
html
Hello Admin
- 文件名:连接。 PHP
PHP
setAttribute(PDO::ATTR_ERRMODE,
PDO::ERRMODE_EXCEPTION);
}
catch(PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}
?>
- 文件名:login.css
css
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: #191970;
}
.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;
}
- 文件名:验证。 PHP
PHP
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 "";
die();
}
}
}
?>
- 文件名:管理页面。 PHP将您想要显示的任何内容添加到管理页面。
html
Hello Admin
6. 完成以上所有步骤后,现在按照以下步骤操作:
- 运行 XAMPP
- 启动 Apache 和 MySQL 服务器
- 在浏览器中输入 http://localhost/loginPage/ 。
将出现此登录页面。
如果您输入正确的凭据,即管理员名称和密码,那么您将登录到“admin”。 PHP”页面。
否则,您会收到错误弹出警报。