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


Posted in PHP onSeptember 29, 2019

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

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">

<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 '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、文件目录

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

5、效果如下:

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

以上就是php如何实现登录页面的详细内容,感谢大家对三水点靠木的支持。

PHP 相关文章推荐
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
Oct 29 PHP
基于simple_html_dom的使用小结
Jul 01 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
Aug 07 PHP
生成随机字符串和验证码的类的PHP实例
Dec 24 PHP
async和DOM Script文件加载比较
Jul 20 PHP
深入分析PHP引用(&amp;)
Sep 04 PHP
php在数组中查找指定值的方法
Mar 17 PHP
通过PHP简单实例介绍文件上传
Dec 16 PHP
Zend Framework基本页面布局分析
Mar 19 PHP
PHP将页面中点击数量高的链接进行高亮显示的方法
May 30 PHP
PHP获取星期几的常用方法小结
Dec 18 PHP
php输出反斜杠的实例方法
Sep 19 PHP
php实现推荐功能的简单实例
Sep 29 #PHP
php实现分页功能的详细实例方法
Sep 29 #PHP
laravel实现于语言包的完美切换方法
Sep 29 #PHP
laravel validate 设置为中文的例子(验证提示为中文)
Sep 29 #PHP
Laravel中validation验证 返回中文提示 全局设置的方法
Sep 29 #PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
Sep 29 #PHP
laravel dingo API返回自定义错误信息的实例
Sep 29 #PHP
You might like
Joomla下利用configuration.php存储简单数据
2010/05/19 PHP
php中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
2009/04/29 Javascript
Ruffy javascript 学习笔记
2009/11/30 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
javascript+HTML5自定义元素播放焦点图动画
2016/02/21 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
JavaScript中绑定事件的三种方式及去除绑定
2016/11/05 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
[46:03]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
收集的几个Python小技巧分享
2014/11/22 Python
python定时器(Timer)用法简单实例
2015/06/04 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
农民工工资承诺书范文
2014/03/31 职场文书
事业单位岗位说明书
2015/10/08 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js