php实现登录页面的简单实例

时间:2021-05-26

开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。

1、首先自然是连接和创建数据库

这部分我写在model.php中

$userName='root';$passWord='';$host='localhost';$dataBase='login';//创建连接$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

2、写前台页面,为了熟练前端框架,使用layui框架界面,前面有一段js代码,来判断用户名密码输入是否为空。

<!DOCTYPE html><html><script src="layui.js";></script><link rel="stylesheet" href="layui.css" rel="external nofollow" ;><head> <meta charset="UTF-8"> <title>注册登录</title></head><script language=JavaScript> function InputCheck() { if (Login.username.value == "") { alert("请输入用户名!"); Login.username.focus(); return (false); } if (Login.password.value == "") { alert("请输入密码!"); Login.password.focus(); return (false); } }</script><body style="background: #1E9FFF"><div style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px"> <div style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" > <div> <form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()"> <div style="color: gray"> <h2>注册登录系统</h2> </div> <hr> <div> <label>用户名</label> <div> <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off"> </div> </div> <div> <label>密 码</label> <div> <input type="password" name="password" id="password" placeholder="密码" autocomplete="off"> </div> </div> <div> <div;> <input type="submit" value="登录"> <input type="button" value="注册"> </div> </div> </form> </div> </div></div></body></html>

3、login.php 用来判断用户名密码的正确性,关于这一点我看了网上的很多方法,五花八门,在我没遇到障碍之前,我决定先用简单的形式,就是用sql语句查询用户名配上密码的结果集,结果集为空,则不存在该用户。

<?php//数据库连接require_once 'model.php';//从登录页接受来的数据$name=$_POST['username'];$pwd=$_POST['password'];$sql="select id,username,password from user where username='$name' AND password='$pwd';";$result=mysqli_query($conn,$sql);$row=mysqli_num_rows($result); if(!$row){ echo "<script>alert('密码错误,请重新输入');location='login.html'</script>"; } else{ echo "<script>alert('登录成功');location='123'</script>"; };

4、文件目录

5、效果如下:

以上就是php如何实现登录页面的详细内容,感谢大家对的支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章