首页 > 文章 > 后端开发 > php如何实现登录页面

php如何实现登录页面

爱喝马黛茶的安东尼原创: 2019-09-29 15:14:427636浏览

php如何实现登录页面

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

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

这部分我写在model.php中

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

相关推荐：《php环境搭建》

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

<!DOCTYPE html>
<html>
<script src="layui.js";></script>
<link rel="stylesheet" href="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 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 &#39;model.php&#39;;
//从登录页接受来的数据
$name=$_POST[&#39;username&#39;];
$pwd=$_POST[&#39;password&#39;];
$sql="select id,username,password from user where username=&#39;$name&#39; AND password=&#39;$pwd&#39;;";
$result=mysqli_query($conn,$sql);
$row=mysqli_num_rows($result);
 
if(!$row){
 
        echo "<script>alert(&#39;密码错误，请重新输入&#39;);location=&#39;login.html&#39;</script>";
 
    }
    else{
 
        echo "<script>alert(&#39;登录成功&#39;);location=&#39;123&#39;</script>";
    };

4、文件目录

1569740734(1).png

5、效果如下：

1569740747(1).png

1569740772(1).png

以上是php如何实现登录页面的详细内容。更多信息请关注PHP中文网其他相关文章！

php sql layui 前端框架 JS 数据库

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：php如何实现验证码功能下一篇：php如何实现推荐功能

查看更多