如何设计密码重设功能?找回密码设计原理

更新时间：2016年9月20日 18:58 点击：1982

因为要做一个带有会员系统功能，本人需要设置的是用户注册如果忘记密码就需要重设置密码了，那么要如何设计密码重设功能？怎么做才合理呢，下面我们一起来看看。

用户流程:

1.用户忘记密码，来到密码重设界面
2.用户输入Email地址，点击重设密码按钮
3.用户收到一封密码重设邮件，里面有重设密码的链接，此链接有过期时间
4.用户点击链接，来到密码重设页面，输入新密码，完成
这个流程并没有什么创新，很多网站都是用这套流程

后端实现方式:

1.当用户输入Email地址后，验证这个Email，如果存在于数据库，那么取得用户的user_id
2.将user_id和当前时间戳编码成HASH，需要提前准备好一个KEY，并且这个KEY只存在服务器上。 HASH = md5 ( user_id + timestamp + KEY )
3.生成一个URL，并且附带刚刚生成的HASH和用户id以及timestamp，比如 http://domain.com/reset-password.php?hash=HASH&user_id=123&timestamp=1392121211
4.当用户访问这个URL, 检查HASH是否合法: HASH == MD5 ( user_id + timestamp + KEY)
5.检查 timestamp 是不是过期了
6.如果所有检查通过，那么显示一个新密码表单给用户
这种方式的好处:
1.不需要额外的数据表
2.不用担心参数被用户恶意修改，因为要检查hash是不是等于那几个参数的md5
3.密码重设URL自带时间戳
4.只要KEY设置的足够长足够复杂，那么可以认为HASH是绝对安全的

例

send-reset-email.php:

代码如下

复制代码

$KEY = "something really long long long long long and secret";
$email = $_POST['email'];
$user = get_user_by_email($email);
if ($user && $user['id'])
{
    $time = time();
    $hash = md5( $user['id'] . $time . $KEY);
    $url = "http://domain.com/reset-password-form.php?id=".$user['id'].'&timestamp='.$time.'&hash='.$hash;
    send_email($email, 'reset password email from xxx.com', ' Please click the following link to reset password'. $url);
}

reset-password-form.php:

代码如下

复制代码

$KEY = "something really long long long long long and secret";
$hash = $_GET['hash'];
$user_id = $_GET['id'];
$timestamp = $_GET['timestamp'];

if ($hash == md5( $user_id . $timestamp . $KEY ))
{
    if ( time() - $timestamp > 3600 ) // one hour
    {
        die('link expired');
    }
}
else
{
    die('invalid parameters');
}

//validation passed

if ($_POST['new_password'])
{
    reset_user_password($user_id, $_POST['new_password']);
    die(' password changed successfully ');
}
else
{
    echo '
        <form action="reset-password-form.php?hash=$hash&id=$user_id&timestamp=$timestamp" method="post">
            new password: <input type="password" name="new_password">

            <input type="submit" value="submit">
        </form>
    ';
}

HTTP状态码是由web服务器返回回来的，下面小编来给大家收集了一些常用的HTTP状态码，如果你想了解可进入参考参考。

HTTP状态码，我都是现查现用。我以前记得几个常用的状态码，比如200，302，304，404， 503。一般来说我也只需要了解这些常用的状态码就可以了。如果是做AJAX，REST,网络爬虫，机器人等程序。还是需要了解其他状态码。本文我花了一个多月的时间把所有的状态码都总结了下，内容太多，看的时候麻烦耐心点了。

HTTP状态码的学习资料到处都有，但是都是理论上讲解。本文介绍HTTP协议中的HTTP状态码（HTTP Status Code），会对大部分的状态码都进行了详细的实例讲解。

要了解状态码，应该在实例中去理解状态码的意义，否则看了也会忘记的。

http状态返回代码代码说明

100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。

101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。

http状态返回代码 2xx （成功）

表示成功处理了请求的状态代码。

http状态返回代码代码说明

200 （成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。

201 （已创建）请求成功并且服务器创建了新的资源。

202 （已接受）服务器已接受请求，但尚未处理。

203 （非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一来源。

204 （无内容）服务器成功处理了请求，但没有返回任何内容。

205 （重置内容）服务器成功处理了请求，但没有返回任何内容。

206 （部分内容）服务器成功处理了部分 GET 请求。

http状态返回代码 3xx （重定向）

表示要完成请求，需要进一步操作。通常，这些状态代码用来重定向。

http状态返回代码代码说明

300 （多种选择）针对请求，服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作，或提供操作列表供请求者选择。

301 （永久移动）请求的网页已永久移动到新位置。服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。

302 （临时移动）服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。

303 （查看其他位置）请求者应当对不同的位置使用单独的 GET 请求来检索响应时，服务器返回此代码。

304 （未修改）自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容。

305 （使用代理）请求者只能使用代理访问请求的网页。如果服务器返回此响应，还表示请求者应使用代理。

307 （临时重定向）服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。

http状态返回代码 4xx（请求错误）

这些状态代码表示请求可能出错，妨碍了服务器的处理。

http状态返回代码代码说明

400 （错误请求）服务器不理解请求的语法。

401 （未授权）请求要求身份验证。对于需要登录的网页，服务器可能返回此响应。

403 （禁止）服务器拒绝请求。

404 （未找到）服务器找不到请求的网页。

405 （方法禁用）禁用请求中指定的方法。

406 （不接受）无法使用请求的内容特性响应请求的网页。

407 （需要代理授权）此状态代码与 401（未授权）类似，但指定请求者应当授权使用代理。

408 （请求超时）服务器等候请求时发生超时。

409 （冲突）服务器在完成请求时发生冲突。服务器必须在响应中包含有关冲突的信息。

410 （已删除）如果请求的资源已永久删除，服务器就会返回此响应。

411 （需要有效长度）服务器不接受不含有效内容长度标头字段的请求。

412 （未满足前提条件）服务器未满足请求者在请求中设置的其中一个前提条件。

413 （请求实体过大）服务器无法处理请求，因为请求实体过大，超出服务器的处理能力。

414 （请求的 URI 过长）请求的 URI（通常为网址）过长，服务器无法处理。

415 （不支持的媒体类型）请求的格式不受请求页面的支持。

416 （请求范围不符合要求）如果页面无法提供请求的范围，则服务器会返回此状态代码。

417 （未满足期望值）服务器未满足"期望"请求标头字段的要求。

http状态返回代码 5xx（服务器错误）

这些状态代码表示服务器在尝试处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。

http状态返回代码代码说明

500 （服务器内部错误）服务器遇到错误，无法完成请求。

501 （尚未实施）服务器不具备完成请求的功能。例如，服务器无法识别请求方法时可能会返回此代码。

502 （错误网关）服务器作为网关或代理，从上游服务器收到无效响应。

503 （服务不可用）服务器目前无法使用（由于超载或停机维护）。通常，这只是暂时状态。

504 （网关超时）服务器作为网关或代理，但是没有及时从上游服务器收到请求。

505 （HTTP 版本不受支持）服务器不支持请求中所用的 HTTP 协议版本。

一些常见的http状态返回代码为：

200 - 服务器成功返回网页

404 - 请求的网页不存在

503 - 服务不可用

本文章来给各位同学介绍一下关于Grunt入门教程之学习笔记，希望此教程对各位同学会有所帮助哦。

我现在在几个小项目中一直在使用Node.js。在Node系统中有一些很强大的工具。我最喜欢的一个例子就是Grunt。

Grunt是一种工具，允许您定义任务，然后通过命令运行他们，在命令行中运行：

代码如下	复制代码
grunt watch

这将启动一个watch任务，用来监控文件，我已经指定和运行指定的任务，只要这些文件变化了，就能监控到。在我的例子中，我已经在Grunt设置了只要当.js文件改变了就能检测JavaScript语法和压缩JavaScript和当.scss文件改变就能将Sass文件编译成CSS的任务。

这里介绍了如何设置。

安装Grunt
首先你需要先安装Grunt CLI，这是Grunt命令的接口。这将可以在命令行中使用Grunt命令：

代码如下	复制代码
$ npm install -g grunt-cli

注意：由于我们使用Grunt CLI，Grunt必须安装在每个项目的基础上。这允许您在不同的项目是运行不同版本的Grunt。如果您之前全局安装了Grunt，那么你应该先卸载它：

代码如下	复制代码
$ npm uninstall -g grunt

安装需要的依赖关系
接下来，您需要设置运行Grunt需要的所有依赖项。在这个例子中你需要grunt，grunt-contrib-jshint(检测js文件)，grunt-contrib-uglify（压缩js文件），grunt-contrib-sass(编译你的Sass)。安装这些依赖项目，你需要在你的项目中的根目录下设置一个package.json文件：

代码如下

复制代码

{
    "name":"Grunt-Example",
    "description": "Example project to demonstrate Grunt.",
    "version":"0.1.0",
    "private": true,
    "author": {
        "name": "Blake Haswell",
        "email": "blake.haswell@simpleweb.com.au"
    },
    "devDependencies": {
        "grunt": "~0.4.0",
        "grunt-contrib-sass": "*",
        "grunt-contrib-jshint": "*",
        "grunt-contrib-uglify": "*",
        "grunt-contrib-watch": "*"
    }
}

一旦你创建好了这个文件，你可以在你的项目目录下运行npm install命令安装所需要的依赖项：

代码如下	复制代码
$ npm install

设置Gruntfile.js
现在你需要创建一个"Gruntfile"。在这你可以定义你的任务。

首先在你的项目根目录下创建一个Gruntfile.js文件。创建Gruntfile真的很简单，我们只需要定义一个CommonJS模块。当需要改变我们的Grunt配置时，我们只需要修改这个模块。

代码如下	复制代码
module.exports = function(grunt){ //Grunt配置写在这里 }

接下来，设置你的第一个任务：JSHint。在Grunt中设置任务，需要运行grunt.initConfig()方法，并通过每个对象设置你的任务。例如，这里介绍了如何设置JSHint:

代码如下

复制代码

module.exports = function(grunt){

grunt.initConfig({

        //JSHint (http://www.jshint.com/docs)
        jshint: {
            all: {
                src: 'javascripts/**/*.js',
                options: {
                    bitwise: true,
                    camelcase: true,
                    curly: true,
                    eqeqeq: true,
                    forin: true,
                    immed: true,
                    indent: 4,
                    latedef: true,
                    newcap: true,
                    noarg: true,
                    noempty: true,
                    nonew: true,
                    quotmark: 'single',
                    regexp: true,
                    undef: true,
                    unused: true,
                    trailing: true,
                    maxlen: 120
                }
            }
        }

});

grunt.loadNpmTasks('grunt-contrib-jshint');
};

正如你看到的，你一个对象中包含了JSHint任务。JSHint是一个多任务，所以这意味着你可以定义多个JSHint任务。在这种情况下JSHint只有一个任务：all。JSHint的all任务指定文件被linted，以及这个选项也适用于lint。

还有，你有没有注意到在底部通过grunt.loadNpmTasks('grunt-contrib-jshint')调用任务。该方法可以从node_modules/中加载grunt-contrib-jshint任务，让它可以使用你的配置。

现在你可以很容易的lint你的JavaScript文件：

$ grunt jshint
很酷，不是吗？你甚至可以创建watch任务，监测JavaScript文件和自动lints文件——当文件失败后会提配你。

代码如下

复制代码

module.exports = function(grunt){

grunt.initConfig({

        //watch
        watch: {
            jshint: {
                files: 'javascripts/**/*.js',
                tasks: 'jshint'
            }
        }

});

grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-watch');
};

现在你执行grunt watch和开始修改你的JavaScript。你保存了你的文件并且lint失败后，将会通知你。在一个跨团队的开发执行编码的标准是一个伟大的方式，它节省时间捕捉觉错误。

Grunt不只是可以用于lint你的代码，你可快速设置任务压缩你的JavaScript：

代码如下

复制代码

module.exports = function(grunt){

grunt.initConfig({

        //Uglify
        uglify: {
            all: {
                files: {
                    'public/javascripts/all.min.js':'javascripts/**/*.js'
                }
            }
        },

        //watch
        watch: {
            jshint: {
                files: 'javascripts/**/*.js',
                tasks: 'jshint'
            }
        }

});

    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-uglify');
};

可以编译你的Sass:

代码如下

复制代码

module.exports = function(grunt){

grunt.initConfig({

        //Uglify
        uglify: {
            all: {
                files: {
                    'public/javascripts/all.min.js':'javascripts/**/*.js'
                }
            }
        },

        //Sass
        sass: {
            options: {
                style: 'compressed',
                precision: 5
            },
            all: {
                files: {
                    'public/stylesheets/style.css':'sass/style.scss'
                }
            }
        },

        //watch
        watch: {
            jshint: {
                files: 'javascripts/**/*.js',
                tasks: 'jshint'
            }
        }

});

    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-sass');
};

然后，你可以将任务添加到你的watch任务，将可以自动执行这些任务：

代码如下

复制代码

module.exports = function(grunt){

grunt.initConfig({

        //Uglify
        uglify: {
            all: {
                files: {
                    'public/javascripts/all.min.js':'javascripts/**/*.js'
                }
            }
        },

        //watch
        watch: {
            javascript: {
                files: 'javascripts/**/*.js',
                tasks: ['jshint','uglify']
            },
            sass: {
                files: 'sass/**/*.scss',
                tasks: 'sass'
            }
        }

});

    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-sass');
};

现在，每次Sass文件修改保存后将会重新编译成CSS，每次JavaScript文件修保存后将会自动lint和压缩。

这样编码很爽吧，很开心吧！

本文章来给各位介绍一篇常用的各字符集编码范围的总结,希望对各位开发者会有所帮助哦。

编码	字符集编码范围
UTF8	[x01-x7f]\|[xc0-xdf][x80-xbf]\|[xe0-xef][x80-xbf]{2}\|[xf0-xff][x80-xbf]{3}
UTF16	[x00-xd7][xe0-xff]\|[xd8-xdf][x00-xff]{2}
Big5	[x01-x7f]\|[x81-xfe]([x40-x7e]\|[xa1-xfe])
GBK	[x01-x7f]\|[x81-xfe][x40-xfe]
GB2312汉字	[xb0-xf7][xa0-xfe]
GB2312半角标点符号及特殊符号	xa1[xa2-xfe]
GB2312罗马数组及项目序号	xa2([xa1-xaa]\|[xb1-xbf]\|[xc0-xdf]\|[xe0-xe2]\|[xe5-xee]\|[xf1-xfc])
GB2312全角标点及全角字母	xa3[xa1-xfe]
GB2312日文平假名	xa4[xa1-xf3]
GB2312日文片假名	xa5[xa1-xf6]
GB18030	[x00-x7f]\|[x81-xfe][x40-xfe]\|[x81-xfe][x30-x39][x81-xfe][x30-x39]
JIS	[x20-x7e]\|[x21-x5f]\|[x21-x7e]{2}
SJIS	[x20-x7e]\|[xa1-xdf]\|([x81-x9f]\|[xe0-xef])([x40-x7e]\|[x80-xfc])
SJIS全角空格	(?:x81x81)
SJIS全角数字	(?:x82[x4f-x58])
SJIS全角大写英文	(?:x82[x60-x79])
SJIS全角小写英文	(?:x82[x81-x9a])
SJIS全角平假名	(?:x82[x9f-xf1])
SJIS全角平假名扩展	(?:x82[x9f-xf1]\|x81[x4ax4bx54x55])
SJIS全角片假名	(?:x83[x40-x96])
SJIS全角片假名扩展	(?:x83[x40-x96]\|x81[x45x5bx52x53])
EUC_JP	[x20-x7e]\|x81[xa1-xdf]\|[xa1-xfe][xa1-xfe]\|x8f[xa1-xfe]{2}
EUC_JP标点符号及特殊字符	[xa1-xa2][xa0-xfe]
EUC_JP全角数字	xa3[xb0-xb9]
EUC_JP全角大写英文	xa3[xc1-xda]
EUC_JP全角小写英文	xa3[xe1-xfa]
EUC_JP全角平假名	xa4[xa1-xf3]
EUC_JP全角片假名	xa3[xb0-xb9]\|xa3[xc1-xda]\|xa5[xa1-xf6][xa3][xb0-xfa]\|[xa1][xbc-xbe]\|[xa1][xdd]
EUC_JP全角汉字	[xb0-xcf][xa0-xd3]\|[xd0-xf4][xa0-xfe]\|[xB0-xF3][xA1-xFE]\|[xF4][xA1-xA6]\|[xA4][xA1-xF3]\|[xA5][xA1-xF6]\|[xA1][xBC-xBE]
EUC_JP全角空格	(?:xa1xa1)
EUC半角片假名	(?:x8e[xa6-xdf])
日文半角空格	x20

本文章来给各位介绍一段网页插入flv视频代码，可控制是否自动播放实例，希望些代码对各位朋友会有所帮助。

今天小涛分享一个比较实用的东西：网页插入flv视频代码，可控制是否自动播放

代码如下

复制代码

配置：IsAutoPlay=1 自动播放，等于0的时候手动播放

[!--infotagslink--]

上一篇: html中base标签解决相对路径问题

下一篇: Grunt入门教程之学习笔记

iPhone输错密码导致手机锁定怎么办 iPhone输错密码手机锁定解决方法
如果反复输错屏幕密码，手机就会进入锁定模式，也就是永久停用状态，只能抹掉数据以解除锁定状态和清除锁屏密码...2022-09-14
photoshop设计一幅大鱼海棠动画片海报制作实例教程
今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程，各位想知道具体制作步骤的使用者们，那么各位就快来看看...2016-09-14
PHP操作MSSQL存储过程修改用户密码
存储过程在数据库的应用中我们用到的非常的多了，下面我们来看一篇关于PHP操作MSSQL存储过程修改用户密码的例子，具体的如下所示。 mssql2008 存储过程下面可以直接...2016-11-25
js检验密码强度(低中高)附图
最近一直在做通行证项目，里面的注册模块中输入密码需要显示密码强度（低中高）。今天就把做的效果给大家分享下，代码没有网上搜索的那么复杂，能够满足一般的需求。 html 代码如下：复制代码代码如下: <!DOCTYPE HTML> <htm...2014-06-07
JavaScript仿支付宝密码输入框
那么今天我就用JavaScript代码来实现这个效果吧，那么首先介绍一下整个的思路，首先我们先将确定输入密码的位数，我的需求是5位，那么就用一个div标签包住5个input标签...2016-01-02
ps怎么制作倒影 ps设计倒影的方法
ps软件是一款非常不错的图片处理软件，有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影，一起来看看设计倒影的方法。用ps怎么做倒影最终效果&#819...2017-07-06
C语言程序设计第五版谭浩强课后答案(第二章答案)
这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
Photoshop设计商务名片的5种常见思路分享
今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路，各位想知道的使用者，那么下面就快来跟着小编一起看一看吧。给各位Photosho...2016-09-14
基于JavaScript实现表单密码的隐藏和显示出来
为了网站的安全性，很多朋友都把密码设的比较复杂，但是如何密码不能明显示，不知道输的是对是错，为了安全起见可以把密码显示的，那么基于js代码如何实现的呢？下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示，需要的朋友参考下...2016-03-03
WPF实现类似360安全卫士界面的程序源码分享
最近在网上看到了新版的360安全卫士，感觉界面还不错，于是用WPF制作了一个，时间有限，一些具体的控件没有制作，用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
photoshop安卓和苹果界面设计之尺寸规范详解
今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范，各位想知道的使用者们，那么下面就快来跟着小编一起看看吧。给...2016-09-14
photoshop设计重影效果具体制作教程
今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程，各位想知道具体制作方法的软件使用者们，那么大家就来看下小编带来的教...2016-09-14
使用SKIP-GRANT-TABLES 解决 MYSQL ROOT密码丢失
忘记MySQL(和PHP搭配之最佳组合) ROOT密码是在MySQL(和PHP搭配之最佳组合)使用中很常见的问题，可是有很多朋友并不会重置ROOT密码，那叫苦啊，我有深有感触，特写此文章与大家交流：1、编辑MySQL(和PHP搭配之最佳组合)配置文件...2015-10-21
Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程
今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程，各位想知道具体制作步骤的使用者们，那么下面就快来...2016-09-14
PS怎么设计T恤 PS制作T恤教程
PS怎么设计T恤？很多人都想要在T恤上有自己喜欢的图案，那么自己设计T恤的图案是方法之一，本次为大家带来了详细的ps设计T恤教程，有兴趣的同学快来看看吧。 1、打开PS，新...2016-12-31
PHP的运行机制与原理(底层)
说到php的运行机制还要先给大家介绍php的模块，PHP总共有三个模块：内核、Zend引擎、以及扩展层；PHP内核用来处理请求、文件流、错误处理等相关操作；Zend引擎（ZE）用以将源文件转换成机器语言，然后在虚拟机上运行它；扩展层是一组...2015-11-24
photoshop设计一张节约用水环保主题海报制作教程
今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程，各位想知道具体制作方法的使用者们，那么下面就快来跟着小...2016-09-14
vue实现禁止浏览器记住密码功能的示例代码
这篇文章主要介绍了vue实现禁止浏览器记住密码功能的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-02-04
java中Base64编码原理实例讲解
这篇文章主要介绍了java中Base64编码原理实例讲解，文章讲解的很清晰，有对于这方面不太懂的同学可以研究下...2021-02-10
微信小程序 MD5加密登录密码详解及实例代码
这篇文章主要介绍了微信小程序 MD5加密登录密码详解及实例代码的相关资料,这里附有实例代码，需要的朋友可以参考下...2017-01-16

如何设计密码重设功能?找回密码设计原理

相关文章

阁下可能感兴趣的内容

推荐阅读