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

吾爱主题阅读：182 2021-08-24 15:42:00 评论：0

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

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

这部分我写在model.php中

1 2 3 4 5 6 7 8 9 10 11 $username = 'root' ; $password = '' ; $host = 'localhost' ; $database = 'login' ; //创建连接 $conn =mysqli_connect( $host , $username , $password , $database );

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 <!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语句查询用户名配上密码的结果集，结果集为空，则不存在该用户。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 <?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>" ; };