PHP连接数据库实现简单的登录页面功能
更新时间：2023年09月21日 10:22:52 作者：木路露
这篇文章主要介绍了PHP连接数据库实现简单的登录页面功能,文中的示例代码讲解详细,对大家的学习或工作有一定的帮助,感兴趣的可以了解一下
最后实现结果如下图所示：
如果输入的用户名或密码为空，则会弹出对话框提示
如果输入的用户名或密码为空，则会弹出对话框提示
登录成功页面：
具体实现代码如下：
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登陆</title>
<link rel="icon" href="img/denglu-img/loginIcon.png" rel="external nofollow" >
<link rel="stylesheet" href="CSS/denglu-css.css" rel="external nofollow" >
<script src="JS/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" href="CSS/bootstrap.min.css" rel="external nofollow" >
<script src="JS/bootstrap.min.js"></script>
</head>
<body>
<div id="box" style="background: url('img/loginBackground.jpg');position:fixed;background-repeat: no-repeat;position:fixed;
top: 0;left: 0;width:100%;height:100%;min-width: 1000px;z-index:-10;zoom: 1;background-color: #fff;background-repeat: no-repeat;
background-size: cover;-webkit-background-size: cover;-o-background-size: cover;
background-position: center 0;"></div>
<form action="login.php" method="post">
<div class="login">
<div class="login_container">
<div class="login_titles">登录</div>
<div class="login_user">
<img src="img/denglu-img/user.png">
<input name="fusername" id="user" type="text" placeholder="请输入用户名" style="width: 300px;">
</div>
<div class="login_pwd login_user">
<img src="img/denglu-img/pwd.png">
<input name="fuserpassword" id="pwd" type="text" placeholder="请输入密码" style="width: 300px;">
</div>
<!-- 记住密码 -->
<div class="login_remenber">
<input id="remenber_pwd" type="checkbox" value="1" name="remember" checked> 记住密码
<span class="forgetpsd" style="float: right;"><a href="forget.php" rel="external nofollow"
style="color:#fff;">忘记密码？</a></span>
</div>
<div>
<p>
<span class="login_submit">
<button>登陆</button>
</span>
<span class="zhuce">
<!-- <a href="zhuce.php" rel="external nofollow" rel="external nofollow" ><input type="button" value="注册"></a> -->
<a href="zhuce.php" rel="external nofollow" rel="external nofollow" ><input type="button" value="注册"
style=" width: 100px;opacity: 0.8;text-align: center;color:black;font-size: 16px;margin: 10px 20px;">
</a>
</span>
</p>
</div>
</div>
</div>
</form>
</body>
</html>css代码：
*{
margin: 0;
padding: 0;
}
.login{
position: fixed;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.login_title{
text-align: center;
margin: 10px 0;
font-size: 30px;
color: white;
font-family: "华文行楷";
}
.login_container{
padding: 20px 30px;
background: rgba(0,0,0,0.3);
}
.login_titles{
margin-bottom: 10px;
text-align: center;
font-size: 16px;
color: #eee;
}
.login_user{
position: relative;
margin: 20px 0;
}
.login_user img{
position: absolute;
height: 20px;
top: 50%;
left: 8px;
transform: translateY(-50%);
}
.login_user input{
outline: none;
border: none;
padding: 7px 0px 7px 35px;
width: 300px;
font-family: "Microsoft soft";
font-size: 14px;
opacity: 0.4;
}
.login_remenber{
font-family: "Microsoft soft";
font-size: 14px;
color: #eee;
}
.login_submit button{
width: 100px;
opacity: 0.8;
text-align: center;
color:black;
font-size: 16px;
margin: 10px 20px;
}
.zhuce{
width: 100px;
opacity: 0.8;
text-align: center;
color:black;
font-size: 16px;
margin: 10px 20px;
}
.login_message div{
background: red;
opacity: 0.8;
text-align: center;
color: white;
font-size: 16px;
height: 30px;
line-height: 30px;
margin: 10px 0;
display: none;
transition: 2s;
}
.login_message{
-webkit-animation: login_message 2s linear;
-moz-animation: login_message 2s linear;
animation:login_message 2s linear;
}PHP连接数据库：
<?php
// 连接到数据库
$servername = "localhost";
$serverusername = "root";
$serverpassword = "123456";
$dbname = "mybs";
// 创建连接
$conn = new mysqli($servername, $serverusername, $serverpassword, $dbname);
// 检测连接
// if ($conn->connect_error) {
// die("连接失败: " . $conn->connect_error);
// } else {
// echo "连接成功";
// }
// 验证表单 登录信息
//判断用户名和密码是否为空
$fusername = isset($_POST['fusername']) ? $_POST['fusername'] : "";
$fuserpassword = isset($_POST['fuserpassword']) ? $_POST['fuserpassword'] : "";
$remember = isset($_POST['remember']) ? $_POST['remember'] : "";
// $fusername = $_POST["fusername"];
// $fuserpassword = $_POST["fuserpassword"];
// echo $fusername, $fuserpassword;
if (!empty($fusername) && !empty($fuserpassword)) { //建立连接
$sql = "SELECT username,userpassword FROM `users` WHERE username = '$fusername' and userpassword = '$fuserpassword'";
$result = $conn->query($sql);
$row = mysqli_fetch_array($result); //判断用户名或密码是否正确
if ($fusername == $row['username'] && $fuserpassword == $row['userpassword']) {
// 创建cookie
// 过期时间被设置为一个月（60 秒 * 60 分 * 24 小时 * 30 天）
$expire = time() + 60 * 60 * 24 * 30;
setcookie("fusername1", $fusername, $expire);
setcookie("fuserpassword1", $fuserpassword, $expire);
//关闭数据库,可进行页面跳转 这里为了方便 仅显示为登录成功
// header("Location:personcenter.html");
echo "登录成功！";
mysqli_close($conn);
} else {
//用户名或密码错误，赋值err为1
echo "<script>alert('用户名或密码错误，请重新输入！');location.href='denglu.html';</script>";
}
} else {
//用户名或密码为空，赋值err为2
echo "<script>alert('用户名或密码不能为空，请重新输入！');location.href='denglu.html'</script>";
}所建数据库如下：
这样我们简单的登录页面就做好了，通过form表单传递表单信息，一定要与input的name属性相匹配才能成功。这里所创建的cookie便于用户登录后，向多个页面传递用户信息。如：在另一个页面中 $fusername = $_COOKIE["fusername1"]; 来接受cookie所传递的值
以上就是PHP连接数据库实现简单的登录页面功能的详细内容，更多关于PHP数据库登录页面的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了PHP脚本的测试方法,包括使用PHPUNIT来对PHP代码进行单元测试的示例,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了PHP使用token防止表单重复提交的方法,通过生成一个加密后的随机数存入session的token变量,同时将该值放入表单隐藏提交,达到防止表单重复提交的功能,需要的朋友可以参考下2016-04-04
站长助手-网站web在线管理程序 v1.0 下载...2007-05-05
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的
这篇文章主要介绍了php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法,是使用ZipArchive时经常会遇到的问题,需要的朋友可以参考下2014-11-11
开心消消乐应该对大家来说都不陌生吧，下面这篇文章主要给大家介绍了关于如何利用PHP实现开心消消乐算法的相关资料，文中将需求和示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-10-10
这篇文章主要介绍了php实现模拟登陆方正教务系统抓取课表的相关资料,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了PHP实现在线阅读PDF文件的方法,可实现在线读取并显示pdf文件的功能,需要的朋友可以参考下2015-06-06
网络环境异常复杂，有时候我们不得不禁止一些恶意用户访问，禁止的方式有很多种，其中一种就是通过 IP 来限制，本文提供的方法允许你通过 IP 区间、CIDR （Classless Inter-Domain Routing）及单个 IP 格式来检查或过滤 IP 地址2011-11-11
PHP面向对象程序设计（OOP）之方法重写（override）操作示例
这篇文章主要介绍了PHP面向对象程序设计（OOP）之方法重写（override）操作,简单描述了php面向对象程序设计中方法重写的原理,并结合实例形式分析了php方法重写相关实现技巧与注意事项,需要的朋友可以参考下2018-12-12
PHP实现的mysql操作类【MySQL与MySQLi方式】
这篇文章主要介绍了PHP实现的mysql操作类,结合实例形式分析了MySQL与MySQLi方式连接与操作MySQL数据库的常用方法封装与使用技巧,需要的朋友可以参考下2017-10-10
最新评论