react 添加密码过期提醒 首次登录修改密码提醒

添加密码过期提醒

根据后端返回的时间判断当前用户密码是否即将过期 如果少于7天就设置弹窗提醒

思路：1. 先获取当前时间

           2. 然后获取密码过期时间

           3. 再判断账号是否过期

首先将密码过期时间存在缓存里

然后在需要提醒的页面设置页面名称

然后检查密码过期时间

nowDate获取当前系统时间

passwordDate从后端取存在缓存的数据（过期时间：几月几日几点几分），命名为pd取过期时间

如果过期时间减去当前时间小于7天，就发出弹框提醒用户及时修改密码

 在useEffect里调用

useEffect 是在渲染器执行完当前任务后(即在浏览器将所有变化渲染到屏幕后) 才会被 异步执行

     

弹窗提醒使用antd里的Modal组件（记得引入）

 效果图：当用户登录后判断到当前用户密码即将过期：就会有弹窗提醒

---

首次登录修改密码提醒

根据后端返回的passwordOnce 判断当前用户是否是首次登录

如果是首次登录就设置弹窗提醒用户要先修改密码，否则下次不能登录

思路：   先获取后端返回的passwordOnce是0还是1   

              如果passwordOnce = 0就不是第一次登录    

              passwordOnce = 1就是第一次登录  设置提醒用户修改密码的弹窗

首先将密码一次有效时间存在缓存里

然后在需要提醒的页面设置页面名称

、

然后检查是否首次登录

 在useEffect里调用

useEffect 是在渲染器执行完当前任务后(即在浏览器将所有变化渲染到屏幕后) 才会被 异步执行

 弹窗提醒使用antd里的Modal组件（记得引入）

 效果图：当用户首次登录进首页时：就会有弹窗提醒