前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php实现登录页面的简单实例

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

作者头像
砸漏
发布2020-10-20 14:58:04
1.3K0
发布2020-10-20 14:58:04
举报
文章被收录于专栏:恩蓝脚本

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

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

这部分我写在model.php中

代码语言:javascript
复制
$userName='root';

$passWord='';

$host='localhost';

$dataBase='login';

//创建连接

$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

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

代码语言:javascript
复制
<!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语句查询用户名配上密码的结果集,结果集为空,则不存在该用户。

代码语言:javascript
复制
<?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如何实现登录页面的详细内容,感谢大家对ZaLou.Cn的支持。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档