项目默认存在的东西:jquery库[jquery.min.js]

登录功能实现的基本逻辑:

1.书写前台php功能基本页面:(index.php)

a.编写基本功能,比如用户名、密码、登录

b.引用jquery库[jquery.min.js]和页面用到的js[my.js]

注意:引用要放在<body最后>而且要先引用jquery库再引用my.js

2.书写js提交页面,主要包括要提交的内容(my.js)

a.点击登录按钮后对提交内容进行封装,采用ajax提交

3.对提交的js需求进行判断(login.js进行判断)

a.连接数据库配置文件 conn.php[其中包括数据库名密码路径等]

b.判断前台提交的用户名和密码是否正确

c.返回查询结果

4.前台页面显示执行的结果

a.用户名或密码错误

b.不允许为空等

c.成功跳转。

实际项目例子:

1.前台php功能页面:index.php

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="login">
      <h3>用户登录</h3>
    
      <div id="login_form">
          <p><label>用户名:</label> <input type="text" class="input" name="user" id="user" /></p>
          <p><label>密 码:</label> <input type="password" class="input" name="pass" id="pass" />
</p>
          <div class="sub">
              <input type="submit" class="btn" value="登 录" />
          </div>
      </div>
   
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/my.js"></script>
</body>
</html>

2.书写获取的信息并且进行封装提交 my.js[此处只以登录为例]

(function($) {  $(".btn").on('click',function(){

var user = $("#user").val();

var pass = $("#pass").val();

if(user==""){

$('<div id="msg" />').html("用户名不能为空!").appendTo('.sub').fadeOut(2000);

$("#user").focus();

return false;

}

if(pass==""){

$('<div id="msg" />').html("密码不能为空!").appendTo('.sub').fadeOut(2000);

$("#pass").focus();

return false;

}

$.ajax({

type: "POST",

url: "login.php?action=login",

dataType: "json",

data: {"user":user,"pass":pass},

beforeSend: function(){

$('<div id="msg" />').addClass("loading").html("正在登录...").css("color","#999")  .appendTo('.sub');

},

success: function(json){

if(json.success==1){

$("#login_form").remove();

var div =   "<div id='result'><p><strong>"

+ "</strong> 恭喜您登录成功!</p> "

</div>"

$("#login").append(div);

}else{

$("#msg").remove();

$('<div id="errmsg" />').html(json.msg).css("color","#999").appendTo('.sub')  .fadeOut(2000);

return false;

}

}

});

});

})(jQuery);

3.对my.js提交的用户名和密码进行检查,返回相应结果(login.php)

<?php
session_start();
require_once ('conn.php');
 
$action = $_GET['action'];
if ($action == 'login') {  //登录
    $user = stripslashes(trim($_POST['user']));
    $pass = stripslashes(trim($_POST['pass']));
    if (empty ($user)) {
        echo '用户名不能为空';
        exit;
    }
    if (empty ($pass)) {
        echo '密码不能为空';
        exit;
    }
   
    $query = mysql_query("select * from user where userId='$user'");
 
    $us = is_array($row = mysql_fetch_array($query));
 
    //$ps = $us ? $md5pass == $row['password'] : FALSE;
   
    $ps = $us ? $pass == $row['userpwd'] : FALSE;
    $arr['row'] = $row;
    if ($ps) {
  $rs = true;
        if ($rs) {
            $arr['success'] = 1;
            $arr['msg'] = '登录成功!';
            $arr['user'] = $_SESSION['user'];
            $arr['login_time'] = date('Y-m-d H:i:s',$_SESSION['login_time']);
            $arr['login_counts'] = $_SESSION['login_counts'];
        } else {
            $arr['success'] = 0;
            $arr['msg'] = '登录失败';
        }
    } else {
        $arr['success'] = 0;
        $arr['msg'] = '用户名或密码错误!';
    }
    echo json_encode($arr); //输出json数据
}
elseif ($action == 'logout') {  //退出
    unset($_SESSION);
    session_destroy();
    echo '1';
}

4.conn.php

<?php

/* 数据库的配置*/

$server_name = $_SERVER['HTTP_HOST'];

error_reporting(E_ERROR);

define('DB_HOST', 'localhost');

define('DB_USER', 'root');

define('DB_CHARSET', 'utf-8');

define('DB_NAME', 'test');

$server_name = 'localhost/Test';

define('DB_PWD', '1234');

$db = mysql_connect(DB_HOST, DB_USER, DB_PWD) or die ("数据库连接错误: ".mysql.error());

mysql_select_db(DB_NAME, $db);

mysql_set_charset(DB_CHARSET,$db);

mysql_query('set names utf8'); ?>

项目框架展示:

登录页面展示:

成功登录结果展示:

php之登录功能实现。的更多相关文章

  1. SuperMap-iServer-单点登录功能验证(CAS)

    SuperMap-iServer-单点登录功能验证(CAS) 1.测试目的: 验证SuperMap-iServer使用CAS单点登录的功能是否正常. 2.测试环境: SuperMap-iServer8 ...

  2. 一步步开发自己的博客 .NET版(3、注册登录功能)

    前言 这次开发的博客主要功能或特点:    第一:可以兼容各终端,特别是手机端.    第二:到时会用到大量html5,炫啊.    第三:导入博客园的精华文章,并做分类.(不要封我)    第四:做 ...

  3. 从无到有实现登录功能以及thinkphp怎么配置数据库信息

    好开心,终于解决了.从学习android到现在写登录功能已经不是一次两次了,如今再写想着肯定是信手拈来,没有想到的是尽然折磨了我一天的时间才搞定它.唉...... 先来看几张截图,这次的登录跟以往的不 ...

  4. 如何在ios中集成微信登录功能

    在ios中集成微信的登录功能有两种方法 1 用微信原生的api来做,这样做的好处就是轻量级,程序负重小,在Build Settings 中这样设置 然后设置 友盟的设置同上,但是要注意,加入你需要的所 ...

  5. DWR实现扫一扫登录功能

    前言 <DWR实现后台推送消息到Web页面>一文中已对DWR作了简介,并列出了集成步骤.本文中再一次使用到DWR,用以实现扫一扫登录功能. 业务场景 web端首页点击"登陆&qu ...

  6. Struts+Hibernate+Spring实现用户登录功能

    通过登录案例实现三大框架之间的整合,登录功能是任何系统和软件必不可少的一个模块,然而通过这个模块来认识这些复杂的框架技术,理解数据流向和整个设计思路是相当容易的.只有在掌握了这些小模块的应用后,才能轻 ...

  7. Struts2整合Hibernate3实现用户登录功能

    所用技术:struts2 ,hibernate,jsp,mysql 本DEMO仅仅实现用户登录功能,采用MVC思想,自己也觉得相对是比较简单,比较容易理解数据流向的一个例子,通过整合这个过程,能够清晰 ...

  8. 网站集成QQ登录功能

    最近在做一个项目时,客户要求网站能够集成QQ登录的功能,以前没做过这方面的开发,于是去QQ的开放平台官网研究了一下相关资料,经过自己的艰苦探索,终于实现了集成QQ登录的功能,现在把相关的开发经验总结一 ...

  9. yii2.0自动登录功能的实现方法

    参考地址:http://www.kuitao8.com/20150518/3747.shtml 自动登录的原理很简单.主要就是利用cookie来实现的在第一次登录的时候,如果登录成功并且选中了下次自动 ...

随机推荐

  1. Python-06-面向对象(基础篇)

    面向对象编程--Object Oriented Programming,简称OOP,是一种程序设计思想.OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 面向过程的程序设计把计算机 ...

  2. DataGridView列的宽度、行的高度自动调整

    注意:DataGridView控件是从.NET Framework 2.0版本开始追加的. 介绍一下DataGridView列的宽度和行的高度,根据单元格或Header的内容(一般是内容全部被表示)自 ...

  3. ZooKeeper 笔记(1) 安装部署及hello world

    先给一堆学习文档,方便以后查看 官网文档地址大全: OverView(概述) http://zookeeper.apache.org/doc/r3.4.6/zookeeperOver.html Get ...

  4. gradle项目中资源文件的相对路径打包处理技巧

    开发java application时,不管是用ant/maven/gradle中的哪种方式来构建,通常最后都会打包成一个可执行的jar包程序,而程序运行所需的一些资源文件(配置文件),比如jdbc. ...

  5. 【ASP.NET实战教程】ASP.NET实战教程大集合,各种项目实战集合

    [ASP.NET实战教程]ASP.NET实战教程大集合,各种项目实战集合,希望大家可以好好学习教程中,有的比较老了,但是一直很经典!!!!论坛中很多小伙伴说.net没有实战教程学习,所以小编连夜搜集整 ...

  6. Codeforces Round #381(div 2)

    A.(分类讨论) 题意:你有n本书,有三种买书方案,花a元买1本,花b元买2本,花c元买3本,问最少花多少钱,使得你书的总数是4的倍数 分析:分类讨论的题,但是要注意你可以买超过4本书--可以买5本. ...

  7. .Net Core Linux centos7行—hyper-v安装linux系统和.net core sdk

    下载linux系统,选择安装centos7 下载地址:https://www.centos.org/download/ 安装centos7 hyper-v选择新建虚拟机 根据向导一路next,虚拟机代 ...

  8. ajax 多个表单值问题,表单序列化加其它表单值

    $.ajax({ type: "post", url: "{:u('cart/totalByCard')}?t="+Math.random(9999), dat ...

  9. LocalBroadcastManager 的实现原理,Handler还是 Binder?

    原文: http://www.trinea.cn/android/localbroadcastmanager-impl/ 对 LocalBroadcastManager 大家应该都不陌生,相对 Bro ...

  10. Ubuntu/Mint更换阿里云源

    sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak #备份 sudo vim /etc/apt/sources.list #修改 sudo ...