首页
所有分类
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代码优化及php相关问题总结
Oct 09 PHP
php下安装配置fckeditor编辑器的方法
Mar 02 PHP
php数组声明、遍历、数组全局变量使用小结
Jun 05 PHP
PHP随机字符串生成代码(包括大小写字母)
Jun 24 PHP
php判断手机访问还是电脑访问示例分享
Jan 20 PHP
php中strtotime函数用法详解
Nov 15 PHP
Smarty foreach控制循环次数的一些方法
Jul 01 PHP
PHP读取zip文件的方法示例
Nov 17 PHP
php格式化时间戳
Dec 17 PHP
php如何实现不借助IDE快速定位行数或者方法定义的文件和位置
Jan 17 PHP
使用php实现网站验证码功能【推荐】
Feb 09 PHP
PHP读取并输出XML文件数据的简单实现方法
Dec 22 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
事件调度器(1) watch(1) 监听(2) scss(1) sched(1) TimePickerView(1) 项目打包(2) vue-cli3.x(1) re模块(2) vue-router-link(1)
You might like
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
PHP多进程简单实例小结
2019/11/09 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
用js实现预览待上传的本地图片
2007/03/15 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
初识Node.js
2015/03/20 Javascript
jquery图片切换实例分析
2015/04/15 Javascript
JS实现超精简响应鼠标显示二级菜单代码
2015/09/12 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
一个超简单的jQuery回调函数例子(分享)
2016/08/08 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
Hotels.com印度：酒店预订
2019/05/11 全球购物
大三学生学年自我鉴定
2014/09/12 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
2015年安全生产管理工作总结
2015/05/25 职场文书
2016年元旦致辞
2015/08/01 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
班主任寄语2016
2015/12/04 职场文书
中学教代会开幕词
2016/03/04 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
Django与数据库交互的实现
2021/06/03 Python
《游戏王：大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server