开始自然是从最简单的功能起步，我第一个任务选择了做一个登录操作，其实也没想象中那么简单。
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="https://www.jb51.net/layui.js";></script> <link href="https://www.jb51.net/layui.css" ;> <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> <div> <div > <div> <form action="login.php" method="post" οnsubmit="return InputCheck()"> <div> <h2>注册登录系统</h2> </div> <hr> <div> <label>用户名</label> <div> <input type="text" placeholder="用户名" autocomplete="off"> </div> </div> <div> <label>密 码</label> <div> <input type="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如何实现登录页面的详细内容，感谢大家对脚本之家的支持。
您可能感兴趣的文章: