介绍

介绍

福哥带着大家完成TFUMS的忘记密码功能的通过安全问题重置密码的后一部分功能的开发。这一部分的功能和通过绑定邮箱重置密码基本一样，福哥就不详细介绍了。

大家可以对照着看【20201224】的介绍了解设计思路，基本上都是一样的设计。通过安全问题重置密码功能开发完成之后，我们的忘记密码功能就算全部完成了。

随着忘记密码功能的竣工，我们的TFUMS系统的开发也要告一段落了。经过了37节课的学习，童鞋们了解到了一个项目从零到有的开发过程。从一个一个的功能模块的设计、开发、调试的过程中，童鞋们明白了哪些场合下应该如何设计，哪些场合下应该如何处理。从TFUMS的项目开发过程当中，我们学会了图像的处理应用（用户头像上传功能），学会了电子邮件的使用技巧（绑定邮箱功能、重置密码功能），学会了Redis的基本使用技巧（用户登录功能），还学会了AES算法的应用（忘记密码的激活码和验证码）。

经过这些之后，童鞋们应该就可以自己开发一些简单的项目了！福哥在此希望有兴趣的童鞋们可以做出一些功能强大、设计精致的作品出来！！！

模型user

resetPassBySecurityQuestions

public function resetPassBySecurityQuestions(string $dataEncrypted, string $newPwd):bool {
    $tfdo = $this->tfphp->getDatabase()->getTFDO();
    $tfredis = $this->tfphp->getDatabase()->getRedis();
    $myAES = new TFAES($this->tfphp);

    $dataMD5Key = md5($dataEncrypted). "resetPassBySecurityQuestions";
    if($tfredis->get($dataMD5Key) == $dataEncrypted){

        return 1;
    }

    $timestamp = date("YmdH0000");
    $data = $myAES->decrypt($dataEncrypted, TFConfig::get("projectAESPK", "system"). $timestamp, "");
    $arr = unserialize($data);
    if(!is_array($arr)
        || $arr['action'] != "resetPassBySecurityQuestions"
        || $arr['id'] == 0){
        $timestamp = date("YmdH0000", strtotime("-1 hour"));
        $data = $myAES->decrypt($dataEncrypted, TFConfig::get("projectAESPK", "system"). $timestamp, "");
        $arr = unserialize($data);
        if(!is_array($arr)
            || $arr['action'] != "resetPassBySecurityQuestions"
            || $arr['id'] == 0){

            return 1;
        }
    }

    $userID = $arr['id'];

    $userInfo = $this->getByTable("user", array($userID));
    if($userInfo == null){

        return 2;
    }

    $ret = $tfdo->update("user", array(
        'passwd'=>md5($newPwd)
    ), null, "userID = @int", array(
        $userID
    ));
    if(!$ret){

        return 3;
    }

    $tfredis->set($dataMD5Key, $dataEncrypted);
    $tfredis->expire($dataMD5Key, 7200);

    return 0;
}

接口控制器

user_process

protected function user_process(){
    $req = $this->tfphp->getRequest();
    $post = $req->post;
    $user = new user($this->tfphp);
    $data = $req->get->sn;
    $npass = $post->get("npass");
    $cpass = $post->get("cpass");

    try{
        // request test
        if($npass == "" || $cpass == ""){

            return $this->tfphp->getResponse()->responseJSON_CM(200, 1001101, "错误请求");
        }
        if($npass != $cpass){

            return $this->tfphp->getResponse()->responseJSON_CM(200, 1001101, "两次输入的新密码不一样");
        }

        // forgot by email
        $ret = $user->resetPassBySecurityQuestions($data, $npass);
        switch ($ret){
            case 1:
                return $this->tfphp->getResponse()->responseJSON_CM(200, 1001102, "验证码无效");
                break;
            case 2:
                return $this->tfphp->getResponse()->responseJSON_CM(200, 1001103, "用户不存在");
                break;
            case 3:
                return $this->tfphp->getResponse()->responseJSON_CM(200, 1001104, "重置密码失败");
                break;
        }
    }
    catch(\TypeError $e){

        return $this->tfphp->getResponse()->responseJSON_CM(200, 1001101, "错误请求");
    }

    // output
    return $this->tfphp->getResponse()->responseJSON_CM(200, 0, "OK");
}

视图模板

HTML代码

<!-- bind Email form begin -->
<div class="row login-form">
    <div class="col-sm-12">
        <h3 class="text-center">重置密码</h3>
        <p>请输入您的新密码</p>
        <form>
            <div class="form-group">
                <label>新密码</label>
                <input class="form-control" type="password" name="npass" />
            </div>
            <div class="form-group">
                <label>新确认密码</label>
                <input class="form-control" type="password" name="cpass" />
            </div>
            <div class="form-group">
                <button class="btn btn-primary btn-sm form-control">重置密码</button>
            </div>
        </form>
    </div>
</div>
<!-- bind Email form end -->

JS代码

$('form').form({
    url: "<% $TFReq->server->BASE_URI %>api/member/resetPassBySecurityQuestions?sn=<% $TFReq->get->data %>",
    method: "post",
    validations: [
        {type:"empty", name:"npass", msg:"请填写新密码"},
        {type:"min", value:6, name:"npass", msg:"新密码最少6个字"},
        {type:"empty", name:"cpass", msg:"请填写新确认密码"}
    ],
    onSuccess: function (d) {
        if(d.errcode == 0){
            document.location = '<% $TFReq->server->BASE_URI %>resetPassBySecurityQuestionsOK.htm?sn=<% $TFReq->get->data %>';
        }
        else{
            $('form').tips({
                text:d.errmsg
            });
        }
    },
    onError: function (d) {
        $('form').tips({
            text:"服务器响应错误"
        });
    },
    onValidationError: function (form, name, msg) {
        $('form').tips({
            text:msg
        });
        $('form').find('[name="'+ name +'"]').focus();
    }
});

讲解

模型user

resetPassBySecurityQuestions

首先检验Redis里是否有包含验证码MD5哈希码的值，如果有则表示用户已经使用这个验证码重置过密码了，就要拒绝再次操作。

接着校验验证码是否有效，如果无效就要报错。

然后检验用户是否存在，不存在就报错。

再来就是修改登录密码为新密码了。

最后要将验证码的MD5哈希码的值记录到Redis里，设置有效期2个小时，因为两个小时后验证码也会过期，就不存在安全问题了。

接口控制器

user_process

这是一个标准表单的处理后台程序，使用resetPassBySecurityQuestions重置用户的密码。

视图模板

HTML代码

这是重置密码表单界面，区别于修改密码表单，不需要提供原始密码。

JS代码

这是一个标准表单的JS驱动程序。

效果

重置密码表单界面。

重置完密码界面。

因为resetPassBySecurityQuestionsOK页面就是一个静态页面，福哥不在这里提供说明了，大家可以自己建立起来。

总结

福哥今天带着童鞋们完成了TFUMS系统的通过安全问题重置密码的后一部分功能的开发，同时也为TFUMS系统的教程暂时画上一个句号。

大家可以好好的总结一下经验，这可都是实实在在地项目开发经验哦~~