当前位置:首页 > 代码 > 正文

登录页面代码记住密码(页面记住密码功能)

admin 发布:2022-12-19 23:41 160


今天给各位分享登录页面代码记住密码的知识,其中也会对页面记住密码功能进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

Vue项目:后台管理系统登录页的记住密码的功能如何实现?

当在做后台管理系统时,经常需要做到点击记住密码,然后登录进入系统后,一番操作后退出系统希望能够自动的记住上次登录的账号密码,这个功能实现并不算复杂。

记住密码的选项的值动态的绑定一个checked值,这个值默认为false,当选中的时候才去赋予一个true值,然后通过这个值当登录将账号密码提交的时候,根据checked的布尔值将账号密码存到本地存储中,如果为true则存账号密码,如果为false,则存个空对象进去。当用户操作完退出登录时,会退到登录页,此时会执行一次login组件的生命周期,就可以在生命周期中将本地存的值再次重新赋予到登录页的表单中去,这样就实现了登录时记住密码的功能。

3.1.1、登录的表单

3.1.2、从父组件接收过来的数据

loginForm:表单的账号密码的数据,hasChecked:是否选择记住密码

3.1.3、登录表单的校验

3.1.4、深度监听登录表单form

主要是监听退回登录页时,看表单页的数据是否填充,如果有数据填充,触发监听,并且执行init()初始化表单的方法。

3.1.5、init初始化

将选项布尔值重新赋值

3.2.1、子组件的引入

3.2.2、判断本地缓存中是否有数据,有的话那么就在生命周期中去给表单项进行赋值操作

3.2.4、提交按钮进行的逻辑操作

这部分需要判断是否选择了记住密码,如果勾选了,那么就将当前的账号密码存入,如果没有,那么就存入个空对象,一方面清空之前存入的账号密码,另一方面保证了下次登录不会带入数据。

3.2.5、保存用户设置的方法

这个方法是去保存用户是否勾选了记住密码的

最后大致的功能就实现了,当然为了安全性,最好在存入本地之前进行md5加密(其他的加密也行,比如:AES加密),然后在生命周期去赋值的时候再去进行解密赋值到表单项上去,这样安全性就提升了。

如何在网页设置记住密码?

在Internet选项内设置记忆帐户和密码,设置步骤如下:

所需材料:IE浏览器。

一、打开IE浏览器(注:所有IE内核的浏览器都可以使用这种方法使电脑记住帐户和密码),点击右上角“设置”,下拉菜单内点击“Internet选项”。

二、打开Internet选项窗口后,点击顶部“内容”选项。

三、点击“自动完成”选项下的“设置”按钮。

四、最后勾选“表单上的用户名和密码”和“在保存密码之前询问我”两个选项,点击“确定”。这样设置之后,在网络上登录网站的帐号时,就会自动记下该网站的帐号和密码,下次进入时会自动登录。

如何让网页记住密码?

vivo手机在浏览器上登录网址首次输入密码时,会有弹窗出现,内容为:是否希望浏览器记住此密码,可以根据实际情况,选择“永不、记住、或暂不保存”选项。若选择了记住,需要清除,可以在浏览器设置中清除记录中勾选保存密码。

注:此操作可会清除浏览器上保存的所有密码,建议慎重。

php程序登陆界面如何记住密码

是写在你的验证过程后的,如果用户名和密码验证成功就保存cookie或者session;

login.html前端登录界面:客户输入界面用户名,密码;

login.php  后端验证过程:通过post/get方式获取到客户输入的信息,然后跟数据库里的的账号密码就行匹配,如果正确就用setcookie保存下来,如果不正确就弹出相对应的错误提示;

登录页面代码记住密码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于页面记住密码功能、登录页面代码记住密码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/30712.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载