当前位置: 首页 > 编程笔记 >

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

卫嘉泽
2023-03-14
本文向大家介绍php实现登录页面的简单实例,包括了php实现登录页面的简单实例的使用技巧和注意事项,需要的朋友参考一下

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

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

5、效果如下:

以上就是php如何实现登录页面的详细内容,感谢大家对小牛知识库的支持。

 类似资料:
  • 本文向大家介绍C#实现简单的登录界面,包括了C#实现简单的登录界面的使用技巧和注意事项,需要的朋友参考一下 首先我们来看一个简单的制作过程 打开visual 2010,新建窗体,既然是登录窗口,那么就不让它出现最大化、最小化以及拖拉大小功能(上一节已经提到过怎么设置大小),如图所示,甚至窗体的Text属性值为“登录窗口”,大小随意。 创建窗体之后就开始界面详细的组件布局了,主要是在左边拖拉控件,然

  • 本文向大家介绍VS2012实现简单登录界面,包括了VS2012实现简单登录界面的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了VS2012实现登录界面的具体代码,供大家参考,具体内容如下 这个是第一个界面的代码: 这个是第二个界面的代码: 运行结果如图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jsp登录页面的简单实例 雏形,包括了jsp登录页面的简单实例 雏形的使用技巧和注意事项,需要的朋友参考一下 jsp登录页面的简单实例 雏形 欢迎界面: 尚未注册,直接登录的时候: 进入注册界面: 注册成功,跳转登录界面: 登录时,密码出错:5秒后重新登录                                   账号密码输入正确,进入主页面: 以上就是小编为大家带来的js

  • 本文向大家介绍php实现用户登陆简单实例,包括了php实现用户登陆简单实例的使用技巧和注意事项,需要的朋友参考一下 php实现用户登陆简单实例 前言: 最近要完成的最后一个部分,就是对用户提交的数据进行管理,至于管理,那肯定就是管理员的事了,那一定涉及登陆,验证账号权限,账号是否过期等等问题。 所需知识 session,确实是很重要的东西。并且我遇到session不能跨页,修改PHP.ini的se

  • 本文向大家介绍jsp登录会话的简单实现,包括了jsp登录会话的简单实现的使用技巧和注意事项,需要的朋友参考一下 jsp登录会话的简单实现 以上就是小编为大家带来的jsp登录会话的简单实现全部内容了,希望大家多多支持呐喊教程~

  • 本文向大家介绍Java编程实现springMVC简单登录实例,包括了Java编程实现springMVC简单登录实例的使用技巧和注意事项,需要的朋友参考一下 Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块。使用 Spring 可插入的 MVC 架构,从而在使用Spri