Q10-后台管理系统 修改密码

分两种：一、第一次登录时，要求强制的修改一次密码；

二、登录后，通过右上方快捷菜单修改密码；

第一种：验证如下： ① 新密码不能为空；

② 新密码须符合要求的格式；

③ 确认密码不能为空；

④ 确认密码和新密码不一致；

修改密码后，需要直接登录进去，因为前面已经通过账号和从邮件中获取的初始密码进行请求了。所以需要直接进行登录；

接口：POST, 传递的Json包括账户、密码、新密码 （账号和密码是前面输入的）

 { name: username , pass: pass , newPassword: values.newPassword }

第二种：验证如下： ① 旧密码不能为空；

② 新密码不能为空；

③ 新密码需要符合要求的格式；

④ 确认密码不能为空；

⑤ 确认密码和新密码不一致；

修改密码后，关闭修改密码弹出窗口即可；

接口：POST, 传递的Json包括账户、密码、新密码

 { name: name, values.oldPassword, newPassword: values.newPassword }

注意这里的name是从缓存中获取当前登录人的账号，要区分管理员和普通用户等获取name的路径不同；

             const admin = getStorage('isAdmin', true)

             let name = ''

            if (admin) {

                name = user && user['cognito:username']

            } else {

                name = user && user.UserName

            }

1、首先，登录数据库账号，点击右上角的“管理中心”，然后点击“进入会员中心”：2、然后，然后选择“虚拟主机管理”，再点击忘记密码的程序主机后面的“管理”按钮：3、之后，在出现的窗口中选择“数据库”：4、接着，就能看到数据库管理按钮了，点击进入（UTF—8版）。5、然后在出现的新窗口中，输入新的密码，点击保存后就可以了。到此，忘记网站后台登陆密码的问题就已经解决了。

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

记住密码的选项的值动态的绑定一个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加密），然后在生命周期去赋值的时候再去进行解密赋值到表单项上去，这样安全性就提升了。

---