php制作用户登录
php实现登录页面的简单实例开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。
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" > <li style= "position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px" > <li style= "background: #ffffff; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" > <li> <form action= "login.php" method= "post" name= "login" οnsubmit= "return inputcheck()" > <li style= "color: gray" > <h2>注册登录系统</h2> </li> <hr> <li> <label>用户名</label> <li> <input type= "text" name= "username" id= "username" placeholder= "用户名" autocomplete= "off" > </li> </li> <li> <label>密 码</label> <li> <input type= "password" name= "password" id= "password" placeholder= "密码" autocomplete= "off" > </li> </li> <li> <li;> <input type= "submit" value= "登录" > <input type= "button" value= "注册" > </li> </li> </form> </li> </li> </li> </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如何实现登录页面的详细内容,感谢大家对开心学习网的支持。