首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

PHP实现的登录，注册及密码修改功能分析

Posted in PHP onNovember 25, 2016

本文实例讲述了PHP实现登录，注册及密码修改功能的方法。分享给大家供大家参考，具体如下：

这里介绍注册，登录，修改密码的界面布局与功能实现：

1.登录

PHP实现的登录，注册及密码修改功能分析

2.忘记密码

PHP实现的登录，注册及密码修改功能分析

3.免费注册

PHP实现的登录，注册及密码修改功能分析

页面布局：

<div id="views" class="views">
  <div id="view-login" class="page-view view-login active">
    <present name="wxuser">
      <div id="wxuser" class="form-group text-center">
        <div>
          <img src="{sh:$wxuser.headimgurl}">
        </div>
        <h4 class="nickname">{sh:$wxuser.nickname}</h4>
      </div>
    </present>
    <!--登录-->
    <div id="login" class="step">
      <h4 class="popup-title login">登录</h4>
      <div class="go-forget">忘记密码</div>
      <form class="form-horizontal" role="form" type="get">
        <div class="form-group">
          <label>手机号码</label>
          <input type="tel" name="tel" class="form-item" id="tel_num" placeholder="请输入手机号码" value="">
        </div>
        <div class="form-group">
          <label>登录密码</label>
          <input type="password" name="password" class="form-item" placeholder="请填写密码">
        </div>
        <div class="js-help-info error"></div>
      </form>
      <div class="popup-options">
        <button type="button" class="btn btn-block btn-success js-login">确认</button>
      </div>
      <div class="go-register">免费注册</div>
    </div>
    <!--注册-->
    <div id="register" class="step" style="display:none;">
      <h4 class="popup-title">注册账号</h4>
      <form role="form" class="form-horizontal">
        <div class="form-group">
          <label>手机号码</label>
          <input type="tel" name="tel" class="form-item" id="tel_num" placeholder="请输入手机号码" value="">
        </div>
        <div class="form-group form-group-r">
          <label>验证码</label>
          <button class="btn-sm btn-white js-sms-code" type="button">获取验证码</button>
          <input type="text" placeholder="请填写验证码" class="form-item" name="smscode" />
        </div>
        <div class="form-group">
          <label>登录密码</label>
          <input type="password" placeholder="设置登录密码" class="form-item" name="password" maxlength="30">
        </div>
        <div class="form-group">
          <label>确认密码</label>
          <input type="password" placeholder="确认登录密码" class="form-item" name="re_password" maxlength="30">
        </div>
        <div class="js-help-info error">
        </div>
      </form>
      <div class="popup-options">
        <button type="button" class="btn btn-block btn-success js-register">确认</button>
      </div>
      <div class="go-login">立即登录</div>
    </div>
    <!--修改密码-->
    <div id="changePwd" class="step" style="display:none;">
      <h4 class="popup-title">修改密码</h4>
      <form role="form" class="form-horizontal">
        <div class="form-group">
          <label>手机号码</label>
          <input type="tel" name="tel" class="form-item" id="tel_num" placeholder="请输入手机号码" value="">
        </div>
        <div class="form-group form-group-r">
          <label>验证码</label>
          <button class="btn-sm btn-white js-sms-excode" type="button">获取验证码</button>
          <input type="text" placeholder="请填写验证码" class="form-item" name="smscode" />
        </div>
        <div class="form-group">
          <label>新密码</label>
          <input type="password" placeholder="设置登录密码" class="form-item" name="password" maxlength="30">
        </div>
        <div class="form-group">
          <label>确认密码</label>
          <input type="password" placeholder="确认登录密码" class="form-item" name="re_password" maxlength="30">
        </div>
        <div class="js-help-info error">
        </div>
      </form>
      <div class="popup-options">
        <button type="button" class="btn btn-block btn-success js-changePwd">确认</button>
      </div>
      <div class="go-login">立即登录</div>
    </div>
  </div>
</div>

js处理：

<script type="text/javascript">
var tel = '';
$(function() {
  var check = {
    checkPwd: function(password) {
      if (typeof password == 'undefined' || password == '') {
        return false;
      }
      return true;
    },
    checkSmscode: function(code) {
      if (typeof code == 'undefined' || code == '') {
        return false;
      }
      return true;
    },
    validTel: function(value) {
      return /^((\+86)|(86))?(1)\d{10}$/.test('' + value);
    }
  }
  //登录
  $(".js-login").click(function() {
    var tel = $("#login").find("input[name='tel']").val();
    if (!check.validTel(tel)) {
      $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
      return false;
    }
    var password = $("#login").find("input[name='password']").val();
    if (!check.checkPwd(password)) {
      $('.js-help-info').html('请输入密码');
      return false;
    }
    $('.js-login').attr("disabled", "disabled");
    $.ajax({
      url: "{sh::U('Home/userLogin')}",
      type: 'POST',
      dataType: "json",
      data: {
        tel: tel,
        password: password
      },
      success: function(response) {
        if (response.result) {
          location.href = response.href;
        } else {
          setTimeout(function() {
            $('.js-login').removeAttr("disabled");
          }, 500);
          $('.js-help-info').html(response.error);
        }
      },
      error: function() {
        $('.js-help-info').html("请求失败");
      }
    });
  });
  //注册
  $(".js-register").click(function() {
    var tel = $("#register").find("input[name='tel']").val();
    if (!check.validTel(tel)) {
      $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
      return false;
    }
    var password = $("#register input[name='password']").val();
    var smscode = $("#register input[name='smscode']").val();
    var re_password = $("#register input[name='re_password']").val();
    if (!check.checkSmscode(smscode)) {
      $('.js-help-info').html('请输入验证码');
      return false;
    }
    if (!check.checkPwd(password)) {
      $('.js-help-info').html('请输入登录密码');
      return false;
    }
    if (!check.checkPwd(re_password)) {
      $('.js-help-info').html('请输入确认密码');
      return false;
    } else if (password != re_password) {
      $('.js-help-info').html('两次输入的密码不一致');
      return false;
    }
    $('.js-login').attr("disabled", "disabled");
    $.ajax({
      url: "{sh::U('Home/userRegister')}",
      type: 'POST',
      dataType: "json",
      data: {
        tel: tel,
        password: password,
        smscode: smscode
      },
      success: function(response) {
        if (response.result) {
          location.href = response.href;
        } else {
          setTimeout(function() {
            $('.js-login').removeAttr("disabled");
          }, 500);
          $('.js-help-info').html(response.error);
        }
      },
      error: function() {
        $('.js-help-info').html("请求失败");
      }
    });
  });
  //发送验证码
  $('.js-sms-code').click(function() {
    var tel = $('#register #tel_num').val();
    if (!check.validTel(tel)) {
      $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
      return false;
    }
    // 检测是否已经注册
    $.ajax({
      url: "{sh::U('Home/checkTel')}",
      type: 'POST',
      dataType: "json",
      async: false,
      data: {
        tel: tel
      },
      success: function(json) {
        checkRes = json.status;
      },
      error: function(json) {
        $('.js-help-info').html("发送失败");
      }
    });
    if (checkRes == 1) {
      $('.js-help-info').html("已是注册用户");return false;
    }
    if (checkRes == 3) {
      $('.js-help-info').html("错误的请求");return false;
    }
    $(this).attr("disabled", "disabled").html("<span style='color:#666'><span id='countdown'>60</span>s 后再试</span>");
    countdown();
    $.ajax({
      url: "{sh::U('Home/sendSmscode')}",
      type: 'POST',
      dataType: "json",
      data: {
        tel: tel
      },
      success: function() {},
      error: function() {
        $('.js-help-info').html("发送失败");
      }
    });
  });
  //修改密码
  $('.go-forget').click(function() {
    var tel = $('#login #tel_num').val();
    $("#login").hide();
    $("#register").hide();
    $("#changePwd").show();
    $("#changePwd #tel_num").val(tel).focus();
    $('.js-help-info').html('');
  });
  //免费注册
  $('.go-register').click(function() {
    var tel = $('#login #tel_num').val();
    $("#login").hide();
    $("#changePwd").hide();
    $("#register").show();
    $("#register #tel_num").val(tel).focus();
    $('.js-help-info').html('');
  });
  //立即登录
  $('#changePwd .go-login').click(function() {
    var tel = $('#changePwd #tel_num').val();
    $("#register").hide();
    $("#changePwd").hide();
    $("#login").show();
    $("#login #tel_num").val(tel).focus();
    $('.js-help-info').html('');
  });
  //立即登录
  $('#register .go-login').click(function() {
    var tel = $('#register #tel_num').val();
    $("#register").hide();
    $("#changePwd").hide();
    $("#login").show();
    $("#login #tel_num").val(tel).focus();
    $('.js-help-info').html('');
  });
  $('.js-changePwd').click(function() {
    var tel = $("#changePwd").find("input[name='tel']").val();
    if (!check.validTel(tel)) {
      $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
      return false;
    }
    var password = $("#changePwd input[name='password']").val();
    var smscode = $("#changePwd input[name='smscode']").val();
    var re_password = $("#changePwd input[name='re_password']").val();
    if (!check.checkSmscode(smscode)) {
      $('#changePwd .js-help-info').html('请输入验证码');
      return false;
    }
    if (!check.checkPwd(password)) {
      $('#changePwd .js-help-info').html('请输入新密码');
      return false;
    }
    if (!check.checkPwd(re_password)) {
      $('#changePwd .js-help-info').html('请输入确认密码');
      return false;
    } else if (password != re_password) {
      $('#changePwd .js-help-info').html('两次输入的密码不一致');
      return false;
    }
    $.ajax({
      url: "{sh::U('Home/changePwd')}",
      type: "POST",
      dataType: "json",
      data: {
        tel: tel,
        password: password,
        smscode: smscode
      },
      success: function(response) {
        if (response.result) {
          location.href = response.href;
        } else {
          setTimeout(function() {
            $('.js-login').removeAttr("disabled");
          }, 500);
          $('.js-help-info').html(response.error);
        }
      },
      error: function() {
        $('.js-help-info').html("请求失败");
      }
    });
  });
  //发送短信修改密码
  $('.js-sms-excode').click(function() {
    var tel = $('#changePwd #tel_num').val();
    if (!check.validTel(tel)) {
      $('.js-help-info').html('请输入正确的手机号'); //**提示下个页面还有
      return false;
    }
    // 检测是否已经注册
    $.ajax({
      url: "{sh::U('Home/checkTel')}",
      type: 'POST',
      dataType: "json",
      async: false,
      data: {
        tel: tel
      },
      success: function(json) {
        checkRes = json.status;
      },
      error: function(json) {
        $('.js-help-info').html("发送失败");
      }
    });
    if (checkRes == 2) {
      $('.js-help-info').html("号码尚未注册");return false;
    }
    if (checkRes == 3) {
      $('.js-help-info').html("错误的请求");return false;
    }
    $(this).attr("disabled", "disabled").html("<span style='color:#666'><span id='countdown'>60</span>s 后再试</span>");
    countdown();
    $.ajax({
      url: "{sh::U('Home/sendSmsexcode')}",
      type: 'POST',
      dataType: "json",
      data: {
        tel: tel
      },
      success: function(data) {},
      error: function() {
        $('.js-help-info').html("请求失败");
      }
    });
  });
});
function countdown() { // 递归 验证码倒计时
  setTimeout(function() {
    var time = $("#countdown").text();
    if (time == 1) {
      $('.js-sms-code').removeAttr("disabled");
      $('.js-sms-code').html("发送验证码");
      $('.js-sms-excode').removeAttr("disabled");
      $('.js-sms-excode').html("发送验证码");
    } else {
      $("#countdown").text(time - 1);
      countdown();
    }
  }, 1000);
}
</script>

php后台处理：

//用户登录
public function userLogin() {
  if(IS_AJAX && !$this->member) {
   $tel = $this->_post('tel', 'trim');
   $password = $this->_post('password', 'trim,md5');
   $member = M('Member')->where(array('tel' => $tel))->find();
   if ($member && $member['password'] === $password) {
    //检测是否存在微信用户需要绑定
    if ($member['wxuser_id'] == 0 && $this->wxuser) {
     M('Member')->where(array('id' => $member['id']))->save(array('wxuser_id' => $this->wxuser_id));
    }
    $href = session(LASTREQUEST);
    session(MEMBER, $member['id']);
    session(LASTREQUEST, null);
    $this->ajaxReturn(array('result' => true, 'href' => $href ? $href : U('Member/index')));
   } else {
    if (empty($member)) {
     $this->ajaxReturn(array('result' => false, 'error' => '手机号尚未注册.'));
    } else {
     $this->ajaxReturn(array('result' => false, 'error' => '密码不正确.'));
    }
   }
  } else {
   $this->ajaxReturn(array('result' => false, 'error' => '非法请求.'));
  }
}
// 用户退出
public function userLogout() {
  session(WXUSER, null);
  session(MEMBER, null);
  $this->success('退出成功',U('Store/Member/index'));
}
// 用户注册
public function userRegister() {
  $tel = $this->_post('tel', 'trim');
  $password = $this->_post('password', 'trim,md5');
  $smscode = $this->_post('smscode', 'trim');
  $session_smscode = session($this->smscode);
  $user_exit = M('Member')->where(array('tel' => $tel))->find();
  if (!preg_match("/1[3458]{1}\d{9}$/", $tel) && $user_exit) {
   $this->ajaxReturn(array('result' => false, 'error' => '手机号不合法'));
  }
  $memberModel = M('Member');
  // 检测是否已注册
  $member = $memberModel-> where(array('tel' =>$tel,'status'=>1))->find();
  if (!empty($member)) {
   $this->ajaxReturn(array('result' => false, 'error' => '已是注册用户'));
  }
  if (time() > $session_smscode['time'] || $smscode != $session_smscode['code']) {
   $this->ajaxReturn(array('result' => false, 'error' => '验证码不正确')); //--调试，先把验证功能关闭
  }
  $data = array('tel' => $tel, 'password' => $password, 'wxuser_id' => intval($this->wxuser_id), 'addtime' => time());
  $insert_id = $memberModel->add($data);
  if ($insert_id) {
   $href = session(LASTREQUEST);
   session(MEMBER, $insert_id); //*****只是一个id值
   $this->ajaxReturn(array('result' => true, 'href' => $href ? $href : U('Member/index')));
  } else {
   $this->ajaxReturn(array('result' => false, 'error' => '操作失败', 'msg' => M('Member')->getError()));
  }
}
//用户更改密码
public function changePwd(){
  $tel = $this->_post('tel','trim');
  $password = $this ->_post('password','trim');
  $smscode = $this ->_post('smscode','trim');
  $session_smscode = session($this ->smscode);
  if (time() > $session_smscode['time'] || $smscode != $session_smscode['code']) {
   $this->ajaxReturn(array('result' => false, 'error' => '验证码不正确')); //--调试成功
  }
  $data = array('password' => md5($password), 'addtime' => time());
  $memberModel = M('Member');
  // 检测是否已注册
  $member = $memberModel-> where(array('tel' =>$tel,'status'=>1))->find();
  if (empty($member)) {
   $this->ajaxReturn(array('result' => false, 'error' => '号码尚未注册'));
  }
  if ($memberModel->where(array('tel'=> $tel))->save($data)) {
   $href = session(LASTREQUEST);
   session(MEMBER, $member['id']);
   $this->ajaxReturn(array('result' => true, 'href' => $href ? $href : U('Member/index')));
  } else {
   $this->ajaxReturn(array('result' => false, 'error' => '操作失败', 'msg' => M('Member')->getError()));
  }
}
// ajax检测号码是否注册
public function checkTel() {
  $tel = $this->_post('tel', 'trim');
  if (IS_AJAX && preg_match("/1[3458]{1}\d{9}$/",$tel)) {
   $memberModel = M('Member');
   $member = $memberModel->where(array('tel'=>$tel,'status'=>1))->find();
   if (!empty($member)) {
    $this->ajaxReturn(array('status' => 1, 'info' => '已注册'));
   } else {
    $this->ajaxReturn(array('status' => 2, 'info' => '未注册'));
   }
  } else {
   $this->ajaxReturn(array('status' => 3, 'info' => '错误的请求'));
  }
}
//发送注册验证码
public function sendSmscode() {
  session($this->smstime, null);
  $smstime = session($this->smstime);
  $tel = $this->_post('tel', 'trim');
  if (IS_AJAX && (!$smstime || time() > $smstime) && preg_match("/1[3458]{1}\d{9}$/",$tel)) {
   $smscode = rand(1000, 9999);
   //发送验证码
   require LIB_PATH . 'ORG/Taobao-sdk-php/TopSdk.php';
   $c = new TopClient;
   $c->appkey = '23307560'; // 原23294081
   $c->secretKey = '21ef24dd4c51e20693c5db0983c433e7'; // 原0402169f466d8fed780e7f07edd25177
   $req = new AlibabaAliqinFcSmsNumSendRequest;
   $req->setSmsType("normal");
   $req->setSmsFreeSignName("注册验证");
   $req->setSmsParam('{"code":"'. $smscode .'","product":"【多多助店宝】"}');
   $req->setRecNum("{$tel}");
   $req->setSmsTemplateCode("SMS_5056863");
   $resp = $c->execute($req);
   if(!$resp->code) {
    //设置发送限制时间
    session($this->smstime, time() + 50);
    //设置验证码5分钟内有效
    session($this->smscode, array('code' => $smscode, 'time' => time() + 600));
   } else {
    //发送失败写入日志文件
    $log = date('Y-m-d H:i:s') . " 发送失败 sub_code：{$resp->sub_code} sub_msg：{$resp->sub_msg}" . PHP_EOL;
    file_put_contents(RUNTIME_PATH . 'Log/smscode.log', $log, FILE_APPEND);
   }
   $this->ajaxReturn(array('result' => !$resp->code));
  } else {
   $this->ajaxReturn(array('result' => false, 'error' => '错误的请求'));
  }
}
//发送修改密码验证码
public function sendSmsexcode(){
  session($this->smstime, null);
  $smstime = session($this->smstime);
  $tel = $this->_post('tel', 'trim');
  if (IS_AJAX && (!$smstime || time() > $smstime) && preg_match("/1[3458]{1}\d{9}$/",$tel)) {
   $smscode = rand(1000, 9999);
   //发送验证码
   require LIB_PATH . 'ORG/Taobao-sdk-php/TopSdk.php';
   $c = new TopClient;
   $c->appkey = '23307560'; // 原23294081
   $c->secretKey = '21ef24dd4c51e20693c5db0983c433e7'; // 原0402169f466d8fed780e7f07edd25177
   $req = new AlibabaAliqinFcSmsNumSendRequest;
   $req->setSmsType("normal");
   $req->setSmsFreeSignName("变更验证"); //短信签名固定，不可以换其他字
   $req->setSmsParam('{"code":"'. $smscode .'","product":"【多多助店宝】"}');
   $req->setRecNum("{$tel}");
   $req->setSmsTemplateCode("SMS_5056861");
   $resp = $c->execute($req);
   if(!$resp->code) {
    //设置发送限制时间
    session($this->smstime, time() + 50);
    //设置验证码5分钟内有效
    session($this->smscode, array('code' => $smscode, 'time' => time() + 600));
   } else {
    //发送失败写入日志文件
    $log = date('Y-m-d H:i:s') . " 发送失败 sub_code：{$resp->sub_code} sub_msg：{$resp->sub_msg}" . PHP_EOL;
    file_put_contents(RUNTIME_PATH . 'Log/smscode.log', $log, FILE_APPEND);
   }
   $this->ajaxReturn(array('result' => !$resp->code));
  } else {
   $this->ajaxReturn(array('result' => false, 'error' => '错误的请求'));
  }
}

小结：

1.注册与修改密码用到了短信验证。
2.安全起见，前端ajax验证。后端亦进行验证。
3.流程合理，切换自如。
4.功能全面，登录，注册，密码修改齐全。

希望本文所述对大家PHP程序设计有所帮助。

PHP实现的登录，注册及密码修改功能分析

- Author -

牛逼的霍啸林

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
php下删除一篇文章生成的多个静态页面
Aug 08 PHP
php学习笔记 数组的常用函数
Jun 13 PHP
浅析PHP中的UNICODE 编码与解码
Jun 29 PHP
浅析PHP原理之变量(Variables inside PHP)
Aug 09 PHP
php使用curl存储cookie的示例
Mar 31 PHP
ThinkPHP中使用Ueditor富文本编辑器
Sep 02 PHP
全面解析PHP操作Memcache基本函数
Jul 14 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
Sep 23 PHP
php实现数字补零的方法总结
Sep 12 PHP
PHP Trait代码复用类与多继承实现方法详解
Jun 17 PHP
PHP设计模式之装饰器（装饰者）模式（Decorator）入门与应用详解
Dec 13 PHP
通过实例解析PHP数据类型转换方法
Jul 11 PHP
Zend Framework框架实现类似Google搜索分页效果
Nov 25 #PHP
php中替换字符串函数strtr()和str_repalce()的用法与区别
Nov 25 #PHP
Zend Framework上传文件重命名的实现方法
Nov 25 #PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
Nov 25 #PHP
解决PHP程序运行时：Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
Nov 25 #PHP
php对接java现实加签验签的实例
Nov 25 #PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
Nov 25 #PHP
sout(1) macos(1) csgo(1) xps(1) svg(1) CAD(1) Sentry(1) Sunmao(1) 404(1) 403(1)
You might like
用PHP实现小型站点广告管理
2006/10/09 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
js+css在交互上的应用
2010/07/18 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
javascript面向对象编程代码
2011/12/19 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
2020/12/04 Vue.js
JS实现点击掉落特效
2021/01/29 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
linux系统使用python获取cpu信息脚本分享
2014/01/15 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
python遍历路径破解表单的示例
2020/11/21 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
Myprotein荷兰官网：欧洲第一运动营养品牌
2020/07/11 全球购物
会计应聘求职信范文
2013/12/17 职场文书
班主任个人工作反思
2014/04/28 职场文书
员工趣味活动方案
2014/08/27 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
授权委托书协议书
2014/10/16 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python
Python可视化神器pyecharts绘制水球图
2022/07/07 Python