备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

PHP实现登录，注册，密码修改

2017-10-08 2100
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

注册，登录，修改密码
1.登录
3VfwWUm.png

2.忘记密码
wxGtU2p.png

3.免费注册
L9ox6Yj.png

页面布局

<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.功能全面，登录，注册，密码修改齐全。




本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/5239537.html，如需转载请自行联系原作者

文章标签：
数据安全/隐私保护
PHP
Web App开发
数据格式
JSON
关键词：
PHP登录注册
PHP注册
PHP登录
PHP密码
PHP密码修改
桃子红了呐
目录
相关文章
坠入极夜的夏
|
4天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录，注册
web简易开发——通过php与HTML+css+mysql实现用户的登录，注册
坠入极夜的夏
15 0
疯狂的猿
|
29天前
|
PHP 数据安全/隐私保护
PHP页面如何实现设置独立访问密码
PHP网页如果需要查看信息必须输入密码，验证后才可显示出内容的代码如何实现？ 对某些php页面设置单独的访问密码,如果密码不正确则无法查看内容,相当于对页面进行了一个加密
疯狂的猿
12 2
PHP页面如何实现设置独立访问密码
sumith
|
2月前
|
安全 PHP 数据库
从建站打拿站 -- PHP(登录和注册)
从建站打拿站 -- PHP(登录和注册)
sumith
13 1
贵哥的编程之路(热爱分享)
|
3月前
|
PHP 数据安全/隐私保护
php案例：加盐后的密码
php案例：加盐后的密码
贵哥的编程之路(热爱分享)
25 0
php案例：加盐后的密码
贵哥的编程之路(热爱分享)
|
3月前
|
PHP
PHP里的session技术(写个登录功能)
PHP里的session技术(写个登录功能)
贵哥的编程之路(热爱分享)
26 0
PHP里的session技术(写个登录功能)
贵哥的编程之路(热爱分享)
|
3月前
|
PHP 数据安全/隐私保护
php案例：MD5加密的注册登录
php案例：MD5加密的注册登录
贵哥的编程之路(热爱分享)
43 0
php案例：MD5加密的注册登录
贵哥的编程之路(热爱分享)
|
3月前
|
SQL PHP 数据库
PHP案例：每一个账号登陆后的操作是隔离的（使用token进行登录）
PHP案例：每一个账号登陆后的操作是隔离的（使用token进行登录）
贵哥的编程之路(热爱分享)
32 0
PHP案例：每一个账号登陆后的操作是隔离的（使用token进行登录）
科技小能手
|
PHP Windows Web App开发
PHP CURL获取cookies模拟登录的方法
科技小能手
1424 0
卡尔特斯
|
7月前
|
关系型数据库 MySQL PHP
PHP 原生操作 Mysql
PHP 原生操作 Mysql
卡尔特斯
81 0
卡尔特斯
|
7月前
|
关系型数据库 MySQL 数据库连接
PHP 原生连接 Mysql
PHP 原生连接 Mysql
卡尔特斯
107 0