基于H5+APP 的用户自动记住密码 |
您所在的位置：网站首页 › 手机怎么记住密码自动登录 › 基于H5+APP 的用户自动记住密码 |
基于H5+APP 的用户自动记住密码
|
基于H5+APP实现用户自动记住密码功能
基于H5+APP实现用户自动记住密码功能
环境
解决方案
实例
结语
基于H5+APP实现用户自动记住密码功能
项目实战中遇到用户要求给APP添加记住密码功能，此处小小的总结一下解决方案，以备不时只需。 技术路线：H5+APP，采用vue、vant实现 环境在本项目中我们使用了WEB存储的思路来实现，用到了window对象的localStorage属性，利用localStorage存储在硬盘的特点将用户信息存储在用户终端。在我们需要时调取即可。 话不多说，接下咱们切入主体。 解决方案介绍一下咱们的主角localStorage： localStorage 和 sessionStorage 属性均可在浏览器中存储key/value对的数据，其中sessionStorage属于临时保存，在页面或标签业关闭后就会清除。localStorage 保存在磁盘中，在不手动删除的情况下永久生效。到了这里，小伙伴们应该都知道改怎么选了吧。 操作方法 保存数据 ： localStorage.setItem("key", "value"); 获取数据 ： localStorage.getItem("key")； 删除数据 ： localStorage.removeItem("key");思路： 在用户勾选记录密码功能，并点击登录时，在登录事件中获取用户信息已key-value的形式存储在localStorage对象中，同时存储一个是否需要记住密码的状态标识。再次登录时通过状态标识及存储的数据信息完成业务需求 实例项目选取vue开发，各位小伙伴参考时请参照vue语法，整体结构如下 1. 页面部分 |
【本文地址】
今日新闻 |
推荐新闻 |